Icon Box Tutorial

Wie codest du ein Hübsches Kästchen für deine icons?

Öffne deine Style.css Datei, und füge folgenen Code ein:
.box { background-color:#e2e2e2; margin:5px 0px 5px 0px; padding:4px; -moz-border-radius:10px; /* Firefox */ -webkit-border-radius:10px; /* Safari, Chrome */ -khtml-border-radius:10px; /* Konqueror */ border-radius:10px; /* CSS3 */ text-shadow:#edebeb 1px 1px; -moz-box-shadow: 0px 0px 5px #d8d8d8; }

wenn du Homepage Baukasten Benutzt, füge bei Text Über denn Design, diesen code ein:
<style>.box { background-color:#e2e2e2; margin:5px 0px 5px 0px; padding:4px; -moz-border-radius:10px; /* Firefox */ -webkit-border-radius:10px; /* Safari, Chrome */ -khtml-border-radius:10px; /* Konqueror */ border-radius:10px; /* CSS3 */ text-shadow:#edebeb 1px 1px; -moz-box-shadow: 0px 0px 5px #d8d8d8; }</style></body></html>

nun speicher es ab.

Um es zu Benutzen musst du bei HPBK im Quellcode folgenen Code einfügen:

<img border="0" alt="" class="box" src="DEINE BILD URL" _fcksavedurl="DEINE BILD URL" />

Und schon hast du ein Icon das so aussieht:



Außerdem kannst du dieses Kästchen auch für Texte benutzen.
Dafür benutzt du diesen Code:

<a class="box"> DEIN TEXT </a>
das sieht dann so aus:

Vorschaus text
Bei denn texten muss man aber Darauf achten das der Text icht zu lange ist.

FRAGEN? stelle sie im Ask me