Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2004
    Messaggi
    45

    tabelle o celle con sfondo roll-over?

    Ciao!
    Visitando il sito http://www.kataweb.it ho notato che nel menu a destra (in azzurro), passando col mouse sopra le voci del menu, il colore dello sfondo cambia.

    Qualcuno saprebbe dirmi come si ottiene questo effetto?

    Grazie!!

    Nik
    = GOA =

  2. #2
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  3. #3
    non so nel sito perchè non ho tempo di vedere ma coi CSS puoi!
    Anche io leggo barze-bastarde
    Athlon 64 X2 4400@2500 daily - Zalman CNPS9500 - Asus A8n-Sli Premium - Crucial Ballistix Tracer PC4000 500mhz Sinc. - Sapphire Radeon X1900XT 512mb - Zalman VF900Cu - Seagate 320Gb 7200.10 - LG H22N 18x - T.t. Soprano - LcPower Titan 560W

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2004
    Messaggi
    45
    Grazie Federix!

    Quello che mi hai "dato" lo tengo perché potrebbe tornarmi utile, ma non è esattamente quello che stavo cercando.

    Qualcuno di voi sa dirmi se esiste uno "script" o CSS per ottenere l'effetto che cerco, su qualune LINK?

    Grazie ancora!

    Nik
    = GOA =

  5. #5
    Utente di HTML.it L'avatar di antos
    Registrato dal
    Feb 2001
    Messaggi
    3,581
    per avere lo stesso effetto con i css bisogna fare qualcosa del genere
    codice:
    a{display:block;float:left; width:auto;padding:0px 2px;background-color:#666;color:#FFF;}
    a:hover{background-color:#333;}
    edit il flat lo inserisci se vuoi i link diposti orizzontalmente
    x averli in verticale basta che la ometti

  6. #6
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    Quello che mi hai "dato" lo tengo perché potrebbe tornarmi utile, ma non è esattamente quello che stavo cercando.
    Il link che è stato postato è proprio quello che cerchi invece. Questo è quello che usa kataweb e come vedi è un rollover fatto con i css:

    CSS:
    .rightnav a {
    display: block;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    padding: 3px 2px 5px 23px;
    border-top: 1px solid #fff;
    border-right: 1px solid #5E6F82;
    border-bottom: 1px solid #5E6F82;
    border-left: 1px solid #fff;
    text-decoration: none;
    color: #3B4450;
    background-color: #D8DFE5;
    background-image: url(/static/images/kataweb/home/arrow-right.gif);
    background-repeat: no-repeat;
    background-position: 3% 50%;
    width: 100%;
    }

    .rightnav a:visited {
    text-decoration: none;
    color: #3B4450;
    }

    .rightnav a:hover {
    background-color: #F3F7FA;
    }

    html>body .rightnav a { width: auto; }

    HTML:
    <div class="rightnav">
    Antivirus
    ...
    </div>

  7. #7
    Utente di HTML.it
    Registrato dal
    Jan 2004
    Messaggi
    45
    Grazie a tutti!!!!!

    Ora provo subito!!!!

    Nik
    = GOA =

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.