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
 
   
                                   

 

                                                              


Vonatozzunk együtt a gyereknapon! Robogjatok Budapesten vagy Balatonfenyvesen, vagy készítsetek kisvonatot a Mesetárban!    *****    Filmes hírek és kritikák lelõhelye. ÚJ oldal, ami filmekkel és színészekkel foglalkozik. Nézz be most és máskor is!    *****    Az egyetlen magyar forrás a BOSSZÚÁLLÓK univerzumáról | Az egyetlen magyar forrás a BOSSZÚÁLLÓK univerzumáról    *****    HAMAROSAN - DOVE CAMERON RAJONGÓI OLDAL - HAMAROSAN - DOVE CAMERON RAJONGÓI OLDAL - HAMAROSAN - DOVE CAMERON    *****    KÖNYVAJÁNLÓK - ha nem tudod mit olvass, itt találhatsz hozzá inspirációt - BOOKISLAND    *****    Loki rajongók! Fan Fiction és egyéb történetek! Gyere és olvass nálam kedvedre! Ha tetszik, claim loyalty to me! (Loki)    *****    Ayang - Avagy milyen is a világ az én szememmel    *****    LÉGY A MAGAD ASZTROLÓGUSA és segíts másoknak is az asztrológia tanaival!    *****    Társszerkesztõket keresek a dakotajohnson.tk újranyitásához.Ha érdekel és szeretnél jelentkezni kattints a részletekért!    *****    Április 22. a Föld napja! Az ünnep alkalmából cifraszûrös juhászlegény vár benneteket a Mesetárban! Nézzetek be hozzánk!    *****    Asztrológiai tanácsadás, részletes elemzésekkel, a legkedvezõbb áron és teljesen ingyenes konzultáció, idõkorlát nélkül!    *****    Egy jégkorong-rajongó lelkészgyakornok lány blogja - ha van kedved, nézz be, szeretettel látlak :) Gréti    *****    Minden Kedves látogatómat szeretettel várom Asztrológia oldalamon, ahol az oktatás INGYENES, az elemzés BECSÜLET-KASSZÁS    *****    Ayang Avagy milye is a világ az én szememmel    *****    Charmed - Új külsõ - Még több tartalom - Még több információ, érdekesség - CHARMED - Bûbájos boszorkák - Varázslat - Cha    *****    BOOKISLAND -> A könyvek birodalma elvezet a képzeletünk világába! <- BOOKISLAND    *****    KUTYA VS MACSKA, MELYIK AZ OKOSABB? SZAVAZZ! FÉLSZ A ROBOTOKTÓL, VAGY SEM? MONDD EL! KUTYA VS MACSKA!KUTYA VS MACSKA!!!!    *****    Outsider - Gay - Creative - Rebel - Tolerant - Furry - Brony - Hipster - Gamer - Otherkin - Geek - Autistic    *****    Online Gyermekáruház és bababolt Több ezer termékkel olcsón, országos kiszállítással!    *****    Charmed - Új külsõ - Még több tartalom - Még több információ, érdekesség - CHARMED - Bûbájos boszorkák - Varázslat - Cha