teme united colorsmettre en gras les titres menus [Réglé]
pour titres principaux menu horizontal déroulant
Créations de Thèmes
patgame Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
bon ben finalement je m'y remets pour un copain qui vends du fromager sur les marchés
il est tellement sympa que je vais essayer de lui faire son site avec ....phpboost bien entendu
thème colors united derniére version et phpboost dernière version également
avec le easy css (pas tjrs facile decomprendre les intitulés !) j'ai réussi a changer des couleurs
mais je séche pour mettre en gras ou super gras (bolder) les titres des menus généraux :
calendrier - accueil- contacts etc etc ....
je ne sais pas ou il faut ajouter je suppose un truc du genre
font-weight= bold ou bolder non ??!!
moi je pense design. css mais ou ??,
merci de votre aide
cdlt
pat
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Bonjour Pat,
Je t'invite à utiliser la fonction "examiner l'element" accessible avec un clic droit sur la majorité des navigateurs.
(Pense à désactiver le cache CSS dans l'administration de PHPBoost).
Cela permet d'avoir la ligne et le fichier de l’élément que tu sélectionne.
A première vue ce que tu cherche sera plutôt dans le content.css. Effectivement, il te faudra ajouter l'attribut
font-weight: bold;ou
font-weight: 300;
patgame Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
enfin faut dire que je suis archi nul en code
merci à toi
pat
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
administration outils > cache > configuration
decoche "Activer le cache CSS "
Mipel Membre non connecté
-
Administrateur
- Voir le profil du membre Mipel
- Inscrit le : 04/04/2016
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
Selon le thème utilisé il faut chercher dans le fichier content.css: /templates/nom_du_theme_utilisé/theme/content.css
pour trouver les lignes à modifier dans le fichier, chercher vers la ligne 600 le commentaire: /* -- Modules minis -- */
Code CSS :
.module-mini-container h5, .module-mini-container h3 { color: #EFEFEF; text-shadow: 0 0 5px #555555; }
c'est ici que l'attribut color est défini pour les titres des mini-menus, il suffit donc de changer sa valeur.
On peut aussi ajouter ceci (par exemple) pour modifier la taille ou le style de caractère des titres:
Code CSS :
font-weight: bold; font-size: 130%;
Le style de titre du menu principal est modifiable vers la ligne 606 en ajoutant ceci pour avoir par exemple le titre en blanc:
Code CSS :
.module-mini-top a { color: white; }
Les autres styles (font-size, font-weight....) sont applicables eux aussi dans ce cas.
Édité par Mipel Le 03/08/2016 à 19h27
Merci de penser à joindre le rapport système de votre site, il peut nous aider à mieux répondre à vos questions.
patgame Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
mais
on parle de la même chose ?
moi je parle du menu du module menu gestion des menus qui donne le menu de la colonne de gauche sur le theme de base
que moi j'ai mis en sous entete c'est celui ci que je veux grossier en bold les menus principaux pas les sous menus ( je suis en menu horizontal déroulant)
cdlt
pat
Mipel Membre non connecté
-
Administrateur
- Voir le profil du membre Mipel
- Inscrit le : 04/04/2016
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
cherche ici, vers ligne 880 environ
Code CSS :
#sub-header .cssmenu-horizontal > ul > li > .cssmenu-title { color: #CCCCCC; } // couleur du titre #sub-header .cssmenu-horizontal > ul > li > .cssmenu-title:hover { color: #EFEFEF; // couleur du titre au survol de la souris background: #393939; }
Normalement, ça devrait correspondre à ta demande.
Merci de penser à joindre le rapport système de votre site, il peut nous aider à mieux répondre à vos questions.
patgame Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
je peux bien sur ajouter en dessous de background
font-weight: bold ou bolder ou 300 selon ; car c'est ça mon problème que les menus soient pplus gras donc plus visible sur la baniére
en fait j'avais plusieurs solutions dont une que je ne sais pas faire lol alors je me débrouille
à l'origine je voulais sur le thème united color mettre soit un type banniere soit un slider dans l'espace vide entre recherche et le nom du site dans le header
j'ai déja du mal à changer une couleur ....alors tu penses bien ou le mettre puis juer sur la hauteur et largeur pour le positionner ....
donc j'ai incorporé une banniere et j'ai laissé les menus avec les barres de couleurs et le fond de couleur pour les sous menus ( choses qui disparaissnt si je le mets sur le menu haut du cadre central)
voila en image ce que cela donne (j'en suis au projet en local) tu vas vite comprendre le probléme on ne voit pas assez les menus
patgame Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
en subheader cssmenu horizontal
voici ce que j'ai entre 240 et 290
#sub-header .cssmenu-horizontal > ul > li {
position: relative;
}
#sub-header .cssmenu-horizontal > ul > li:after {
position:absolute;
right: 1%;
top: 50px;
height: 100%;
width: 1px;
}
#sub-header .cssmenu-horizontal > ul > li:last-child,
#main .cssmenu-horizontal > ul > li:last-child {
border-bottom: none;
}
#sub-header .cssmenu-horizontal > ul > li:last-child:after,
#main .cssmenu-horizontal > ul > li:last-child:after {
width: 0;
height: 0;
}
#main .cssmenu-horizontal > ul > li {
position: relative;
}
#main .cssmenu-horizontal.small-screen > ul > li {
border-right: none;
}
#main .cssmenu-horizontal > ul > li:after {
position:absolute;
right: 1%;
top: 50px;
height: 100%;
width: 1px;
border-right: 1px solid #EEEEEE;
}
header .cssmenu-horizontal > ul > li:hover {
border-radius : 5px 5px 5px 5px;
}
header .cssmenu-horizontal > ul > li.has-sub:hover {
border-radius : 5px 5px 0 0;
}
et vers les lignes 650
/* -- Personnalisation graphique -- */
/* -------------------------------- */
/* --- Niveau 1 --- */
header#header .cssmenu > ul > li > .cssmenu-title { text-transform: uppercase; }
#main .cssmenu > ul > li > .cssmenu-title { color: rgba(255, 255, 255, .7); }
.cssmenu.cssmenu-vertical li:hover > .cssmenu-title { background-color: rgba(255, 255, 255, .05); color: rgba(0, 0, 0, .6); }
@media (min-width: 769px) {
#main .cssmenu-horizontal > ul > li:hover { background-color: rgba(255, 255, 255, .05); }
}
Édité par patgame Le 03/08/2016 à 21h54
Mipel Membre non connecté
-
Administrateur
- Voir le profil du membre Mipel
- Inscrit le : 04/04/2016
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
tu peux aussi jouer avec un background-color qui permettra de changer la couleur de fond uniquement sous les titres pour les faire
ressortir par rapport à la bannière.
Sinon, tu peux installer firebug (extension de firefox) si ce n'est déjà fait. il y a tous les outils indispensables pour examiner une page de code et le css en particulier. Si besoin d'aide pour ça, je peux faire un petit tuto.
ressortir par rapport à la bannière.
Sinon, tu peux installer firebug (extension de firefox) si ce n'est déjà fait. il y a tous les outils indispensables pour examiner une page de code et le css en particulier. Si besoin d'aide pour ça, je peux faire un petit tuto.
Merci de penser à joindre le rapport système de votre site, il peut nous aider à mieux répondre à vos questions.
patgame Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
sinon j'ai même compris que je pouvais faire une modif sans consequence avec firebug pour voir si ok
ton histoire de background est pas mal le top serait de mettre la même couleur que le developpé du menu ( couleur de la barre du dessous ) sur ma capture l'exemple est en orange
merci a toi je m'y mets seulement au css et j'au un mal de chien c'est un métier lol
cdlt
pat
patgame Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
voici l'image firebug
j'ai bien compris comment faire mais le code est dans l'onglet htlm je trouve ou ce fichier c'est le body tpl ? en gal c ça je n e trouve pas ou est ce p.... de code dans quel fichier
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
le fichier est affiché dans la colonne de droite de firebug seulement si vous avez désactivé le cache comme dit par @babsolune.

EDIT :
merci d'éviter les multiples post à la suite, il vous suffit d’éditer votre message.
Cordialement, janus57
Édité par janus57 Le 03/08/2016 à 22h21
Mipel Membre non connecté
-
Administrateur
- Voir le profil du membre Mipel
- Inscrit le : 04/04/2016
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
vers ligne 59
Code CSS :
/* --- cssmenu --- */ header#header .cssmenu > ul > li > .cssmenu-title { color: rgba(255, 255, 255, .6); } header#header .cssmenu > ul > li:hover > .cssmenu-title { color: rgba(255, 255, 255, 1); }
pour firebug, ça vaut vraiment le coup d'y consacrer un peu de temps car ensuite, c'est que du bonheur !
Merci de penser à joindre le rapport système de votre site, il peut nous aider à mieux répondre à vos questions.
patgame Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
merci les gars d'aider le pappy
bonne soirée
pat
EDIT:
pappy .... on n'a que 4 ans d'écart ! mais je suis le plus jeune.
Bonne soirée aussi
Édité par Mipel Le 03/08/2016 à 22h31
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
