[CSS/HTML] Immagini che si ingrandiscono al passaggio del mouse

« Older   Newer »
 
  Share  
.
  1.     +1   -1
     
    .
    Avatar

    Antho Dreams


    Group
    Zucchino
    Posts
    19,818
    Location
    Vicenza

    Status
    Offline
    Allora prima di tutto copiate e incollate il codice in fondo nei "Modifica colori e stili"

    CODICE
    #contentmenu a:link, #contentmenu a:visited span {float: none}
    #contentmenu a:hover span {color: #CB40D0}
    #contentmenu a:hover {background-position: 0% -125px}
    #contentmenu a:hover span {background-position: 100% -125px}
    .thumbnail {position: relative; z-index: 0}
    .thumbnail:hover {background-color: transparent; z-index: 9}
    .thumbnail span {position: absolute; background-color: #F0F0F0; padding: 5px; left: -1000px; border: 3px solid #AAC3CE; visibility: hidden; color: #868686; text-decoration: none; font-weight: bold}
    .thumbnail span img {border-width: 0; padding: 2px}
    .thumbnail:hover span {visibility: visible; top: 0; left: 10px}


    poi andate in "Gestione codice html" e incollate questo codice dove volete

    CODICE
    <a class="thumbnail" href="LINK DI UN TOPIC"><img src="LINK IMMAGINE ANTEPRIMA" border="0" height="20" width="20"><span>
    <img src="LINK IMMAGINE ORIGINALE"><br>TESTO<br></span></a>
     
    Top
    .
  2.     +1   -1
     
    .
    Avatar

    Group
    Member
    Posts
    51,028
    Location
    DreamWorld

    Status
    Anonymous
    salve scusate se rispondo qui, ma il codice non mi funziona a dovere. Se lo provo su thimble mi funziona benissimo, ma invece su una skin non mi funziona.
     
    Top
    .
1 replies since 7/4/2013, 14:54   393 views
  Share  
.