HpBk-TemplateWorld | Alles für dich.

Content Boxen

Content-Boxen mit CSS 3

Mit diesen schönen Content-Boxen kannst du deinen Content aufteilen und Inhalte anders präsentieren. Eine Website sollte immer auch einige Teaser beinhalten. Ein Teaser ist ein kleines Text oder Bildelement, das den Besucher zum Weiterlesen und Weiterklicken ermutigen soll. Also ein Schnelleinstieg in verschiedene Themen auf deiner Seite. Solche Schnelleinstiege hast du bestimmt auch auf TemplateWorld schon öfter gesehen, zum Beispiel auf der Startseite.

Der Code, der in der DIV-Box steht, muss in deinem Seiteneditor eingefügt werden. Erst dann erscheint deine Textbox auch in deinem Aussehen. Den Style deiner Box kannst du natürlich beliebig im CSS-Code anpassen. Also auch die Höhe, die Farben etc. lassen sich beliebig anpassen.

Der HTML-Code | Box Nr.1

Der folgende Code muss in den Quelltext deiner angelegten Seite eingefügt werden. Dazu klickst du auf "Seiten", wählst deine Seite aus und klickst im Editor oben links auf "Quellcode".


Der CSS-Code | Box Nr. 1

Der folgende Code muss in unter "Designeinstellungen" - "Erweiterte Designeinstellungen" im Feld "Text über dem Design" eingefügt werden. Die einzelnen Werte können natürlich angepasst werden.

Der CSS-Code | Box Nr. 2



Und so sieht Box Nr. 2 aus

Dieses Beispiel zeigt die Box Nr. 2. Diese Box hat eine Breite von 300 Pixeln. Die Höhe dieser Box passt sich natürlich der Länge eures Inhalts an.



Der HTML-Code | Box Nr. 3



Der CSS-Code | Box Nr. 3



Und so sieht Box Nr. 3 aus

Dieses Beispiel zeigt die Box Nr. 3. Diese Box hat eine Breite von 300 Pixeln. Die Höhe dieser Box passt sich natürlich der Länge eures Inhalts an.



Der HTML-Code | Box Nr. 4



Der CSS-Code | Box Nr. 4



Und so sieht Box Nr. 4 aus

Dieses Beispiel zeigt die Box Nr. 4. Diese Box hat eine Breite von 300 Pixeln. Die Höhe dieser Box passt sich natürlich der Länge eures Inhalts an.



Der HTML-Code | Box Nr. 5



Der CSS-Code | Box Nr. 5



Und so sieht Box Nr. 5 aus

Dieses Beispiel zeigt die Box Nr. 5. Diese Box hat eine Breite von 300 Pixeln. Die Höhe dieser Box passt sich natürlich der Länge eures Inhalts an.





Kommentar zu dieser Seite hinzufügen:
Dein Name:
Deine E-Mail-Adresse:
Deine Homepage:
Deine Nachricht:

Du bist der 392792 Besucher.

Information

HpBk-TemplateWorld ist seit Januar 2011 die neue Design-Zentrale im Homepage-Baukasten. Mit über 100 Designs ist und soll HpBk-TemplateWorld auch mit eurer Hilfe noch weiter ausgebaut werden und somit zu einer zentralen Anlaufstelle für Designs, Templates und Tutorials im HpBk werden.

Partner werden

Möchtest du auch Partner von HpBk-TemplateWorld werden? Dann schreibe mich an. Gerne sehe ich mir deine Seite genauer an und werde dich dann zu den offiziellen Partnerseiten hinzufügen.