Page is a draft due to changes in included resources
You are viewing an old version of this page. Return to the latest version.
Version of 13:23, 28 February 2020 by MLR
Difference between revisions of "Manual:Template/Example/Notification Box2"
[quality revision] | [quality revision] |
(Created page with "Just like Notification Box, but with different styles. {{Box Note|boxtype=note||Note text=This is a note.}} {{Box Note|boxtype=tip||Note text=This is a tip.}} {{Box Note|bo...") (Tag: 2017 source edit) |
(Tag: Visual edit) |
Just like Notification Box, but with different styles. The necessary pages to create this notification box can be downloaded and then imported into your own wiki.
Note: This is a note.
Tip: This is a tip.
Example: This is an example.
Warning: This is a warning.
Important! This is important.
This is a box without label.
.notification-note {
border-left: solid 4px #3498db;
background:#d9edf7;
}
.notification-tip {
border-left: solid 4px #f2c412;
background:#FFF5C9;
}
.notification-warning {
border-left: solid 4px #c23c2b;
background: #f2dede
}
.notification-important {
border-left: solid 4px #ffa406;
background: #fedb9c;
}
.notification-example {
border-left: solid 4px #00b241;
background: #dff0d8;
}
.notification-backgroundbox {
background:#ffd67f;
padding:12px;
}
.notification-backgroundbox .boxlabel {
display:none;
}
Just like Notification Box[[Manual:Template/Example/Notification Box|Notification Box]], but with different styles. The necessary pages to create [[Manual:Template/Template package|this notification box can be downloaded]] and then imported into your own wiki. {{Box Note|boxtype=note||Note text=This is a note.}} {{Box Note|boxtype=tip||Note text=This is a tip.}} {{Box Note|boxtype=example||Note text=This is an example.}} {{Box Note|boxtype=warning||Note text=This is a warning.}} {{Box Note|boxtype=nimportantimportant||Note text=This is important.}} {{Box Note|boxtype=backgroundbox||Note text=This is a box without label.}}Create the template [[Manual:Template/Example/Notification Box|Box note]] first. Then add this (different) css for page ''Template:Box_note/styles.css'':<syntaxhighlight lang="css"> .notification-note { border-left: solid 4px #3498db; background:#d9edf7; } .notification-tip { border-left: solid 4px #f2c412; background:#FFF5C9; } .notification-warning { border-left: solid 4px #c23c2b; background: #f2dede } .notification-important { border-left: solid 4px #ffa406; background: #fedb9c; } .notification-example { border-left: solid 4px #00b241; background: #dff0d8; } .notification-backgroundbox { background:#ffd67f; padding:12px; } .notification-backgroundbox .boxlabel { display:none; } </syntaxhighlight><br />
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
− | Just like Notification Box, but with different styles. | + | |
+ | |||
+ | |||
+ | Just like [[Manual:Template/Example/Notification Box|Notification Box]], but with different styles. The necessary pages to create [[Manual:Template/Template package|this notification box can be downloaded]] and then imported into your own wiki. | ||
{{Box Note|boxtype=note||Note text=This is a note.}} | {{Box Note|boxtype=note||Note text=This is a note.}} | ||
{{Box Note|boxtype=tip||Note text=This is a tip.}} | {{Box Note|boxtype=tip||Note text=This is a tip.}} | ||
{{Box Note|boxtype=example||Note text=This is an example.}} | {{Box Note|boxtype=example||Note text=This is an example.}} | ||
{{Box Note|boxtype=warning||Note text=This is a warning.}} | {{Box Note|boxtype=warning||Note text=This is a warning.}} | ||
− | {{Box Note|boxtype= | + | {{Box Note|boxtype=important||Note text=This is important.}} |
+ | {{Box Note|boxtype=backgroundbox||Note text=This is a box without label.}}Create the template [[Manual:Template/Example/Notification Box|Box note]] first. Then add this (different) css for page ''Template:Box_note/styles.css'':<syntaxhighlight lang="css"> | ||
+ | .notification-note { | ||
+ | border-left: solid 4px #3498db; | ||
+ | background:#d9edf7; | ||
+ | } | ||
+ | .notification-tip { | ||
+ | border-left: solid 4px #f2c412; | ||
+ | background:#FFF5C9; | ||
+ | } | ||
+ | .notification-warning { | ||
+ | border-left: solid 4px #c23c2b; | ||
+ | background: #f2dede | ||
+ | } | ||
+ | .notification-important { | ||
+ | border-left: solid 4px #ffa406; | ||
+ | background: #fedb9c; | ||
+ | } | ||
+ | .notification-example { | ||
+ | border-left: solid 4px #00b241; | ||
+ | background: #dff0d8; | ||
+ | } | ||
+ | .notification-backgroundbox { | ||
+ | background:#ffd67f; | ||
+ | padding:12px; | ||
+ | } | ||
+ | .notification-backgroundbox .boxlabel { | ||
+ | display:none; | ||
+ | } | ||
+ | </syntaxhighlight><br /> |