Servicegruppen/Webseite/Dokumentation/Hinweisboxen
Servicegruppe Webseite - Startseite | Kontakt | Workflows | Dokumentation | Protokolle | Links | Mitglieder
Kontakt:
- E-Mail: webmaster@piratenpartei.de
- Mailingliste: sg-webseite@lists.piratenpartei.de (abonnieren)
Der Text der in einer Hinweisbox erscheinen soll, wird im "Text"-Editor mit einem
<div class="hinweis"> ... </div>
Hierbei gibt es mehrere Modifikationen durch weitere CSS-Klassen:
| CSS-Klasse | Wirkung |
|---|---|
| info | Grauer Hintergrund |
| success | Grüner Hintergrund |
| warning | Halbgelber Hintergrund |
| error | Halbroter Hintergrund |
Anwendungsbeispiel:
<div class="hinweis info"> .. </div>
Weiterhin kann man die Box links, rechts oder mittig ausrichten:
Dazu gibt es die Klassen:
| CSS-Klasse | Wirkung |
|---|---|
| float-right | Box ist rechts |
| float-left | Box ist links |
| center | Box ist mittig |
Wenn man das macht, ist das aber nur sinnvoll zusammen mit einer Begrenzung der Breite der Box. Dazu gibt es folgende Breitendefinitionen:
| CSS-Klasse | Wirkung |
|---|---|
| p33 | 33% Breite |
| p40 | 40% Breite |
| p50 | 50% Breite |
| p60 | 60% Breite |
| p66 | 66% Breite |
Anwendungsbeispiel:
<div class="hinweis info float-right p40"> .. </div>
Wie das aussieht, sieht man hier: Piraten stellen sich Queer - Koalitionsvertrag ist eine Luftnummer
Falls man, wie in dem Beispielartikel einen Hinweistext macht der bei mehreren
Artikeln der gleiche sein soll, sollte der Text der in der Box erscheinen
soll NICHT im ersten Absatz des Artikels sein!
Grund: Der erste Absatz, bzw. der Text wird bei Teaser oder Previews
als Anreissertext verwendet. Wenn das dann immer derselbe ist... blöd.
Daher sowas am Besten im zweiten Absatz und dann ggf. mit einem
<div class="hinweis info float-right p40"> .. </div>
