Home Webmiss Domain Guestbook Ask Me Affiliates Graphics Interaktiv Credits

nightmare-scream

Kästchen-Tut


Hier mal ein Tutorial wie man diese Boxen um Icons machen kann.
Da ich mich das fürher auch immer gefrag habe wie man das nur machen kann
denke ich das es für Anfänger gut geeignet ist.

Als erstest musst du einen Code in deinem CSS Design einfügen:

.icon {
padding: 0px;
border: 7px solid #ccc;
width: 100px;
height: 100px;
float: left;
margin: 0px 16px 16px 0px;
-moz-box-shadow: 0px 0px 5px #000000;
}


Zur Erklärung:
Padding: Der Abstand zwischen dem Kästchen und dem Icon
Border: Die Dicke des Kasten (Border ist Umrandung, und das Kästchen ist ja auch nur eine Umrandung des Icons)
Width: Die Breite, das heißt du kannst es auch z.B für Vorschau Bilder benutzen nicht nur für Icons,
da du die Breite des Kästchens ändern kannst.
Height: Die Höhe des Kästchens
Float: Die Ausrichtung im Conent, entweder rechtsbündig (right) oder linksbündig ( left)
Margin: Der Abstand zwischen den Kästchen
Moz-Box-Shadow: Wenn du Schatten um dein Kästchen möchtest kannst du dies hier einstellen


Und das ist der Code um das Kästchen einfügen zu können:

<p class="icon"><img src="BILDLINK"/></p>

=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=