CSS : Kpeffekt (ttetsz, lekerektett keret kpek) |
Kpeffekt (ttetsz, lekerektett keret kpek)
Ezzel a kddal megadhatod, hogy az oldaladon lv kpeknek legyen-e keretk, illetve, hogy a linkelt kpeknek legyen-e keret, ttetsz legyen-e. A kdot egyszer modul Forrskdjba illeszd be, a magyarzatot nem kell kitrlnd, a kd gy mkdkpes, ahogy van! :)
Sajnos IE-ben a lekerektett keret nem mkdik (teht egyszer keret jelenik meg helyette), csak Mozzilban, Chromeban oks a lekerekts..

Kd:
<style type="text/css">
img { border: 0px solid #000000;} /* link nlkli kpnek keret, most 0, teht nem ad neki keretet */
a img /* linkelt kp tulajdonsgai */
{ border-style: solid; /* a linkelt kp keretnek stlusa: solid: sima, dashed: szaggatott, dotted: pontozott */
border-width: 3px; /* a linkelt kp keretnek vastagsga */
border-color: #000000; /* a linkelt kp keretnek szne */
-moz-border-radius: 5px; /* keret lekerektsnek mrtke mozzilban */
-webkit-border-radius: 5px; /* keret lekerektsnek mrtke chrombe-ban */
filter: alpha(opacity=50); /* ttetszsg IE-ben */
opacity: 0.5; /* ttetszsg mozzilban, chrome-ban.. */
}
a:hover img /* linkelt kp tulajdonsgai, ha rviszed az egeret */
{ border-style: solid; /* a linkelt kp keretnek stlusa: solid: sima, dashed: szaggatott, dotted: pontozott */
border-width: 3px; /* a linkelt kp keretnek vastagsga */
border-color: #ff0000; /* a linkelt kp keretnek szne */
-moz-border-radius: 5px; /* keret lekerektsnek mrtke mozzilban */
-webkit-border-radius: 5px; /* keret lekerektsnek mrtke chrome-ban */
filter: alpha(opacity=100); /* ttetszsg IE-ben */
opacity: 1.0; /* ttetszsg mozzilban, chrome-ban... */
}
</style>
|