AR Design
CSS
CSS : Képeffekt (áttetsző, lekerekített keretű képek)

Képeffekt (áttetsző, lekerekített keretű képek)


Ezzel a kóddal megadhatod, hogy az oldaladon lévő képeknek legyen-e keretük, illetve, hogy a linkelt képeknek legyen-e keret, áttetsző legyen-e. A kódot egyszerű modul Forráskódjába illeszd be, a magyarázatot nem kell kitörölnöd, a kód így működőképes, ahogy van! :)
Sajnos IE-ben a lekerekített keret nem működik (tehát egyszerű keret jelenik meg helyette), csak Mozzilában, Chromeban okés a lekerekítés..

Kód:

<style type="text/css">

img   { border: 0px solid #000000;} /* link nélküli képnek keret, most 0, tehát nem ad neki keretet */

a img /* linkelt kép tulajdonságai */

{ border-style: solid; /* a linkelt kép keretének stílusa: solid: sima, dashed: szaggatott, dotted: pontozott */
        border-width: 3px; /* a linkelt kép keretének vastagsága */
 border-color: #000000; /* a linkelt kép keretének színe */
        -moz-border-radius: 5px; /* keret lekerekítésének mértéke mozzilában */
        -webkit-border-radius: 5px; /* keret lekerekítésének mértéke chrombe-ban */
 filter: alpha(opacity=50); /* áttetszőség IE-ben */
 opacity: 0.5; /* áttetszőség mozzilában, chrome-ban.. */
}

a:hover img /* linkelt kép tulajdonságai, ha ráviszed az egeret */

{ border-style: solid; /* a linkelt kép keretének stílusa: solid: sima, dashed: szaggatott, dotted: pontozott */
 border-width: 3px;  /* a linkelt kép keretének vastagsága */
 border-color: #ff0000; /* a linkelt kép keretének színe */
        -moz-border-radius: 5px; /* keret lekerekítésének mértéke mozzilában */
        -webkit-border-radius: 5px; /* keret lekerekítésének mértéke chrome-ban */
 filter: alpha(opacity=100); /* áttetszőség IE-ben */
 opacity: 1.0; /* áttetszőség mozzilában, chrome-ban... */
}
</style>

 
Menü Plusz

 Üdvözlés
 Regisztráció
 Bejelentkezés
 Honlaptérkép
 Oldal: infó, vk
  AR mackók
 Szabályzat
 Hirdess ingyen!
 Linkcserék
 Buttoncserék
 ALL szövetség

 
AR ajánló

 Design-szettek
 CSS kódok
 Üzenőfal portálodra
 Több kinézet CSS-vel
 Képváltós menü
 Kérdezz-Felelek script
 Különleges frissítés
 Egy modulban több
 Képeffekt CSS-vel
 CSS magyarázat
 Különleges modulstílus
 Különleges modulstílus div

 
Chat


 
Online
2 látogató van itt
 
   
                                   

 

                                                              


Astropapa-iskolája mindenkit szeretettel vár és INGYENES TANÁCSOT AD minden kedves érdeklõdõnek!    *****    Supernatural - ODaát - 13. ÉVad - Extrák - Infók - ÉRdekességek - ODaát - Supernatural - 13.ÉVad - Supernatural - ODaát    *****    A csillagjövõ oldalon,nem csak alacsonyak az árak, hanem a tanácsadás, teljesen ingyenes. Szeretettel várlak minden nap    *****    Új design! Az egyetlen magyar Olicity és a legaktívabb Zöld Íjász rajongói oldala! 6. évad & Arrowverse hírek!    *****    No.1 Christina Aguilera Fan Site - Minden ami X-Tina, minden héten újdonságok! Katt!    *****    TelenovelasWeb - Hírek, képek, videók, saját véleménnyel tarkított bejegyzések telenovellákról és a színészekrõl! Gyere!    *****    Hamarosan olvashatók lesznek az oldalamon az Asztro-tükör asztrológiai írásai, cikkei.    *****    Gesztenye, gesztenye, gesztenye... és egy álmos sün! Gyertek az októberi rétre Mályvával és Pipitérrel! Irány a Mesetár!    *****    Születési,baba,hold horoszkóp,elõrejelzés,párkapcsolati elemzés,fogamzási képlet! Ingyenes tanácsadás!Várlak!Kattints!    *****    Ha te is a letisztult stílus híve vagy, nézz be hozzám! Smink, ruha, kritika //Style and Stuff// Style and Stuff//    *****    MINDEN HÓNAPBAN INGYENES G-PORTÁL SABLON! TELJESEN ÁTSZERKESZTHETÕ A LEGÚJABB KÓDOKKAL! Ne maradj le egyik hónapban sem!    *****    Rendeld meg az asztrológiai csomagok egyikét és teljesen ingyen megbeszélheted velem a kérdéseidet telefonon, skypeon!!!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film! Film!Film!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!    *****    A CSILLAGJÖVÕ OLDALON RENDKÍVÜLI AKCIÓK,LEHETÕSÉGEK.A MEGRENDELÉSEK UTÁN TELJESEN INGYENES KONZULTÁCIÓ,TANÁCSADÁS.VÁRLAK    *****    Õszi manókalandok a réten! Búcsúztassátok el ti is útra kelõ madarainkat Mályvával és Pipitérrel! Gyertek a Mesetárba!    *****    | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale |    *****    Bûbájos boszorkák - Charmed - Extrák - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed - Charmed -Játékok    *****    Infrashape Horizontal fittness stúdió Debrecen    *****    WISE-VOGUE | SZISSZ ÉS KLAU BLOGJA TERMÉKTESZTEKKEL, TIPPEKKEL, ÖTLETEKKEL A MINDENNAPOKRA // WISE-VOGUE // WISE-VOGUE