Forum - GuppY 5.0 - Vos questions - Menu déroulant

Nombre de membres 34 membres
Connectés : ( personne )
Snif !!!
 

actif  Sujet n° 147

le 03/03/2014 @ 09:52
par Hugo

Anonyme

visiteur

Bonjour Sabine,Je viens d'appliquer les menus déroulant avec ses options mais quand j'insère les lignes de personnalisation trouvé dans l'aide en ligne je n'obtiens pas les couleurs annoncées, ce n'est que du vert, il y a également un décalage des options.Voici l'ordre de mes options de menu:1  1-1   2  2-2   2-2-2   2-3-2  3  3-1
URL: http://terremagique.free.fr
Cordialement
Poster une réponse Haut  

Réponse n° 1
--------
le 03/03/2014 @ 09:58
par Hugo

Anonyme

visiteur

En complément: je viens de retirer les lignes de personnalisation en attendant de connaître tes informations. Pour ce qui concerne le N° du menu : DDH1
Cordialement
Poster une réponse Haut  
Réponse n° 2
--------
le 03/03/2014 @ 10:05
par Hugo

Anonyme

visiteur

Mon site apparaîtra dans 1/2 heure car j'avais oublié le dossier session vu que je suis hébergé dans free.
Poster une réponse Haut  
Réponse n° 3
--------
le 03/03/2014 @ 11:44
par Hugo

Anonyme

visiteur

Suite à mon premier  mail concernant les menus déroulants je souhaiterais également connaître la solution pour augmenter la taille des caractères des titres.Quant à la bannière dans 2011skin05 (version5) il y a un petit décalage.Merci d'avance
Cordialement
Poster une réponse Haut  
Réponse n° 4
--------
le 03/03/2014 @ 19:07
par Sabine

Sabine



Bonjour Hugo,

Je vais devoir modifier le tuto pour les menus déroulants... le problème c'est que j'ai commencé l'écriture du tuto avant que la V5 ne soit achevée et que certaines choses ont changé en cours de route... je prends note !

Donc, remplacer les lignes concernant DDH1 par celles-ci :

 
Code : css
/**** MENU DÉROULANT HORIZONTAL ****/
.DDH1 ul.dropdown-horizontal
{ /*ensemble du menu*/
width: 400px;
}
.DDH1 ul.dropdown-horizontal li
{ /*niveau 1*/
border: 1px solid #000;
background: #c0c0c0; /*gris*/
}
.DDH1 ul.dropdown-horizontal li:hover
{ /*niveau 1 survolé*/
background-color: #abf713; /*vert*/
color: #000;
}
.DDH1 ul.dropdown-horizontal li:hover a
{ /*lien niveau 1 survolé*/
color: #000;
}
.DDH1 ul.dropdown-horizontal li ul li
{ /*niveau 2*/
margin-left: -1px;
background: #fff; /*blanc*/
border: 1px solid #000;
color: #000;
}
.DDH1 ul.dropdown-horizontal li ul li a
{ /*lien niveau 2*/
color: #000;
}
.DDH1 ul.dropdown-horizontal li ul li:hover
{ /*niveau 2 survolé*/
color: #000;
}
.DDH1 ul.dropdown-horizontal li ul li:hover a
{ /*lien niveau 2 survolé*/
color: #000;
}
.DDH1 ul.dropdown-horizontal li ul li ul li
{ /*niveau 3*/
margin-top: -2px;
margin-left: 2px;
width: 200px;
background: #f7d413; /*jaune*/
color: #000;
}
 
Pour l'image, afin qu'elle soit bien positionnée en haut, il faudrait la mettre dans le dossier IMG de la skin, puis, dans style.css, pour #TopBoxes, modifier le background (idéalement, la largeur de l'image devrait être de 1004px... il manque 4 pixels pour faire la largeur complète donc il y aura un peu de blanc à droite) :

 
Code : css
background : url(img/sancy6.jpg) no-repeat top, url(img/topboxes.png) repeat-x #fff;
 
Sabine

Site web Sabine
Poster une réponse Haut  
Réponse n° 5
--------
le 04/03/2014 @ 03:16
par Hugo

Anonyme

visiteur

Bonjour Sabine,les lignes de personnalisation pour la 2011skin05 c'est bon, par contre avec la skin5guppy2014 j'ai un petit problème: je ne vois pas les titres de niveau1 sauf en survol et la couleur de niveau3 reste en vert au lieu du jaune.url: http://terremagique@free.fr
Cordialement
Poster une réponse Haut  
Réponse n° 6
--------
le 04/03/2014 @ 03:18
par Hugo

Anonyme

visiteur

L'url est bien sûr: http://terremagique.free.fr.
Poster une réponse Haut  
Réponse n° 7
--------
le 04/03/2014 @ 04:55
par Hugo

Anonyme

visiteur

En complément: toujours sur la skin5 guppy2014: à partir du 4ème titre de l'option 4 il y a un retour à la ligne alors qu'avec la 2011skin05 V5 les 4 options sont alignées.
Poster une réponse Haut  
Réponse n° 8
--------
le 04/03/2014 @ 05:03
par Hugo

Anonyme

visiteur

En ajoutant  width: 450px; au lieu de  width: 400px; j'ai l'option 4 qui s'aligne avec les autres, par contre je n'ai toujours pas trouvé la solution pour le titre qui n'apparaît pas dans la zone grise.
Poster une réponse Haut  
Réponse n° 9
--------
le 04/03/2014 @ 12:35
par SabineJ

Anonyme

visiteur

Bonjour,
Pour la couleur du texte du premier niveau (en gris), il faudrait indiquer (ajouter la couleur) : 
Code : css
.DDH1 ul.dropdown-horizontal li { /*niveau 1*/
border: 1px solid #000;
background: #c0c0c0; /*gris*/
color: #000
}
 Sabine
Poster une réponse Haut  
Réponse n° 10
--------
le 04/03/2014 @ 12:57
par Hugo

Anonyme

visiteur

Merci Sabine, j'ai bien ajouté la couleur qui manquait et çà marche.Dans le forum Guppy pseudo "Robin" j'attends une réponse concernant toujours le menu déroulant,voici le libellé: je viens de créer un article et une boîte menu Anglais1 et 2 positionné à gauche dans la page d'accueil. Le problème c'est que je n'arrive pas à effectuer le lien avec la page d'article: adresse: articles.php?lng=fr&pg=53 dans l'option menu. Je suppose que j'ai oublié un élément?J'ai également associé l'adresse de l'article sur une option de menu déroulant: même effet, la page est inexistante.
Peut-être as-tu une explication ?
En tout cas merci de tes précieux conseilsCordialement
Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » GuppY 5.0 » Vos questions » Menu déroulant