Boxen

Boxen

Text zum Bild

u.s.w.


Eine dynamische Box ohne jegliche Parameter, man sieht nichts:

Blindtext

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse.


Eine dynamische Box mit Parameter: Breite (900px), Rand, Innenabstand (20px) und Hintergrundfarbe

Blindtext

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse.


Eine dynamische Box mit Parameter: Breite (600px), Höhe (250px), SoftScrollBalken, Rand mit Schatten, Innenabstand (20px) und Hintergrundbild

Blindtext

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.

Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy.


Es folgen zwei Boxen mit schmaler Breite (jew. 40%), die in einem Abstand von 2% nebeneinander und nicht untereinander stehen. Beide sind mit Rand und Schatten und variabler Höhe.

Blindtext

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik.


Blindtext 2

Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse.


Eine dynamische Box in schräger Darstellung, dunklem Hintergrund und mit weißer Schriftfarbe.

Blindtext

 

Eine solche Box macht eigentlich erst dann etwas her, wenn sie sich über die volle Browser-Fenster-Breite ausbreiten kann.

Life zu sehen z.B. bei unserer Kundin "Hair & Style".

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu mauris non ligula tempus fringilla. Aenean aliquam nibh vel condimentum fringilla. Nunc pharetra eget quam nec facilisis. Morbi semper iaculis metus, quis tristique nisi dictum nec. Cras pulvinar semper sapien non fermentum. Duis at dolor at massa tristique consequat porta in neque. Cras maximus interdum sagittis. Mauris quis tempus urna, at faucibus arcu.

Praesent blandit odio non pharetra facilisis. Vivamus eu blandit nibh, eget facilisis elit. Phasellus tempor commodo lacus, at tristique erat pellentesque et! Praesent eu libero interdum, gravida dui sed, condimentum lacus. Integer luctus justo vel vulputate ornare. Nullam egestas sem tellus, quis tristique lectus finibus vitae? Sed sit amet eros a massa ultrices semper. Nunc sagittis viverra nisi, in consectetur neque ullamcorper at.

 

 

 


Es folgen zwei animierte Boxen:

Blindtext

Die Box bzw. deren Inhalt …

hüpft aus dem Hintergrund nach vorne (bounceIn)
hüpft von oben ein (bounceInDown)
hüpft von rechts ein (bounceInRight)
hüpft von unten ein (bounceInUp)
hüpft von links ein (bounceInLeft)
blendet sich von oben ein (fadeInDown)
blendet sich von unten ein (fadeInUp)
blendet sich von links ein (fadeInLeft)
blendet sich von rechts ein (fadeInRight)
blendet sich von hinten ein (fadeIn)
wächst von hinten klein nach vorne groß (growIn)
wackelt horizontal (shake)
wackelt vertikal (shakeUp)
dreht sich um die eigene Achse (rotateIn)
Drehpunkt unten links, wird von unten ins Bild gedreht (rotateInUpLeft)
Drehpunkt unten links, wird von oben ins Bild gedreht (rotateInDownLeft)

u.s.w. — Es gibt noch ein paar mehr zur Auswahl.


Blindtext 2

Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse.



Eine dynamische Boxmit Deko-Icon am linken Rand, animiertes Icon

Blindtext

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse.