Immagini che al passare del mouse si ingrandiscono

« Older   Newer »
 
  Share  
.
  1. Dan 94
     
    .

    User deleted


    Le Span Sono Le Immagini, Che Comunamente Si Usano Per Lo Staff Nella Tabella.
    Quelle Che Col Passare Del Mouse Diventano Più Grandi Ed Esce Il NickName.

    Prima Di Tutto Bisogna Andare In "Modifica Colori E Stili"
    Mettere Questo Codice:
    CODICE
    /* SPAN */
    .originale {position: relative; z-index: 0}
    .originale:hover {background-color: transparent; z-index: 9}
    .originale span {position: absolute; background-color: #EEEFEE; padding: 5px; right: 0; display: none; border: 3px solid #656262; visibility: hidden; color: #868686; text-decoration: none; font-weight: bold}
    .originale span img {border-width: 0; padding: 2px}
    .originale:hover span {visibility: visible; top: 10px; display: block; width: 200px; left: 15px}

    .anteprima {position: relative; z-index: 0}
    .anteprima:hover {background-color: transparent; z-index: 9}
    .anteprima span {position: absolute; background-color: #EEEFEE; padding: 5px; right: 0; display: none; border: 3px solid #656262; visibility: hidden; color: #868686; text-decoration: none; font-weight: bold}
    .anteprima span img {border-width: 0; padding: 2px}
    .anteprima:hover span {visibility: visible; top: -230px; display: block; width: 170px; left: -40}


    .signature .default, .profile .default {display: none}
    .signature .nascosta, .profile .nascosta {display: block}

    Potete Modificare Colori Ecc...

    In "Gestione HTML"
    Questo:
    CODICE
    <a class="originale"href="?act=Profile&MID=2170156"><img src="http://i40.tinypic.com/ne8ehj.png" border="0" height="55" width="20"><span>
    <img src="http://i42.tinypic.com/osgb50.png"><br><br> <b>»|Nick:</b> J a k`
    <br><i> »GSL|Foundà;H__•</i></span></a>


    Preview



    Presa dal:KHA
     
    .
0 replies since 3/11/2009, 15:06   298 views
  Share  
.