Mostanában nagyon divatba jöttek ezek a polaroid hatású linkelt képek. :) Szerintem nagyon szépek és ötletesek, már nem is igazán tudom, honnan indult el. :D
Ahhoz, hogy ilyen linkelt képet kaphass keresd meg a css kódodban a link:img és a hover:img részt. A link:img ugyebár a linkelt kép kinézete sima állapotban, a hover:img pedig a linkelt kép állapota, ha ráviszed az egeret. Ezeket írd be a kódodba:
Az a:link:img részbe:
padding-top: 4px;
padding-bottom: 12px;
padding-left: 2px;
padding-right: 2px;
background: #színkód;
Az a:hover:img részbe:
padding-top: 4px;
padding-bottom: 12px;
padding-left: 2px;
padding-right: 2px;
background: #másikszínkód;
Minden más dolgot törölj ki!
Egy kis magyarázat...
padding-top: keret felül
padding-bottom: keret alul
padding-right: keret jobb oldalt
padding-left: keret bal oldalt
background: háttér
Ne felejtsd, hogy a két { } jel közé írd be!
SAJÁT ÍRÁS
|