Visualizzazione dei risultati da 1 a 10 su 10

Discussione: codice per hover

  1. #1

    codice per hover

    avrei bisogno della sequenza css per cambiare lo sfondo delle righe quando passo sopra con il mouse, e poi che ritornino dello stesso colore di prima... grazie mille!

  2. #2
    codice:
    <td onmouseover="this.bgColor='#CCCCCC;'" onmouseout="this.bgColor='#FFFFFF;'">
    ciao

  3. #3

    scusami.. sono imbranata

    così non funziona, sbaglio forse ad inserirlo in html?

  4. #4

    Re: scusami.. sono imbranata

    Originariamente inviato da ideain
    così non funziona, sbaglio forse ad inserirlo in html?
    come l'hai inserito?

  5. #5
    l'ho inserito così come me l'hai passato all'interno di questo header:

    <HEAD>
    <style type='text/css'>
    td.header {
    color : White;
    font-family : Arial, Helvetica, sans-serif;
    font-size : smaller;
    }

    a.item {
    color : #001C70;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    }

    a.up {
    color : #FF9900;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-weight : bold;
    }

    a.down {
    color : #FF9900;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-weight : bold;
    }

    td.item {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    }

    td.alternate {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    }

    td.threadtd {
    background-color: #E4F1ED;
    }

    span.pagertxt {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : bold;
    color: #003366;
    }

    span.pagerlink {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    color: blue;
    font-weight : bold;
    text-decoration : none;
    }

    span.threadtitle {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
    }

    span.threaddate {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 9px;
    }

    td.threadtd {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    }

    div.up {
    font-family : Arial, Helvetica, sans-serif;
    font-size : smaller;
    font-style : normal;
    }

    div.alert {
    font-family : Arial, Helvetica, sans-serif;
    font-size : xx-small;
    font-style : normal;
    color: orange;
    }

    div.down {
    font-family : Arial, Helvetica, sans-serif;
    font-size : smaller;
    font-style : normal;
    }

    </style>
    </HEAD>

  6. #6
    mhmmm, io l'avevo inserito direttamente nella cella della tabella.

    comunque, fai così.
    crea due classi:

    codice:
    <style type='text/css'>
    
    .classecella1 {
     background-color:#FFFFFF;
    }
    
    .classecella2 {
     background-color:#CCCCCC;
    }
    
    </style>
    e poi nella cella metti questo:

    codice:
    <td class="classecella1" onmouseover="this.className='classecella2';" onmouseout="this.className='classecella1';">
    ciao

  7. #7
    l'ho inserito esattamente cosi ma non funziona, sicuramente sbaglio qualcosa...

    <style type='text/css'>

    .classecella1 {
    background-color:#FFFFFF;
    }

    .classecella2 {
    background-color:#CCCCCC;
    }

    <td class="classecella1" onmouseover="this.className='classecella2';" onmouseout="this.className='classecella1';">
    </style>

  8. #8
    il codice <td ...> è una cella della tua tabella, non devi metterla tra i tag <style> e </style>.

    nel body devi trovare la cella alla quale applicare l'effetto, capisci?

    dunque, nel body avrai la tua tabella:

    codice:
    <body>
    ...
    <table>
    <tr>
    <td>contenuto</td>
    </tr>
    </table>
    ...
    </body>
    ecco, devi modificare le cose in questo modo:

    codice:
    <body>
    ...
    <table>
    <tr>
    <td class="classecella1" onmouseover="this.className='classecella2';" onmouseout="this.className='classecella1';">contenuto</td>
    </tr>
    </table>
    ...
    </body>

  9. #9
    il problema e' che sto cercando di personalizzare il forum che ho acquistato da webtool, ed ho a disposizione solo l'header per inserire i comandi, penso sia per questo, grazie davvero tantissimo, il tuo comando mi servira' per un'altra occasione, ciao.

  10. #10
    .header td a {
    color : White;
    font-family : Arial, Helvetica, sans-serif;
    font-size : smaller;
    display:block;
    background:red
    }

    .header td a:hover {
    color:red;
    background:white
    }
    prova questo, fuziona per tabelle di classe header

    se invece sono le celle di classe header devi fare

    .header a {

    eccetera
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

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.