marquer page active "menu highlight"

Statut : non résolu

Ce sujet contient 6 réponses, 4 participants et a été mis à jour pour la dernière fois par YannC, le il y a 16 années et 8 mois.

7 sujets de 1 à 7 (sur un total de 7)

Auteur

Messages
11 janvier 2008 à 16 h 53 min #455241
fritids
Participant

Padawan WordPress
68 contributions
Bonjour,

Ma configuration WP actuelle
– Version de WordPress :2.3
– Thème utilisé :propre
– Plugins en place : aucun
– Nom de l’hebergeur :local
– Adresse du site :

Problème(s) rencontré(s) :

bonjour les sauveurs wp,

voila mon probléme, j’ai trouvé un menu css trés sympa qui me plait bien à voir ici :http://www.13styles.com/css-menus/dolphin/ , le code qu’ils fournissent est uniquement html et css, pas de code php comme pour un menu wp.seulement voilà je n’arrivé pas à le faire fonctionner correctement en inserant le code php pour le menu wp. La page active ne prennet pas les propriété css comme dans l’exemple (cf : http://www.13styles.com/css-menus/dolphin/ , page « about us ») je voudrais qu’une fois cliqué sur une page, celle ci soit marqué comme das l’exemple. voilà mes codes :
« >Home

$pages = wp_list_pages(‘exclude=1423&sort_column=menu_order&depth=1&title_li=&echo=0’);
$pages = preg_replace(‘/(]*>)/’,’$1‘,$pages);
$pages = str_replace(‘‘, ‘‘, $pages);
preg_replace(‘/(]*>)/’,’$1‘,$pages); /*cette ligne sert à inserer une sapan dans la boucle wp_list_pages*/
echo $pages;
?>
et vilà mes css :

/*

Dolphin nav

*/
#dolphincontainer{position:relative;height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/navig/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}

#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/navig/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/navig/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/navig/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/*

END Dolphin nav

*/

aidez moi svp c ‘est trés urgent. merci à vous 😉
cordialement
11 janvier 2008 à 20 h 48 min #614136

dean
Participant

Chevalier WordPress
487 contributions

Salut
Je vais tenter de traduire ton code

Si la page affichée est (home et paged en même temps) ou archive ou single ou paged ou search
Alors
appliquer à la balise
la classe current
Sinon
appliquer à la balise
la classe page_item
est-ce ton intention?

12 janvier 2008 à 1 h 42 min #614137

fritids

Participant

Padawan WordPress

68 contributions

dean wrote:

Salut
Je vais tenter de traduire ton code

Si la page affichée est (home et paged en même temps) ou archive ou single ou paged ou search
Alors
appliquer à la balise

la classe current
Sinon
appliquer à la balise

la classe page_item
est-ce ton intention?

En fait, ce n’est pas pas vraiment ca. Je m’esxplique:
le code php produit n’a rien avor avec les css. En fait, je cherche à reproduire l’effet qui est dont l’exemple du site de dolphin css menu, en se basant sur la propriété current. Peu importe la page , lien genéré par wp ou enter manuellement, mon lien doit avoir le meme style que sur l’exemple une fois active. donc le code html et css provient de ce site, mais le code php pour generé le menu etait déja dans wp theme. Donc il faut corriger ce code en tenant compte des css et de l’effet que je veux. (meme effet que sur cet exemple).
j’espere que je me sui fait comprendre.
Merci

12 janvier 2008 à 23 h 03 min #614138

fritids

Participant

Padawan WordPress

68 contributions

Rebonjour,
aprés bidouillage j’ai compris pourqoui ca marche pas.en fait l’effet que je veux est defini par la prporiété css .current. donc il fallait la mettre à l’interieur de la balise .mon code php a changé :

<a href= »/ »>{ Home }

<?php
$pages = wp_list_pages(‘exclude=1423&sort_column=menu_order&depth=1&title_li=&echo=0’);
$pages = preg_replace(‘/(]*>)/’,’$1‘,$pages);
$pages = str_replace(‘‘, ‘‘, $pages);
preg_replace(‘/(

]*>)/’,’$1‘,$pages); /*cette ligne sert à inserer une sapan dans la boucle wp_list_pages*/
echo $pages;

echo $pages;
?>

pour l’instant ca marche pour la page home et non pas pour les autres pages genéré par la loop wp_list_pages.
alors si quelqu’un peut m’aider à trouver la solution d’insérer une class= »current » dans la balise à l’interieur de la loop wp_list_pages.
merci d’avance

13 janvier 2008 à 8 h 57 min #614139

atch

Participant

Chevalier WordPress

127 contributions

mon theme utilise le meme principe,

Je te file le code

CSS

#nav {
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 10px;
	bottom: 0px;
}
#nav li {
	float: left;
	margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
	color: #000000;
	text-decoration: none;
}
#nav .page_item a{
	color: #ffffff;
	text-decoration: none;
	background: #ffbe00 url(images/nav-button-bg.gif) repeat-x;
	padding: 5px 15px;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	border-top: 1px solid #E6EED0;
	border-left: 1px solid #ffbe00;
	border-right: 1px solid #ffbe00;
	display: block;
}
#nav .page_item a:hover {
	color: #000000;
}

Header

<ul id="nav">
	  <li class="page_item"><a href="/ » title= »Home »>Home</a></li>
	  
	</ul>

en espérant que cela puisse t’aider….

V++

Atch

14 janvier 2008 à 16 h 12 min #614140

fritids

Participant

Padawan WordPress

68 contributions

merci atch,

mais cela ne m’aide pas car mon menu est specefique. la class .current est dans la balise :
<a href= »/ »>{ Home }
pour cette partie ca marche, mais pour wp_list_pages() la propriété current n’est pas attribué car elle n’est pas defini dans la balise j’espere que vous cmprenez.

prenez les css et le code html&php et faites un essai et vous verrez. Sinon si quelqun peut arriver au meme resultat en changeant les css et mettre current dans

au lieu de ca serait sympa car moi j’y arrive pas
merci

15 janvier 2008 à 0 h 06 min #614141

YannC

Membre

Chevalier WordPress

295 contributions

is_page ?

7 sujets de 1 à 7 (sur un total de 7)

Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.