Boxen einfügen

Boxen ganze Inhaltbreite

Boxen sparsam verwenden

Boxen (wie diese) können spezielle oder wichtige Inhalte visuell vom restlichen Inhalt abheben. Damit ihre Wirkung nicht verloren geht, sollten sie sparsam verwendet werden.

Boxen bestehen aus einem DIV-Container, der mit einer Formatvorlagenklasse box versehen ist. Standard-Box ist hellgrau. Man findet sie in den Vorlagen (Sitemap > Standard-Box).

Varianten

Zur grauen Standard-Box stehen weitere Varianten zur Verfügung. Die Formatvorlagenklasse  box  bleibt dabei immer bestehen, wird aber mit einer zusätzlichen Klasse (separiert durch einen Wortabstand) ergänzt:

Box ganze Breite Inhalt verkleinern

 

Mit Schatten

box box-shadow

Mit Schatten nach innen

box box-shadow-inset