Visualizzazione dei risultati da 1 a 5 su 5

Discussione: cella come link

  1. #1
    Utente di HTML.it L'avatar di fmm_
    Registrato dal
    Mar 2002
    Messaggi
    20

    cella come link

    ciao a tutti...

    dato questo sito: http://www.dafont.com/en/

    vorrei ricreare l'effetto dei link adattato alle celle con l'onmouseover.

    chi mi aiuta, magari con un css non troppo pesante, lì il codice è indecifrabile?

    grazie-grazie! fmm_

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2000
    Messaggi
    938
    Ciao


    <style>
    .o1 {background-color:red;cursor:hand;}
    .n {background-color:white;}
    </style>


    <td class="n" onMouseOver="this.className='o1' "onMouseOut="this.className='n'" style="cursor:hand" OnClick="location.href='http://www.libero.it/'">Testo</td>

    Devi creare due classi per la cella una per il colore di default e una per l'onMouseOver. Per rendere la cella cliccabile basta aggiungere l'Onclick="" alla cella.

    Nelle proprità dei fogli di stile all'effetto OnMouse over applica lo stile per il cursore, per vedere la manina.



    Massimo

  3. #3
    Utente di HTML.it L'avatar di fmm_
    Registrato dal
    Mar 2002
    Messaggi
    20
    funziona alla stragranden Massimo...
    un'ultima cosina, come faccio se volessi far cambiare anche il colore del testo al passaggio del mouse?

    grazie

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2000
    Messaggi
    938
    Ciao


    <style>
    .o1 {background-color:red;cursor:hand;color:white;}
    .n {background-color:white;}
    </style>



    Massimo

  5. #5
    Utente di HTML.it L'avatar di fmm_
    Registrato dal
    Mar 2002
    Messaggi
    20
    Massimo sei un grande...

    lo posto completo così da poterlo recuperare al bisogno
    ---------------------------------------------
    <style>
    .o1
    {
    background-color:#CFDBE9;
    border-color:"#000000";
    cursor:hand;
    color:"#000000";
    }
    .n
    {
    background-color:#FFFFFF;
    bordercolorlight="#C0C0C0";
    bordercolordark="#C0C0C0";
    color:"#C0C0C0";
    }
    </style>


    <td class="n" onMouseOver="this.className='o1' " style="cursor: hand" OnClick="location.href='http://www.html.it/'" onMouseOut="this.className='n'" width="449" bordercolor="#C0C0C0">[img]Untitled-1.gif[/img]Testo</td>
    ---------------------------------------------


    grazie ancora!
    ciao, fmm_

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.