Cercasi codice per immagini

« Older   Newer »
 
  Share  
.
  1. unzina
     
    .

    User deleted


    come immagino tutti sappiano, nella home page di questo forum ci sono una serie di immagini che da piccole diventano grandi una volta che ci si passa il mouse sopra (ad esempio quelle degli staffer o delle regine di extramondo).
    Ecco: vorrei,se possibile, il codice che consente questa operazione.

    se non mi sono spiegata bene, ditemelo che cercherò di essere chiara =)
    grazie 10000 in anticipo
     
    Top
    .
  2. Tamara°
     
    .

    User deleted


    Credo che tu ti riferisca alle immagini dello staff
    Il codice è qusto, era in Alcuni codici utili
    I codici della bacheca li trovi tutti lì. Spero di esserti stata d'aiuto^^
    CODICE
    <a class="thumbnail" href="LINK PROFILO NICK NAME"> <img src="LINK IMMAGINE (PICCOLA)" border="0" height="quella che vuoi" width="quella che vuoi"><span>
    <img src="LINK IMMAGINE (GRANDE)"><br><br>
    <b><font color=quello che vuoi>NICK NAME</font></b>
    <br><br>RUOLO DELLA PERSONA (ADMIN, MOD ...)
    </span></a>


    Ah dimenticavo!
    Dopo che hai fatto ed inserito quel code nella tabella, nei codici HTML in fondo al sito incolli questo,e tutto andrà meraviglia!

    CODICE
    <style type="text/css">

    .thumbnail{
    position: relative;
    z-index: 0;
    }

    .thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    }

    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }

    .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    }

    .thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 60px; /*position where enlarged image should offset horizontally */

    }

    </style>
     
    Top
    .
  3. unzina
     
    .

    User deleted


    se potessi ti farei un monumento *.*
    sei stata impagabile *piange di gioia* grazie milleeeee!!!

    ma il 2° codice a cosa serve? O.O
     
    Top
    .
  4. Sirena Esmeralda 97
     
    .

    User deleted


    CITAZIONE (unzina @ 9/2/2010, 19:56)
    ma il 2° codice a cosa serve? O.O

    penso serva a far funzionare meglio il primo ;)
     
    Top
    .
  5. m o k i, †
     
    .

    User deleted


    Sì il secondo è necessario a far funzionare il primo ^^
    Senza quello nn funziona.. quindi deve essere messo per forza
     
    Top
    .
  6. unzina
     
    .

    User deleted


    ah ok ^^
    grazie ancora ^^
     
    Top
    .
  7. Tamara°
     
    .

    User deleted


    Di niente^^ Il secondo è importante *sisi*. Senza non ci sarebbe l'effetto che quando passi con il mouse si ingrandisce.
    Rimarrebbero foto piccola e foto grande accanto senza nessun effetto Io ho provato ...
     
    Top
    .
6 replies since 8/2/2010, 15:12   76 views
  Share  
.