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
 
   
                                   

 

                                                              


Alicia Vikander - A legbiztosabb magyar forrásod az Oscar-díjas színésznõrõl! Képek, cikkek, hírek, minden egy helyen!    *****    -----Portálépítés és portáldíszítés kezdõknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!----    *****    Nem lehet saját lovad? Nevelj virtuálisan ITT! Nevelj, versenyezz, licitálj szebbnél szebb lovakra!    *****    SELENA GOMEZ MAGYARORSZÁG -A LEGINFORMÁLTABB ÉS LEGTARTALMASABB MAGYAR HONLAP AZ ÉNEKESNÕRÕL - SELENA GOMEZ MAGYARORSZÁG    *****    Ho-ho-hó! A Mikulás útra kész! Azaz... Hol a sapkája??? Ó jaj! Most mi lesz? Gyorsan gyertek a Mesetárba!    *****    Ha te is szereted az Arrow sikersorozat elbûvölõ házaspárját látogass el az ország egyetlen Olicity rajongói oldalára!    *****    Barbie - My Little Pony - Barbie - My Little Pony - Barbie - My Little Pony - Barbie - My Little Pony    *****    VIDEOJÁTÉK HONLAP! Retro játékoktól, a legújabbakig! Friss újdonság: Call of Duty: WWII és WoW: Battle for Azeroth!    *****    Kapható a VÖRÖS HÓ címû regény. Kaland és rejtély az örök fagy birodalmában. VÖRÖS HÓ. Részletek a weboldalon!    *****    Ho-ho-hó! A Mikulás útra kész! De hova lett a sapkája??? Ó jaj! Elmarad a Mikulás-nap??? Gyorsan gyertek a Mesetárba!    *****    Legfrissebb videojátékok, fõleg Warcraft és FPS játék hírek! Blog, Airsoft, Tech! Kattints ide!    *****    Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok    *****    Hová bújnak a virágmanók, ha elered az õszi esõ? Nem találjátok ki? Nyuszi mama majd elárulja! Gyertek a Mesetárba!    *****    Nálam nincsenek AKCIÓK, minden elemzés BECSÜLET KASSZÁS, az oktatás pedig INGYENES! Keress oldalamon!    *****    Bavaria 42 2018ban is várunk szeretettel mindenkit egy felejthetetlen tengeri vitorlás túrára! Vitorlás tudás nem szükséges!! Bavaria 42    *****    SELENA GOMEZ MAGYARORSZÁG - HA ELSÕKÉZBÕL SZERETNÉL INFORMÁLÓDNI, AKKOR ITT A HELYED - LEGFRISEBB HÍREK, KÉPEK, CIKKEK!    *****    Karácsonyra szép AJÁNDÉK egy Személyre szóló asztrológiai elemzés! Kinyomtatva és bekötve örök emlék marad!    *****    ***MUNKALEHETÕSÉG!*** Új cég, új lehetõség, ingyenes regisztráció! Ugye tudod, mit jelent elsõk között lenni...?!    *****    A legfrissebb videojátékokról olvashatsz híreket! Elemezzük a Call of Duty sorozat legújabb részét World War II    *****    A RENDKÍVÜLI horoszkóp akciók Karácsonyig tartanak,most rendelj saját illetve szeretteid részére elemzéseket. Kattints