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="http://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="http://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.
 

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!    *****    "Céljuk fellelni az Egyesülés Pengéjének darabjait, és újra felemelni a Lidérckirályt."    *****    "Revealing the truth is like setting a match on fire. It can bring light or set your world on fire." | PROJECT D.C.