Efect zoom pe imaginile din subiect

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Efect zoom pe imaginile din subiect

Mesaj Scris de Emanuel la data de Mar 24 Noi - 19:25

Efect zoom pe imaginile din subiect
Salutare tuturor  La revedere ,

Cu ajutorul acestui tutorial puteti adauga un efect zoom peste imagini cand sunteti cu mouse-ul deasupra lor.
Pentru asta, trebuie sa adaugam cateva coduri CSS.

Panou de Administrare Afisare Imagini si culori Culori Foaie de stil CSS

PHPBB3

Cod:
    .postbody .content img:hover {
        cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
        max-width: 100%;
        }
        .postbody .content img {
        max-width: 250px;
        transition: all ease-out .2s;
        }

PHPBB2

Cod:
     .postbody img:hover {
        cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
        max-width: 100%;
        }
        .postbody img {
        max-width: 250px;
        transition: all ease-out .2s;
        }

PUNBB

Cod:
    .entry-content img:hover {
        cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
        max-width: 100%;
        }
        .entry-content img {
        max-width: 250px;
        transition: all ease-out .2s;
        }

INVISIONS

Cod:
    .post-entry img:hover {
        cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
        max-width: 100%;
        }
        .post-entry img {
        max-width: 250px;
        transition: all ease-out .2s;
        }

Rezultat:



Daca doriti sa schimbati imaginea lupei, cautati in codul css http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png si inlocuiti cu imaginea dorita.

Succes  Magie .

Tutorial scris de Shek tradus de Emanuel
Copyright ˆForumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 3189
Varsta : -12
Data înscrierii : 06/11/2012
Multumiri : 844
Niciun avertisment

http://www.infinigame.biz/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum