WordPress Francophone

Pada · 18-08-2009 09:35:45

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : WordPress 2.8.4
- Thème utilisé : In the blue
- Extensions en place :
- Nom de l'hebergeur : free
- Adresse du site : http://montaigu.basket.free.fr/

Problème(s) rencontré(s) :
Bonjour à tous,
j'ai récemment voulu intégrer un menu déroulant vertical à mon thème.
J'ai modifié le code du header grâce au tutoriel de ce site : http://www.lyxia.org/blog/ressources/wo … ment-24674 et je l'ai un peu modifié pour qu'il corresponde à mes besoins (avec l'aide de quelqu'un, bien entendu..). Je souhaiterais utiliser ce menu déroulant à la fois pour les catégories, les sous catégories et les sous-sous catégories (excusez moi mais je ne sais pas trop quel autre vocabulaire employer...). Le code du menu ne devait pas être prévu pour les sous-sous catégories (ou catégories filles filles ^^)
J'ai décelé un problème dans l'affichage des sous-sous catégories (voyez vous-même http://montaigu.basket.free.fr/ en passant votre souris sur l'onglet "présentation du club" > la catégorie fille-fille "création" empêche de cliquer sur la catégorie fille "le bureau") mais je n'ai pas assez de connaissance en code pour trouver ce qui cloche.

Auriez-vous une solution ?

Voici tout le code de ma page header.php : (désolée je ne sais pas ce qu'il faut copier exactement)

Code: html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

<meta name="distribution" content="global" />


<meta name="language" content="en, sv" />


<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

<link rel="shortcut icon" type="image/x-icon" href="/mafavicon.ico" />

	<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<style type="text/css" media="screen">
	@import url( <?php bloginfo('stylesheet_url'); ?> );	
</style>

<?php wp_head(); ?>

</head>

<body style="background-color: #B6C1C9">
<br/>
<div id="wrapper">
<div id="masthead">



<style type="text/css" media="screen">#nav2 {
    background:#777;
    font-size:1.1em;
}

#nav2, #nav2 ul {
	list-style: none;
	line-height: 1;
}

#nav2 a ,#nav2 a:hover{
	display: block;
	text-decoration: none;
	border:none;
}

#nav2 li {
	float: left;
	list-style:none;
	border-right:1px solid #a9a9a9;
}

#nav2 a,#nav2 a:visited {
	display:block;
	font-weight:bold;
	color: #f5f5f4;
	padding:6px 12px;

}

.children {
padding:0px;
border-top:2px
}


.children .children, .children .children a {
padding-left:40px;
float:none;

}




#nav2 a:hover, #nav2 a:active
{
	background:#000;
	text-decoration:none
}	

/* Dropdown Menu */
#nav2 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #a9a9a9;
}

#nav2 li li {
	width: 172px;
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	background: #777;
}

#nav2 li li a,#nav2 li li a:visited{
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
}

#nav2 li li a:hover,#nav2 li li a:active{
	background:#000;
}	

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul{
	left: auto;
}

a.main:hover{
    background:none;
} </style>	
		 

<div id="menu">
<ul id="nav2" class="clearfloat">
<li><a href="<?php echo get_option('home'); ?>/" class="on">Accueil</a></li>
 <?php wp_list_categories('sort_column=post_date&sort_order=desc&title_li=');

    $this_category = get_category($cat);
    if (get_category_children($this_category->cat_ID) != "") {
        echo "<ul>";
        wp_list_categories('orderby=id&show_count=0&title_li=&use_desc_for_title=1&child_of='.$this_category->cat_ID);
        echo "</ul>";
    }
?>
</ul>
	

	
</ul>
<a href=""></div>
</div>





<!-- Begin #content -->
<div id="content">

Merci d'avance à tous ceux qui se pencheront sur mon problème !

Dernière modification par Pada (18-08-2009 12:09:17)

Pada · 18-08-2009 11:43:48

