Keine Kategorien vergeben

Infobox2

Wie Vorlagen/Beispiel/Infobox, nur anders gestylt:

Hinweis: Das ist ein Hinweis.

Tipp: Das ist ein Tipp.

Achtung: Das ist eine Warnung.

Wichtig! Das ist wichtig.

Beispiel: Das ist ein Beispiel.

Das ist eine neutrale Box.



Css zur Seite Vorlage:Box Note/styles.css hinzufügen:

.infobox {
    padding: 10px;
    margin: 2em 0;
}
.boxlabel {
    font-weight: bold;
    padding-right: 0.5em;
}
.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;
}

Zusätzlich kann eine Hintergrundfarbe als Hexadezimalwert angegeben werden. Dieser überschreibt die vordefinierte Hintergrundfarbe.

Anhänge

Diskussionen