GuppY, le CMS de référence sans base de données

 
Recherche
 
Fermer

telecharger01.png

logo_nuxit_guppy.png
Vous êtes ici :   Accueil » ???
 
Prévisualiser...  Imprimer...  Imprimer la page...
Archives du forum - Guppy 5 - Sujet n°129521
Sujet n°129521
épaisseur barre de menu en tete
   par Daniel le 05/08/2017 @ 09:41

bonjour,

je ne m'explique pas pourquoi, l'épaisseur de la barre de menu de l'en-tête du blog mord sur les bannières.

Je suppose que c'est dans la feuille de style CSS qu'il faut régler çà. Mais où et quel nombre de pixels afficher pour régler ce petit souci ?

Merci de votre aide,

Daniel

www.fa-30-84.org

Réponse n° 1
par Saxbar le 05/08/2017 @ 10:23

Bonjour Daniel,

Comme cela a été répété de nombreuses fois sur ce forum, il ne faut plus modifier le style diretement dans le fichier style.css de la skin.
Cela doit se faire dans le fichier additionnel styleplus.css.

Et surtout avant de toucher au fichier de style, il faut remplir correctement les champs dans Config look, les enregistrer et Générer le style.

Voici l'une des solution :

- dans l'admin Config style ajouter ceci :

div.menuIcons ul {
	margin: 0 auto 16px;
}
div.menuIcons ul li {
    margin-top: 6px;
}

Cordialement, Saxbar.

Réponse n° 2
par Daniel le 09/08/2017 @ 11:02

Bonjour Saxbar,

j'ai retourné plusieurs fois ma main dans ma poche avant d'éxécuter tes suggestions. Cela ne m'a pas réussi...

Dans le CSS "style plus", il n'y a pas les lignes dont tu parles dans ta réponse. Du coup, je suis allé dans "La feuille de style existante". Les infos que tu m'indiques ne s'incrémentent pas lorsque je les valide par "config look".

Mais, la barre de menu a pourtant failli disparaitre (un réglage précédent non validé par "config look" ?). Elle est devenue illisible. Et je ne sais pas comment la rétablir à une taille satisfaisante.

Et dans div.menuIcons ul li je n'ai trouvé aucune ligne "margin-top" à retoucher comme tu me l'indiques pourtant.

Merci de tes lumières...

Cordialement,

Daniel

Réponse n° 3
par Saxbar le 09/08/2017 @ 12:25

Bonjour,

Lorsque tu remplis correctement les champs des différentes rubriques dand Config look et que tu enregistres puis un clic sur Générer le style, cela mets à jour le fichier style.css.
C'est pour cela qu'il ne faut pas modifier manuellement ce fichier. D'ailleurs dans Config style tu ne peux pas le faire, tu ne pourrais y accéder qu'en ftp, c'est alors chercher la misère.

Donc tu commences par le bon bout, configurer correctement Config look. Pour cela sur le site GHC il y a un excellent tutoriel, une série d'articles pour chaque volet de Config look, celui qui t'intéresse est à cette adresse :

https://ghc.freeguppy.org/articles.php?lng=fr&pg=567&mnuid=463&tconfig=0#z2

Ensuite tu reviens ici et nous verrons ce qu'il convient de régler manuellement dans Config style > styleplus.

Cordialement, Saxbar.

Réponse n° 4
par Daniel le 12/08/2017 @ 10:40

Bonjour Saxbar,

merci pour la pédagogie, et l'info sur le fait de ne pas toucher au style.css. Je ne savais pas ce que tu as indiqué.

Toutefois, en passant par config look, je ne suis pas arrivé à:

- arrondir les angles de la barre de menu de navigation, la réduire en épaisseur;

- opérer une séparation entre cette barre de menu de navigation et les bannières de tête.

Merci,

Daniel

Réponse n° 5
par JeanDenis le 12/08/2017 @ 11:23

Bonjour à tous,

@Saxbar : je me permets d'intervenir... Si cela peut t'épargner une réponse supplémentaire rolleyes

Citation : « Daniel »

- opérer une séparation entre cette barre de menu de navigation et les bannières de tête.

Il suffit (Saxbar t'avait indiqué sensiblement la même chose plus haut), de placer dans le fichier styleplus.css (accessible par Config style) cette règle
 

div.menuIcons ul {
    margin: 0px;
}

Citation : « Daniel »

- arrondir les angles de la barre de menu de navigation, la réduire en épaisseur;

Là il faut aller dans Config Look>Menu de navigation


 Hauteur de la barre :
 tu as actuellement 20px
 mets moins... 15px par exemple...


 Rayon des coins arrondis : (tout en bas... pas les onglets...)
 tu as actuellement 6px
 change cette valeur...
 N'oublie pas d'enregistrer et de générer le style.
 
 Puis, éventuellement si tu veux modifier la position en hauteur de ses liens (pour les centrer), tu peux ajouter dans le fichier styleplus.css un règle ainsi
 

div.menuIcons ul li {
    margin-top: -2px;
}


 en ajustant à ta guise la valeur -2px (Saxbar t'avait indiqué 6px, mais cela dépend de l'épaisseur de ta barre de menu)

Cordialement à tous,

Jean-Denis


www.71site.fr

Réponse n° 6
par Daniel le 12/08/2017 @ 23:34

Bonjour Jean-Denis,

une partie de tes explications m'ont aidé, mercI;

Pour le reste, j'ai contourné la difficulté en passant par d'autres méthodes que celles préconisées.

Je suis arrivé à mes fins.

Cordialement,

Daniel

Retour à la liste des sujets

Vous êtes ici :   Accueil » Archives du forum - Guppy 5 - Sujet n°129521
 
Préférences

Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
<O>


  13547655 visiteurs
  29 visiteurs en ligne

Connectés :
membresClaudiusCesar
Newsletter
Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.
Recopier le code :
Site enregistré à la CNIL sous l'agrément 1040387.
Vous disposez d'un droit d'accès, de modification, de rectification
et de suppression des données selon la loi Informatique et Liberté (article 34) du 6 janvier 1978.

FreeGuppY.org est hébergé sur un serveur dédié Nuxit



 



Nuxit Partenaire de GuppY
 

    gy_twitter02.png