Je n'ai pas choisi un thème avec menu déroulant parce que je n'en avais pas trouvé à mon goût.
C'est effectivement un site sur le basket mais plus précisément pour un club. C'est aussi un site qui se veut sobre et aux couleurs du club (le thème que j'ai correspond donc pile poil, excepté pour le menu...)

J'ai contacté la personne qui a créé le menu mais je n'ai aucune réponse. =S

Pada · 18-08-2009 13:14:11

En fait problème, c'est que l'onglet "création" lorque l'on survole "présentation du club" empêche de cliquer sur "le bureau".

Pour ce qui est de contourner le problème par votre idée, en fait, on m'a demandé de créer une hierarchie dans le menu et la "création" fait partie de l'histoire du club. Si je ne trouve pas de solution avec ce fichu problème de code, je me verrai effectivement obligée de modifier le plan du site comme vous l'avez suggéré... Mais bon je préfèrerais trouver ce qui cloche dans ce code!

Merci pour l'idée quand même. smile

Pada · 18-08-2009 13:50:42

arf... non c'est bien ma page header.php ^^"

hem. Je dois faire quoi ?

Pada · 18-08-2009 18:52:53

Comment puis-je savoir s'il est compatible ?

Je pourrais peut être couper ce que vous avez mis en évidence de mon fichier header et le coller dans la feuille de style ? Si c'est une très mauvaise idée, dites-le ^^

Je l'ai retrouvé ! Voici le fichier header original :

Code: html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

<meta name="distribution" content="global" />


<meta name="language" content="en, sv" />


<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />





	<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<style type="text/css" media="screen">
	@import url( <?php bloginfo('stylesheet_url'); ?> );	
</style>

<?php wp_head(); ?>

</head>

<body style="background-color: #738B8D">
<div id="wrapper">
<div id="masthead">


<div id="menu"><a href="">HOME</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">ABOUT</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">ARCHIVE</a><br />
<p class="profile-link"></p>
</div>
</div>



<!-- Begin #content -->
<div id="content">

Dernière modification par Pada (18-08-2009 18:59:43)

Pada · 18-08-2009 19:37:23

vous pouvez le rajouter dans style.css
de quoi parlez-vous ici ? =S

nope je ne connais pas ce thème Inove. Mais n'est-il pas possible que je garde le même thème en modifiant uniquement ce problème de code ?

Dernière modification par Pada (19-08-2009 10:24:35)

Pada · 19-08-2009 10:33:05

mais couper/coller le css qu'il y avait dans le header dans la feuille de style ne changera rien à mon problème non ?

il faut que je colle ça dans un endroit spécifique dans la feuille de style ?
par exemple si je le colle après ça

Code: html

#menu {
	margin: 0 auto 0 auto;
	padding-top: 282px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
  font-family: Tahoma, Arial, Georgia, 'Times New Roman', serif; 
  font-size: 1.1em; 
	vertical-align: auto;
}

ce serait bon ?
ou bien je dois l'intercaler dans l'acolade ? ou autre part ?

edit : je l'ai mis là, le menu est un peu décalé vers la droite par rapport à avant, et le problème d'onglet persiste toujours.

Dernière modification par Pada (19-08-2009 12:18:32)

Pada · 19-08-2009 13:39:05

Bon ben j'ai remis la css dans le header ^^"

merci quand même pour toutes les réponses apportées!

Si quelqu'un d'autre a une idée, je suis preneuse !

