Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Active link

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    10

    Active link

    Salve

    Ho un menu creato automaticamente con wordpress e volevo fare in modo che la pagina su cui mi trovavo venisse evidenziata nel menu. Fin qui nessun problema perchè nel css mi è bastato aggiungere la seguente regola
    codice:
    .menu li.current_page_item a { ... }
    Il problema è che ci sono nel menu tre link che fanno riferimento alla stessa pagina (home) tramite le ancore e se aggiungo la regola sopra menzionata mi evidenzia tutti e tre i link mentre vorrei far evidenziare solo il link home. Come posso fare?
    grazie

  2. #2
    Utente di HTML.it L'avatar di Experiment8
    Registrato dal
    Jun 2012
    residenza
    Milano
    Messaggi
    254
    Ciao,

    potresti farmi vedere com'è strutturato i menu?

    Grazie


  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    10
    Ecco

    codice:
    <div class="menusx">
    </div>
    <div class="menucen">
    <?php wp_nav_menu( array(
    'theme_location' => 'nav_uno',
    'container_class' => 'menu',
    'menu_class'      => 'menu',
    'link_before' => '<span>',
    'link_after' => '</span>',
    ) ); ?>
    <div class="clear"></div>
    </div>
    <div class="menudx">
    </div>
    questo il css

    codice:
    .menucont {margin: 0 auto;}
    .menusx {background-image: url(immagini/menulatosx.png); width: 60px; height:45px; float:left; }
    .menucen {background-image: url(immagini/menucentrale.png); background-repeat: repeat-x; width: 840px; height:45px; float:left; text-align: center;}
    .menudx {background-image: url(immagini/menulatodx.png); width: 60px; height:45px; float:left; }
    
    .menu { font-family: 'chopinscriptregular'; font-size: 24px; height: 45px; margin: 0; text-align: center;}
    .menu li {list-style: none; float: left; padding: 0 11px; margin: 0 auto;  text-align: center;}
    
    .menu li a {
            background-color: #00000;
            text-decoration: none;
            display: block;
            float: left;
            line-height: 45px;
            text-align: center;
    }
    
            .menu li.current_page_item a { }
            .menu li a:hover { }
    è provvisorio però il codice. si vede giusto ma non credo vada bene. Vorrei ottenere in modo più elegante una cosa di questo tipo

    codice:
    in px
    <---------------960--------------->
    <--60--><----menu 840-----><--60-->
    e le varie voci dovrebbero allinearsi al centro del div menu 840.

    Quindi evidenziare i link attivi eccetto che le due ancore nel menu. Altrimenti quando mi trovo nella home page mi evidenzia il link "home" e due ancore.
    Grazie

  4. #4
    Utente di HTML.it L'avatar di Experiment8
    Registrato dal
    Jun 2012
    residenza
    Milano
    Messaggi
    254
    Grazie,

    Scusa ma mi sono spiegato male io, potresti postarmi il menu HTML come viene inserito dal CMS? intendo proprio quello finale che vede l'utenza in HTML.

    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.