Efect zoom pe imaginile din subiect

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

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

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

Vezi profilul utilizatorului http://www.infinigame.biz/
Emanuel a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum