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.
 

Sztárok/Bulvár: Tudj meg friss pletykákat, híreket. Katt!    *****    Outsider - Gay - Creative - Rebel - Tolerant - Furry - Brony - Hipster - Gamer - Otherkin - Geek - Autistic    *****    Xtina Hungary - Minden, ami Christina Aguilera!    *****    Légy Te is AVON tanácsadó *** Nyereményjátékok *** Kereseti lehetõség *** Vásárolj kedvezményesen AVON termékeket!    *****    Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj! *** Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj!    *****    Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár     *****    FRPG &#9679; FANTASY SZEREPJÁTÉK &#9679;&#12300;&#914;&#923;SM&#923;IW&#12301; &#9679; FANTASY SZEREPJÁTÉK &#9679; EGY SZIGET + 24 MÁGUS &#9679; FANTASY SZEREPJÁT&Eacut    *****    Itt megtalálhatod a legfrissebb híreket, cikkeket, képeket a Golden Globe- és Oscar-díjas színésznõrõl! Katt!    *****    Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok    *****    Légy Te is AVON tanácsadó *** AVON termékek *** Kereseti lehetõség *** Értékesítõ kollégákat keresek *** sminkek    *****    Esküvõi meghívók! Mindegyik kézzel készült, egyedi. Gyere, nézd meg az oldalamat.    *****    A legfrissebb Anime hírek , mindennap anime ajánló , mondocon képek , és hírek. Csatlakozz közösségünkhöz!    *****    Rendelj bármilyen asztrológiai elemzést,júniusban Te mondod meg,hogy mennyit szeretnél érte fizetni!Várlak az oldalamon!    *****    Egyetemistáknak kiemelt lakások eladóak. www.simonyiingatlan.hu Debrecen eladó kiváló lakások. www.simonyiingatlan.hu    *****    Egyetemistáknak kiemelt lakások eladóak. www.simonyiingatlan.hu Debrecen eladó kiváló lakások. www.simonyiingatlan.hu    *****    NÁLAM NINCSENNEK AKCIÓK, MINDEN ASZTROLÓGIAI ELEMZÉS "BECSÜLET KASSZÁS", A KONZULTÁCIÓ ÉS OKTATÁS INGYENES.    *****    **** Nokedli-lapja****Családi magazin****18-98 éves korosztály mindent megtalál itt, játékoktól a hírekig*****    *****    KÜLÖNLEGES AKCIÓ A CSILLAGJÖVÕ OLDALON JÚNIUSBAN.TE DÖNTHETED EL MENNYIBE KERÜLJÖN A HOROSZKÓP MEGRENDELÉSEID ÁRA!    *****    Minden héten anime/managa hírek , minden nap Anime ajánlók , Mondocon hírek. Itt nem fogsz unatkozni!! :)    *****    KÜLÖNLEGES CSILLAGJÖVÕ AKCIÓ JÚNIUSBAN.TE DÖNTHETED EL MENNYIBE KERÜLJÖN A SZÜLETÉSI HOROSZKÓP! VÁRLAK!RENDELD MEG MOST!