- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Personalizzare css menu
-
Personalizzare css menu
Ho aggiunto un menu wordpress 3.0 in un tema che non lo supportava nativamente aggiungendo in functions.php
add_action( 'init', 'register_my_menu' );
function register_my_menu() {
register_nav_menu( 'primary-menu', __( 'Primary Menu' ) );
}E in header.php <?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>
Il risultato è che mi vengono stampati i nomi delle pagine senza alcun stile. Potete vederlo qui:
jessexperience . altervista . org (in alto, chi sono, contatti, ecc..)Allora ho aggiunto nel css queste righe senza risultato:
#primary-menu li.current-menu-item a {
background: #fff;
border-top: none;
border-bottom: 2px solid;
}
Quello che vorrei io innanzitutto è che le pagine fossero disposte orizzontalmente e poter intervenire su colore e grandezza carattere. Chi mi aiuta?
-
Ciao Katherine, sai che no vedo il problema come nell'immagine? L'hai già risolto?
Valerio Notarfrancesco
-
In parte. Grazie a un'altro tutorial trovato online sono riuscita a far apparire il menù orizzontalmente. Ma vorrei innanzitutto che le pagine si trovassero a destra e che lo sfondo nero non fosse così lungo ma coprisse solo la parte dove si trovano realmente le pagine.
Qui c'è il css che ho usato per menù.Non sono molto esperta di css..se qualcuno ha qualche idea. Grazie
-
Nemmeno io sono un esperto di CSS, quindi spero che qualcuno segnali un modo migliore e più pulito del mio.
Io modificherei le regole di stile associate all'id "access" in questo modo:float: right;
width: 340px;
margin-left: 940px;
Ti torna?Valerio Notarfrancesco
-
Decisamente molto meglio! Devo un pò lavorare su colore, ecc..ma va bene
Mi crea qualche problema la posizione. Infatti vorrei affiancare il menù al nome del sito, ma appare sopra lasciando un antiestetico spazio bianco e tra l'altro sparisce il motto del sito.
Questo il pezzetto di codice nell'header:
<div id="header">
<div id="access">
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'navtop' ) ); ?></div>
<div id="logo"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a><p class="description"><?php bloginfo('description'); ?></p></div>Per il momento ho risolto mettendo il menù fuori del div "header"
Non mi convince però il grigio di sfondo. Lo vorrei cambiare con qualcosa di più chiaro. Che ne dici?
-
In effetti è "troppo" grigio.
Potresti provare a impostare un'immagine come background, magari la stessa del footer images/bgr_footer.png.Valerio Notarfrancesco
-
Si proverò a lavorarci un pò...resta il problema della posizione del menù: mi finisce o sopra o sotto, ma a lato rispetto al titolo del blog non ci vuole proprio stare
-
Proverei a spostare id=access dentro id=header poi nel css togli il martin-left associato a id=access. In questo modo il menu dovrebbe scivolare alla destra del titolo.
Valerio Notarfrancesco
