Zsuzsu oldala, png képek, képszerkesztés ,kódok, hátterek
Ünnepi png-k Díszítő png-k Png növények, virágok Png nők, gyerekek, férfiak, angyalok, tündérek... Png állatok Homályos szélü png-k, tubes Scriptek, kódok Hátterek Dekor gifek
Ünnepi png-k
mindenféle ünnepekhez
Tovább...
Díszítő png-k
képszerkesztéshez: ablakok, vintage..
Tovább...
Png növények
Virágok,fák..
Tovább...
Png élőlények
Nők,gyerekek,férfiak, fantasy
Tovább...
Png állatok
Házi és vadon élő...

Tovább...
Homályos szélű
png-k,
tube-k.

Tovább...
Kódok
Egérkövetők, effektek, dobozok és sok más...
Tovább...
Naptárak
Saját készítésű naptáraim
Tovább...
Hátterek
számítógépre vagy akár szerkesztéshez. is
Tovább...
Dekorációk
weboldalra: feliratok, gif képek, sorelválasztók...
Tovább...
 

Üdvözöllek :)

Kezdőlap
Galéria
 

PNG képek
       
 

 

 
Maszkok


Letölthető maszkok képszerkesztő
programokhoz

 
Chat



 

Ha te is szeretnél ilyen chat boxot,
akkor 
Készíts chat boxot megtudhatod hogyan juthatsz hozzá. 

 
Látogatók
 
Translate

 


 
Számláló
Indulás: 2016-01-13
 
Bejelentkezés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 

Lenyomható kör gombok

Link 1 Szöveg Link 2 Szöveg Link 3 Szöveg Link 4 Szöveg



Kód:


<style type="text/css">
a.css3dbutton {
    background: #c1e75c; /* zöld gomb háttér színe */
    color: black;
    text-decoration: none;
    font: bold 18px Arial; /* betű méret és tipus */
    position: relative;
    display: inline-block;
    margin-right: 15px; /* a gombok egymás közötti távolsága */
    padding: 15px; /* a gombok mérete */
    border-radius: 85px; /* a gombok kerekítése, a 0px négyzet alakú lesz */
    width: 85px; /* a gombok szélessége */
    height: 85px; /* a gombok magassága */
    outline: none;
    box-shadow: 0 8px 0 #8dab3b, /* a gombok árnyéka */
        0 0 3px rgba(0,0,0, 0.2),
        0 20px 20px #eee;
    -moz-transition: all 0.2s ease-in-out; /* átmeneti stílus */
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.css3dbutton span.outer{ /* szöveges rész */
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 50%; /* center element */
    -webkit-transform: translateY(-50%); /* center element */
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

a.css3dbutton span.outer span.top{ /* felső szöveg */
    display: block;
    padding-bottom: 4px;
}

a.css3dbutton span.outer span.bottom{ /* alsó szöveg */
    border-top: 1px solid black;
    padding-top: 4px;
    display: block;
    text-transform: uppercase;
    line-height: 12px;
    font-size: 60%;
}


a.css3dbutton:hover {
    background: #9cc62b; /* a háttér színe, ha ráviszed az egeret */
    box-shadow:  none;
    -ms-transform: translateY(8px);
    -webkit-transform: translate3D(0, 8px, 0);
    -moz-transform: translateY(8px);
    transform: translate3D(0, 8px, 0);
}


a.css3dbutton.blue{ /* kék gomb */
    background: #a6e9f7; /* háttér színe */
    box-shadow: 0 8px 0 #529dad, /* árnyék színe */
        0 0 3px rgba(0,0,0, 0.2),
        0 20px 20px #eee;
}

a.css3dbutton.blue:hover {
    background: #66cbe1; /*a háttér színe, ha ráviszed az egeret */
    box-shadow: none;
}

a.css3dbutton.pink{ /* rózsaszín gomb */
    background: #fbbaba; /* háttér színe */
    box-shadow: 0 8px 0 #d74848, /* árnyék színe */
        0 0 3px rgba(0,0,0, 0.2),
        0 20px 20px #eee;
}

a.css3dbutton.pink:hover {
    background: #ea6161; /* a háttér színe, ha ráviszed az egeret */
    box-shadow: none;
}

a.css3dbutton.yellow{ /* sárga gomb */
    background: #f3fa86; /* háttér színe */
    box-shadow: 0 8px 0 #dbcd2f, /* árnyék színe */
        0 0 3px rgba(0,0,0, 0.2),
        0 20px 20px #eee;
}

a.css3dbutton.yellow:hover {
    background: #ecd347; /* a háttér színe, ha ráviszed az egeret */
    box-shadow: none;
}    </style>
    <p>
        <a class="css3dbutton green" href="#"> <span class="outer"> <span class="top">Link 1</span> <span class="bottom">Szöveg</span> </span> </a> <a class="css3dbutton blue" href="#"> <span class="outer"> <span class="top">Link 2</span> <span class="bottom">Szöveg</span> </span> </a> <a class="css3dbutton pink" href="#"> <span class="outer"> <span class="top">Link 3</span> <span class="bottom">Szöveg</span> </span> </a> <a class="css3dbutton yellow" href="#"> <span class="outer"> <span class="top">Link 4</span> <span class="bottom">Szöveg</span> </span> </a></p>
    
</div>
 

 
 

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