Personne ? = (

Dernière modification par Pada (22-08-2009 18:43:19)

Pada · 23-08-2009 14:58:00

A partir des commentaires sur le site qui donnait le code du menu déroulant, j'ai trouvé des sites sous wordpress qui utilisent ce menu déroulant. Leurs sous catégories s'affichent normalement.

http://lnstsc.toile-libre.org/
http://www.bijoux-book.fr/

Sauriez-vous détecter ce qui leur permet d'afficher normalement les onglets de leurs sous catégories et qui manque à mon code ?

Anonyme 2 · 23-08-2009 17:27:18

c'est des sites qui utilisent des thèmes avec cette fonction.
1° http://wordpress.org/extend/themes/modularity-lite
2° http://www.blogohblog.com/wordpress-theme-corptheme/

Pada · 23-08-2009 20:00:07

mais n'y a-t-il pas une solution d'ajouter cette fonction au mien sans erreur ?

Anonyme 2 · 25-08-2009 17:09:58

Pourquoi ne pas avoir suivit à la lettre le tuto de lyxia ?
Avant de modifier quelque chose,il faut vérifier que tout fonctionne correctement,il me semble.

jessy · 25-08-2009 21:50:45

Pada a écrit:
mais n'y a-t-il pas une solution d'ajouter cette fonction au mien sans erreur ?

smile

Ben si mais manifestement là c'est pas gagné.

Il y a pas si longtemps ici même quelqu'un bataillait avec ce type de menu à 3 niveaux et je lui avais dit que pour réussir il lui fallait remplir 3 conditions :

1/ Avoir de solides connaissances en magie noire,
2/ Être bien pote avec Dieu,
3/ et enfin avoir au minimum quelques bases en Css.

Si pour les 2 premières, je n'ai aucun doute par contre la 3eme....

Sache que pour ce genre de menu, c'est souvent sinon toujours des problèmes de position en absolu ou relatif et si tu ajoutes de nouveaux niveaux dans le html il faut aussi les créer dans le css.

Et comme te dit Anonyme 2 pourquoi ne pas t'en tenir au tuto de l'auteur qui au passage est resté au niveau 2.

Mais voilà quand en parlant du code tu dis "Je l'ai un peu modifié pour qu'il corresponde à mes besoins", c'est là que ça se gâte.

Je ne connais pas tes goûts mais tu devrais reconsidérer ta position surtout quand tu dis : "Je n'ai pas choisi un thème avec menu déroulant parce que je n'en avais pas trouvé à mon goût."

En effet vu le look de ton site sad , moi à ta place je changerai vite fait de thème pour en mettre un qui soit déjà doté de ce type de menu. Par la suite tu pourras toujours le personnaliser pour lui donner un look proche de celui-ci (ce qui vraiment ne devrait pas être bien dur). Désolé mais je n'ai pas de thème à te proposer toutefois je sais que ça existe. J'en ai vu un en démo la semaine dernière sur un lien donné ici dans le forum mais je ne sais plus qui c'était.

Bon courage.

Pada · 26-08-2009 15:12:15

Pourquoi ne pas avoir suivit à la lettre le tuto de lyxia ?
Avant de modifier quelque chose,il faut vérifier que tout fonctionne correctement,il me semble.

Parce qu'il n'avait que 2 niveaux. Or, j'en avais besoin de plus.

Ok ok, vous avez raison, vu l'état du blog en ce moment et vu l'état de mes connaissances en code, mieux vaut changer de thème.

Pour ceux que ça intéresserait, j'ai (enfin) réussi à dégoter un thème avec menu déroulant à 3 niveaux, le voici :
Il s'appelle Versatility Lite Updated (2.8 Friendly) et vous pouvez le toruver ici >
http://thinkdesignblog.com/free-wordpre … iendly.htm .

Merci encore à ceux qui ont essayé de m'aider : )

Anonyme 2 · 26-08-2009 17:35:10

C'est mieux.
Il est plus facile de changer la couleur à un thème que de toucher au code.
Bonne Continuation .

Pada · 27-08-2009 15:01:37

arf
Le menu déroulant fonctionne parfaitement sous firefox mais ne fonctionne pas sous internet explorer.
Auriez vous une idée sur ce problème ?

Anonyme 2 · 28-08-2009 13:55:57

je viens d'essayer avec IE8 pareil, vraiment pas de chance.

Anonyme 2 · 28-08-2009 14:04:05

je viens de tester ce thème http://wp-themes.allpackard.com/themes- … html?vrf=1
sous IE et le menu déroulant fonctionne.

Pada · 28-08-2009 14:48:52

arf c'est vraiment la loose je vais jamais pouvoir garde rle thème qui me plait : /

y'a aussi un problème avec le lire la suite j'ai posté ça ici > http://www.wordpress-fr.net/support/vie … 69#p150569

Avec le thème que tu m'as montré, les catégories ne sont pas directement dans le menu = S (il y a "home" et "catégories" > ....) or moi je voudrais que les catégories soient directement les onglets du menu et c'était ce que faisait le thème que j'avais trouvé : /

Dernière modification par Pada (28-08-2009 14:56:24)

jessy · 28-08-2009 15:40:42

Pada a écrit:
arf
Le menu déroulant fonctionne parfaitement sous firefox mais ne fonctionne pas sous internet explorer.
Auriez vous une idée sur ce problème ?

Anonyme 2 a écrit:
je viens d'essayer avec IE8 pareil, vraiment pas de chance.

Ah bon alors là je suis étonné car chez moi ça marche sous IE.

Je carbure au Firefox mais je viens de vérifier sous IE8 7 et 6 et bien même avec l'ancêtre 6 ça passe.

Pada · 28-08-2009 15:47:08

tu arrives à voir le menu déroulant quand tu passes ta souris sur les onglets du menu, avec internet explorer ?.

jessy · 28-08-2009 16:58:30

Pada a écrit:
tu arrives à voir le menu déroulant quand tu passes ta souris sur les onglets du menu, avec internet explorer ?.

Je te l'aurai bien écrit en Chinois du sud-est mais là je suis pas en forme big_smile alors je te mets ça !

Dernière modification par jessy (28-08-2009 17:43:41)

Pada · 28-08-2009 17:16:47

erf désolée mais ça parait vraiment bizarre alors je voulais être sûre qu'on parlait bien de la même chose je voulais pas t'offenser : P

Bon ben ça fait un mystère de plus que je ne peux résoudre...

Anonyme 2 · 28-08-2009 17:57:38

Bizarre je viens de vérifier,toujours rien et j'ai IE8

Anonyme 2 · 28-08-2009 18:02:53

Pada a écrit:
Avec le thème que tu m'as montré, les catégories ne sont pas directement dans le menu = S (il y a "home" et "catégories" > ....) or moi je voudrais que les catégories soient directement les onglets du menu et c'était ce que faisait le thème que j'avais trouvé : /

Pardon je ne vois pas de différence.
Tout ça n'est qu'une question de configuration ou plutôt de création de catégorie,cet exemple.

WordPress Francophone

La référence en matiere de moteur de blog.

Le multi-blogs devient un jeu d'enfant !

La communauté, c'est vous qui la faites !

WordPress et vous !

Annonce

#1 18-08-2009 09:35:45

Menu déroulant, catégories mères, filles et filles-filles.

Code: html

#2 18-08-2009 11:43:48

Re: Menu déroulant, catégories mères, filles et filles-filles.

#3 18-08-2009 13:14:11

Re: Menu déroulant, catégories mères, filles et filles-filles.

#4 18-08-2009 13:50:42

Re: Menu déroulant, catégories mères, filles et filles-filles.

#5 18-08-2009 18:52:53

Re: Menu déroulant, catégories mères, filles et filles-filles.

Code: html

#6 18-08-2009 19:37:23

Re: Menu déroulant, catégories mères, filles et filles-filles.

#7 19-08-2009 10:33:05

Re: Menu déroulant, catégories mères, filles et filles-filles.

Code: html

#8 19-08-2009 13:39:05

Re: Menu déroulant, catégories mères, filles et filles-filles.

#9 23-08-2009 14:58:00

Re: Menu déroulant, catégories mères, filles et filles-filles.

#10 23-08-2009 17:27:18

Re: Menu déroulant, catégories mères, filles et filles-filles.

#11 23-08-2009 20:00:07

Re: Menu déroulant, catégories mères, filles et filles-filles.

#12 25-08-2009 17:09:58

Re: Menu déroulant, catégories mères, filles et filles-filles.

#13 25-08-2009 21:50:45

Re: Menu déroulant, catégories mères, filles et filles-filles.

Pada a écrit:

#14 26-08-2009 15:12:15

Re: Menu déroulant, catégories mères, filles et filles-filles.

#15 26-08-2009 17:35:10

Re: Menu déroulant, catégories mères, filles et filles-filles.

#16 27-08-2009 15:01:37

Re: Menu déroulant, catégories mères, filles et filles-filles.

#17 28-08-2009 13:55:57

Re: Menu déroulant, catégories mères, filles et filles-filles.

#18 28-08-2009 14:04:05

Re: Menu déroulant, catégories mères, filles et filles-filles.

#19 28-08-2009 14:48:52

Re: Menu déroulant, catégories mères, filles et filles-filles.

#20 28-08-2009 15:40:42

Re: Menu déroulant, catégories mères, filles et filles-filles.

Pada a écrit:

Anonyme 2 a écrit:

#21 28-08-2009 15:47:08

Re: Menu déroulant, catégories mères, filles et filles-filles.

#22 28-08-2009 16:58:30

Re: Menu déroulant, catégories mères, filles et filles-filles.

Pada a écrit:

#23 28-08-2009 17:16:47

Re: Menu déroulant, catégories mères, filles et filles-filles.

#24 28-08-2009 17:57:38

Re: Menu déroulant, catégories mères, filles et filles-filles.

#25 28-08-2009 18:02:53

Re: Menu déroulant, catégories mères, filles et filles-filles.

Pada a écrit:

Pied de page des forums