cute-gb

iconkasten

In diesem Tutorial erklaere ich euch wie ihr ein Iconkaestchen coden koennt.
Ansicht ein recht kurzes und einfaches Tutorial. Das einzige was ihr braucht
ist der folgende Code den ihr in euren css code einbaut.


.icon { width: 100px; height: 100px; border: 3px solid #ffffff; margin: 10px 10px 10px 10px; float: left; }

width & height ist denke ich logisch. Euer Icon hat die groeße 100x100 also muesst ihr es dort genauso einstellen. Border ist der Rahmen fuer das Kaestchen. Statt 3px koennt ihr auch 5 px oder so nehmen je nach dem wie es euch gefaellt. margin beschreibt den außenabstand zu den einzelnen kaestchen. Ihr koennt die zahlen einfach mal ein wenig veraendern ihr werdet ja sehen was dann passiert. Keine ahngts ihr koennt nichts kaputt machen ;D

wenn ihr einen Schatten um euer kaestchen haben moechtet muesst ihr einfach folgenden code in den anderen einbauen.

-moz-box-shadow: 0px 0px 8px #000000;

Damit das kaestchen nun auch zu sehen ist wird folgender code im SeitenQuellcode eingegeben.

<img src="iCONURL" class="icon"></img>

So & das wars auch schon (: Ich hoffe ich habe es einigermaßen verstaendlich erklaert. Falls noch fragen sind einfach im GB melden. & natuerlich den Creditlink nicht vergessen (: