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

 
Recherche
 
Fermer

telecharger01.png

logo_nuxit_guppy.png
Vous êtes ici :   Accueil » Forum » Guppy 5 » épaisseur barre de menu en tete
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
Forum - Guppy 5 - épaisseur barre de menu en tete

Connectés : ( personne )
Snif !!!
 

actif  Sujet n° 129521

le 05/08/2017 @ 09:41
par Daniel

Anonyme

visiteur

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

Poster une réponse Haut  

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

Saxbar

Développeur
1464 messages

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.

Site web Saxbar
Poster une réponse Haut  
Réponse n° 2
--------
le 09/08/2017 @ 11:02
par Daniel

Anonyme

visiteur

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

Poster une réponse Haut  
Réponse n° 3
--------
le 09/08/2017 @ 12:25
par Saxbar

Saxbar

Développeur
1466 messages

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.

Site web Saxbar
Poster une réponse Haut  
Réponse n° 4
--------
le 12/08/2017 @ 10:40
par Daniel

Anonyme

visiteur

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

Poster une réponse Haut  
Réponse n° 5
--------
le 12/08/2017 @ 11:23
par JeanDenis

JeanDenis

1155 messages

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

Site web JeanDenis
Poster une réponse Haut  
Réponse n° 6
--------
le 12/08/2017 @ 23:34
par Daniel

Anonyme

visiteur

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

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 » épaisseur barre de menu en tete
 
Préférences

Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
ETCXgh
Recopier le code :


  13139264 visiteurs
  13 visiteurs en ligne

Connectés :
( personne )
Snif !!!
Newsletter
Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.
ETCXgh
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