Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

Képeffektek
Képeffektek : Felugró szöveg, ha a képre viszed az egeret

Felugró szöveg, ha a képre viszed az egeret


Felugró szöveg, ha a képre viszed az egeret
Vidd az egeret a kép fölé és olvasd el a felugró szövegben az adott információt a képről :) Több képeffekt itt található: Képeffektek

Kód

<style type="text/css">
.imagecenter{
   position: relative;
   width: 260px; /* doboz szélessége */
   height: 100%; /* doboz magassága */
   text-align: center; /* dobozban a szöveg elrendezése */}
 
.imagecenter img{
   position: relative;
   -moz-transition: all 0.5s ease;}
 
.imagecenter:hover img{ /* linkre a kép */
    padding: 0px;
    filter: alpha(opacity=80); /* kép halványítása */
    opacity: 0.8; /* kép halványítása */ }
 
.imagecenter div.desc{ /* felugró doboz */
   position: absolute;
   width: 90%;
   bottom: 0;
   padding: 10px; /* a doboz és a széle közötti táv */
   background: #49CDAC; /* doboz háttérszíne */
   opacity: 0; /* Set initial opacity to 0 */
   -moz-border-radius: 0 9px 0 9px; /* keret */
   -webkit-border-radius: 0 9px 0 9px; /* keret */
   border-radius: 0 9px 0 9px; /* keret */
   -moz-box-shadow: 0 0 6px #858585; /* doboz árnyéka */
   -webkit-box-shadow: 0 0 6px #858585; /* doboz árnyéka */
   box-shadow: 0 0 6px #858585; /* keret árnyéka */
   -moz-transition: all 0.5s ease 0.5s;
   -webkit-transition: all 0.5s ease 0.5s;}
 
.imagecenter div.desc a{ /* link színe */
color: #F9D536;}
 
.imagecenter:hover div.desc{ /*a szöveg színe */
   color: #ffffff;
   opacity: 1;}
 
.imagecenter div.upslide{ /* a doboz felül */
   top:0;
   bottom:auto;
   padding-bottom:5px;
   -moz-border-radius: 0 9px 0 9px; /* keret */
   -webkit-border-radius: 0 9px 0 9px; /* keret */
   border-radius: 0 9px 0 9px; /* keret */}
 
.imagecenter:hover div.upslide{
   -moz-transform: translate(0, -100%);
   -webkit-transform: translate(0, -100%);}</style>
 
<div align="center">
<div class="imagecenter">
<img src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1280675881_72.png" />
<div class="desc upslide">
<u>Felugró szöveg a linkelt képre</u><br />
Vidd az egeret a kép fölé és olvasd el a felugró szövegben az adott információt a képről :) Több képeffekt itt található: <a href="//aranymeli.gportal.hu/gindex.php?pg=35799854">Képeffektek</a></div>

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre