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
 
   
                                   

 

                                                              


"Revealing the truth is like setting a match on fire. It can bring light or set your world on fire." | PROJECT D.C.    *****    PROJECT DC egy futurisztikus-disztópikus SZEREPJÁTÉK! Bármikor szívesen látjuk a csatlakozókat!    *****    Ne maradj le semmirõl, értesülj elsõ kézbõl a Selena Gomezzel kapcsolatos hírekrõl! Hat éve várja a látogatókat az oldal    *****    Református exmisszus-gyakornok, jégkorong, izomautók, rap zene. Igen, ez mind én vagyok! Hogyan? Nézz be és megtudod! :)    *****    Szeretsz írni? Lenne egy jó témád, amit megosztanál másokkal? Akkor kattints, és nyerj egy vendégposztot nálam! :)    *****    Kedveled Ian Somerhaldert? Odáig vagy a szépséges színésznõért, Nina Dobrevért? Kattints! Nem csak TVD rajongóknak!    *****    Szeretsz filmet nézni? Akkor itt a helyed! Nézz filmet facebook messengeren. Klikk ide!!!!    *****    MAYFLOWER / egy májusban született lány blogja / MAYFLOWER / egy májusban született lány blogja / MAYFLOWER    *****    DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE! DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE!    *****    ***Egy blog. Egy lány. Egy élet.*** Ðzsí blogol. *G-PORTÁL KÖZÖSSÉGMENTÉS ugyanitt. Ha hiányzik a régi közösség.*BLOG***    *****    Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok    *****    Nézz filmet facebook messengeren!!!! Klikk! Klikk!    *****    ONMYMIND \\ EGY ÁTLAGOS SRÁC BLOGOL MINDENRÕL AMI ESZÉBEJUT \\ ZENE, CIKKEK, KRITIKA? KATTINTS ÉS OLVASS MOST KEDVEDRE    *****    **********Rengeteg AKCIÓ! Vegyszermentes kozmetikmok és bio mosó és tisztítószerek, munkalehetõséggel! ***********    *****    OKTATÁS INGYENESEN az ASZTRO-suliban, Asztrológiai tanácsadás BECSÜLET KASSZÁS alapon! Fordulj hozzám bizalommal!    *****    Bûbájos boszorkák - Charmed - Hírek a folytatásról - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed -    *****    LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT * LORDE * ISMERD MEG TE IS * LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT    *****    Re-Startoltunk! Egy SZEREPJÁTÉK, amelybe bármikor becsatlakozhatsz! Légy te is Hõs! Hõsregék RPG    *****    Nem értesz a CSS kódokhoz/nem tudod egyedül fenntartani oldalad/szeretnél egy társszerkesztõt? Írj nekem! - sakura-ec.gp    *****    ISMERD MEG A GYÖNYÖRÛ OSCAR-DÍJAS SZÍNÉSZNÕT, ALICIA VIKANDERT, AKI A 2018-AS TOMB RAIDER LARA COFTJÁT FOGJA ALAKÍTANI!