Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente bannato
    Registrato dal
    Nov 2005
    Messaggi
    266

    come cambio il colore ad una voce del menu?

    ho un menu in css, vorrei che l'ultima voce del mio menu avesse un colore diverso dalle altre voci.
    che attributo devo usare?
    chi mi posta un pò di codice di esempio? grazie.

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    usa le classi

    Cyà

  3. #3
    Originariamente inviato da Myaku

    usa le classi

    Cyà
    oppure un id se il menù è uno solo. giusto per precisare, poi si vedono solo malati di 'classite' a giro

    codice:
    [*] link1 [*] link2 
    <li id="nomeIdColoreDiverso"> link3

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da gabip87
    oppure un id se il menù è uno solo. giusto per precisare, poi si vedono solo malati di 'classite' a giro
    hai ragione

  5. #5
    Utente bannato
    Registrato dal
    Nov 2005
    Messaggi
    266
    ok...
    il fatto però che il mio menu ha anche effetti a:hover
    e io vorrei proprio lavorare su quelli, nel senso vorrei che dal colore originale al passaggio del mouse ogni casellina prenda il colore scelto da me.

    capito?
    vi posto il codice, me lo modificate? al posto del colori inserite xxxxx e io capisco.grazie


    #navcontainer
    {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    border-top: 1px solid #999;
    z-index: 1;
    }

    #navcontainer ul
    {
    list-style-type: none;
    text-align: center;
    margin-top: -8px;
    padding: 0;
    position: relative;
    z-index: 2;
    }

    #navcontainer li
    {
    display: inline;
    text-align: center;
    margin: 0 5px;
    }

    #navcontainer li a
    {
    padding: 1px 7px;
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #ccc;
    text-decoration: none;
    }

    #navcontainer li a:hover
    {
    color: #fff;
    border: 1px solid #666;
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
    }

    #navcontainer li a#current
    {
    color: #fff;
    border: 1px solid #666;
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
    }




    <div id="navcontainer">
    <ul id="navlist">[*]Intro[*]Azienda[*]Lavori[*]Galleria foto[*]Contatti[*]Dove siamo
    [/list]
    </div>



    grazie

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 © 2026 vBulletin Solutions, Inc. All rights reserved.