Page is a draft due to changes in included resources
Difference between revisions of "Manual:Template/Example/Notification Box2"
[quality revision] | [quality revision] |
(Tag: Visual 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 [[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=important||Note text=This is important.}} {{Box Note|boxtype=backgroundbox||Note text=This is a box without label.}}The 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 />
Line 1: | Line 1: | ||
− | Just like [[Manual:Template/Example/Notification Box|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.}} | ||
Line 5: | Line 8: | ||
{{Box Note|boxtype=warning||Note text=This is a warning.}} | {{Box Note|boxtype=warning||Note text=This is a warning.}} | ||
{{Box Note|boxtype=important||Note text=This is important.}} | {{Box Note|boxtype=important||Note text=This is important.}} | ||
− | {{Box Note|boxtype=backgroundbox||Note text=This is a box without label.}} | + | {{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 { | .notification-note { | ||
border-left: solid 4px #3498db; | border-left: solid 4px #3498db; |