couleurs du menu horizontal et alignement article blocs lateraux

jean-Louis Charpenteau
le 11 novembre 2016
à 18:50
Rappel du sujet :

Bonjour

Sur le site en construction http://ayav-v3.le-pic.org/ je rencontre deux pbs :

 j’aurais voulu un menu horizontal avec seulement des "boutons" pour les rubriques de niveau 1 or je ne sais pas faire ça et quand on colore le fond c’est toute une bande qui est colorée... Il y a-t-il une solution ?

 sur cette page d’accueil, le haut de l’article "annonce" n’est pas aligné avec le haut des blocs latéraux... ça fait moche... st ce normal ?

Merci de votre aide

JLouis

couleurs du menu horizontal et alignement article blocs lateraux

Bonjour

Oui, avec un peu de css, on peut faire beaucoup de choses 😉

Dans ton cas tu mets ça dans un fichier perso.css qui doit se trouver dans /squelettes/styles :

/* coloration du menu premier niveau */
ul#menu li a {
background-color: red;
}
/* coloration du menu autres niveaux */
ul#menu ul li a {
background-color: #FD780D;
}
/* alignement du contenu */
div#contenu {
margin-top: 0;
}

Je te laisse changer le "red" par le code couleur que tu souhaites

et hop !

couleurs du menu horizontal et alignement article blocs lateraux

Bonjour

on est bien d’accord tu dit

j’aurais voulu un menu horizontal avec seulement des "boutons" pour les rubriques de niveau 1 or je ne sais pas faire ça

il me semble si je ne m’abuse que escal permet ça il te suffit d’aller
http://ton_url/ecrire/?exec=configurer_escal&cfg=menu

et la tu pourra choisir l’Affichage du logo de la rubrique s’il existe et Hauteur des logos de rubrique en pixels

pour la couleur ben Jc ta donné la soluce

@micalement

couleurs du menu horizontal et alignement article blocs lateraux

Bonsoir Pour JCV

Ok pour ta suggestion d’aller modifier les css.....
J’ai fait comme tu as dit et ça fonctionne. 🙂
Dans la foulée je me suis dit que je pouvais aussi changer la couleur du texte en mettant dans le fichier color:Black ; mais ça ne fonctionne pas 🙁

Autre chose dans le même ordre d’idée , je voudrais modifier l’affichage du nom du site en supprimant l’italique , baisser un peu (augmenter top-margin) et mettre sur une seule ligne (supprimer le width 450px). J’ai essayé de mettre tout ça dans un css #nom-site-spip mais je n’ai
guère de succès 🙁

Enfin pour en revenir à mon menu horizontal, je me retrouve avec des sous rubriques en fond transparent ce qui n’est pas très lisible

Merci de ton aide

le site http://ayav-v3.le-pic.org/

JLouis

couleurs du menu horizontal et alignement article blocs lateraux

D’abord corrigeons le menu : en lève le "a" de "ul#menu ul li a" ça devrait aller mieux

Parfois les couleurs se surchargent difficilement : rajoute " !important" juste après le "black" de "ul#menu li a" mais avant le point-virgule

Pour le titre :
 suppression de l’italique avec font-style : normal
 ton margin-top fonctionne
 pour la largeur, mets width : 700px
 le float est inutile
 le titre est déjà en gras dans Escal donc ton font-weight est inutile

couleurs du menu horizontal et alignement article blocs lateraux

Bonsoir
merci JCV. Tout ça fonctionne parfaitement. Je me suis gratté un bon moment la tête pour le faire marcher jusqu’à ce que je me souvienne qu’une purge du cache du navigateur pouvait être salutaire sur les affaires de CSS 🙂

A+ et merci encore

JLouis

couleurs du menu horizontal et alignement article blocs lateraux

arghhhhhhhhhhhhhh

des fois le choix des couleurs ça peu faire mal, enfin moi j’aime vraiment pas cet article 😉

http://ayav-v3.le-pic.org/spip.php?article17&lang=fr

mais bon la chacun est libre, ce n’est juste que mon avis

couleurs du menu horizontal et alignement article blocs lateraux

Tu as raison, ces roses et marrons sont du plus mauvais goût.
Mais il ne t’a pas échappé que ce site est en construction, je fais les choses petit à petit.
En particulier pour ce qui concerne les formulaires, je balance entre conserver le plugin forms & tables avec l’historique des réponses (et donc avoir à modifier les css pour que ce soit plus joli) et passer au plugin formidable, parait il plus moderne et plus performant (mais il faudrait peut être que je tire un trait sur l’historique). Je réfléchis.

DE toutes façons merci de ton aide précieuse et de tes avis esthétiques 🙂

A+
JLouis

Reagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document