Couleur en-têtes mini containers [Réglé]
Thème United Colors
Support des Thèmes
fred45 Membre non connecté
Booster Minigun
- Booster Minigun
- Voir le profil du membre fred45
- Inscrit le : 03/11/2009
- Site internet
- Groupes :
sur le site à l'adresse suivante: http://www.matthieu-becker.fr , avec le thème "united colors", dans le menu de droite, constitué de "mini containers", j'aimerais pouvoir changer la couleur de fond des titres.
Est-ce possible et si oui, comment?
Merci pour votre aide.
Frédéric.
Édité par fred45 Le 22/06/2019 à 20h59
@+
Fred
Fred
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
c'est possible, il suffit d'ajouter la propriété
background-color
de ton choix à la class .module-mini-container
fred45 Membre non connecté
Booster Minigun
- Booster Minigun
- Voir le profil du membre fred45
- Inscrit le : 03/11/2009
- Site internet
- Groupes :
merci beaucoup pour ces précieux renseignements.
Par contre n'étant qu'un pauvre béotien de l'informatique, pourrais-tu s'il te plaît plus d'indications pour effectuer ces modifications?
Comme le nom et l'endroit du fichier à modifier. La/les zones à modifier et comment le faire sans bouziller ce qui existe... désolé et merci.
Fred.
@+
Fred
Fred
fred45 Membre non connecté
Booster Minigun
- Booster Minigun
- Voir le profil du membre fred45
- Inscrit le : 03/11/2009
- Site internet
- Groupes :
*************************
/* --- Modules ============================================================================ */
/* --- Articles --- */
/* --- BBCode --- */
.bbcode-block {
background: #394165;
}
/* --- Calendar --- */
#module-mini-calendar .module-mini-top,
section#module-calendar > header h1 {
background-color: #00BC9E;
}
table tbody tr td.calendar-none { }
table tbody tr td.calendar-today { background: #00BC9E; }
table tbody tr td.calendar-other { }
table tbody tr td.calendar-weekend { background: #A769BC; }
/* --- connect --- */
ul.connect-content,
div.connect-content {
background-color: #22273D;
}
/* --- Contact --- */
section#module-contact > header h1 {
background-color: #366393;
}
/* --- Download --- */
#module-mini-download .module-mini-top,
section#module-download > header h1 {
background-color: #A769BC;
***********************************************************
Suis-je au bon endroit?
Si oui, j'au utilisé des menu "mini containers" de type "contenu".
Je ne le trouve pas dans la liste des "modules".
Pourriez-vous svp me donner le nom qu'il porte? module-content?
Merci,
Fred
@+
Fred
Fred
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
administration > outils > cache/configuration => décocher "Activer le cache CSS "
Revenir sur le site et faire un clic droit sur la partie que l'on veut modifier puis choisir "Inspecter l'élément" (peut être différent selon le navigateur utilisé) dans le menu contextuel <a href="http://prntscr.com/o56b88">http://prntscr.com/o56b88</a> ce qui va ouvrir l'inspecteur de code
coté site, les emplacement se mettent en surbrillance quand on survole le code sur la partie html de l'inspecteur.
cote css les informations s'affichent quand on clique sur le code html que l'on veut modifier
<a href="http://prntscr.com/o56ckz">en vert sur cet exemple</a> apparait le fichier à modifier ainsi que la ligne à laquelle cela correspond dans le fichier
Réitérer l'opération autant de fois que nécessaire
Réactiver le cache css après modifications
fred45 Membre non connecté
Booster Minigun
- Booster Minigun
- Voir le profil du membre fred45
- Inscrit le : 03/11/2009
- Site internet
- Groupes :
En suivant vos instructions, j'ai donc modifié le content.css comme ça:
************************
.module-mini-top {
padding: 16px 5px;
text-align: center;
/* --- modif fg 22-06-19 --- ori = "background-color: rgba(0, 0, 0, 0.5);" */
background-color: #29aed7;
}
**********************
Et hup hup hup, barbatruc, aucune modif...
Merci de m'avoir aidé. Je crois que l'informatique me dit que elle et moi, nous ne sommes pas fait pour nous comprendre.
Bon w-e,
Fred
@+
Fred
Fred
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
En allant sur le site <a href="http://www.matthieu-becker.fr">http://www.matthieu-becker.fr</a> on peut voir que la modif est bien appliquée mais qu'une autre propriété appliquée ailleurs prend le pas sur celle modifiée <img src="/images/smileys/wink.png" alt=";)" title=";)" class="smiley" />
<a href="http://prntscr.com/o59mz7">http://prntscr.com/o59mz7</a>
fred45 Membre non connecté
Booster Minigun
- Booster Minigun
- Voir le profil du membre fred45
- Inscrit le : 03/11/2009
- Site internet
- Groupes :
Ben à vous,
Fred.
@+
Fred
Fred
xela Membre non connecté
- Modérateur
- Voir le profil du membre xela
- Inscrit le : 26/12/2015
- Groupes :
- Equipe Rédaction
le fait de désactiver le cache vous permet de voir les fichiers css en cours d'utilisation comme l'a dit @babsolune avec cet exemple : <a href="http://prntscr.com/o56ckz">http://prntscr.com/o56ckz</a>
et ensuite de pouvoir faire vos modifications.
Ne pas oublier de réactiver le cache css.
Cordialement,
Xela.
fred45 Membre non connecté
Booster Minigun
- Booster Minigun
- Voir le profil du membre fred45
- Inscrit le : 03/11/2009
- Site internet
- Groupes :
merci pour ton aide.
C'est tout ce qui me manquait.
@+
Fred
Fred
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie