[Résolu] Changer la couleur du menu sur thème Twenty Eleven

Statut : non résolu

Ce sujet contient 41 réponses, 9 participants et a été mis à jour pour la dernière fois par nlbmoi, le il y a 9 années et 4 mois.

15 sujets de 1 à 15 (sur un total de 42)

1 2 3 →

Auteur

Messages
5 septembre 2011 à 8 h 37 min #499414

misskat
Membre

Initié WordPress
8 contributions

Bonjour,

WP 3.2.1
Twenty Eleven
Hébergé chez ovh

J’aimerai savoir comment je peux changer la couleur du menu dans le thème Twenty Eleven. Il est noir actuellement. Dans « apparence », je peux changer la couleur de l’arrière plan en entrant le code hexadécimal mais pas la couleur du menu.

Je vous remercie par avance pour votre aide

Cordialement,
MK

5 septembre 2011 à 11 h 47 min #791607

Anonyme
Invité

Maître WordPress
34067 contributions

Ce message a été supprimé suite à la demande de l’auteur.

5 septembre 2011 à 19 h 02 min #791608

misskat
Membre

Initié WordPress
8 contributions

Merci pour votre réponse.
Une dernière question : j’ai bien changé la couleur, mais comment enregistrer les modifications effectuées dans le code ? En effet, quand je fais les modifications, la couleur change, mais quand je passe à sur une autre page et que je reviens, le noir du bandeau est revenue.
J’ai déjà fait du code avec Dreamweaver, je connais donc un peu le CSS, mais l’éditeur de WP me déroute un peu…
Par avance encore merci.
MK

5 septembre 2011 à 23 h 01 min #791609

Charlef
Participant

Chevalier WordPress
126 contributions

misskat wrote:

Merci pour votre réponse.
Une dernière question : j’ai bien changé la couleur, mais comment enregistrer les modifications effectuées dans le code ? En effet, quand je fais les modifications, la couleur change, mais quand je passe à sur une autre page et que je reviens, le noir du bandeau est revenue.
J’ai déjà fait du code avec Dreamweaver, je connais donc un peu le CSS, mais l’éditeur de WP me déroute un peu…
Par avance encore merci.
MK

Bonsoir,
Je pense que vous ne devez agir que sur l’analyse de l’élément qui vous permet au bas de l’écran de voir ce que génèrent les modifications sans être en mesure de les enregistrer pour autant.
Vous y parviendrez au moyen d’un éditeur gratuit comme NotePad++ v.5.9.3. current version.
http://notepad-plus-plus.org/fr/download/v5.9.3.html

Une fois le code couleur relevé, vous ouvrez le dossier de votre dernière sauvegarde, et en suivant ce cheminement, Sauvegarde>Wordpress>wp-content>thèmes>twentyeleven>style.css, vous cliquez droit sur ce dernier fichier, faites « ouvrir avec Notepad++ ».
Vous apportez vos modifications au bon endroit et enregistrez le tout depuis Notepad++.
Ceci fait et ce fichier sauvegardé là où vous l’aurez trouvé, il vous faudra l’uploader chez votre hébergeur pour écraser le précédent.
rvzen que je salue a été mon professeur en la matière.

6 septembre 2011 à 9 h 19 min #791610

Anonyme
Invité

Maître WordPress
34067 contributions

Ce message a été supprimé suite à la demande de l’auteur.

6 septembre 2011 à 13 h 57 min #791611

Charlef
Participant

Chevalier WordPress
126 contributions

Bonjour Rvzen,
vous me savez discipliné, c’est pourquoi j’ai préféré ne parler que de Notepad++ qui semble ne souffrir d’aucun reproche tandis que j’ai pu lire que l’Editeur WordPress donnait, parfois, à constater quelques surprises.
Tenant compte de ces observations, j’ai finalement préféré n’utiliser que Notepad++ pour toutes mes modifications.
Cordialement

6 septembre 2011 à 16 h 57 min #791612

Anonyme
Invité

Maître WordPress
34067 contributions

Ce message a été supprimé suite à la demande de l’auteur.

20 septembre 2011 à 20 h 05 min #791613

dropeo
Participant

Padawan WordPress
56 contributions

Pour changer les couleurs du thème, il y a également un plug-in « Twenty eleven extensions » qui le propose très bien.

21 septembre 2011 à 9 h 29 min #791614

Anonyme
Invité

Maître WordPress
34067 contributions

Ce message a été supprimé suite à la demande de l’auteur.

15 novembre 2011 à 16 h 00 min #791615
arnocaster
Participant

Initié WordPress
2 contributions
Bonjour,

Je suis aussi dans la modification du thème twenty eleven et j’ai rentré ceci :
```
/* =Menu
————————————————————– */


#access {
	   background: white;
}

#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
```
Ci dessous le code de la page Html générée :
```
<nav id="access" role="navigation">
				<h3 class="assistive-text">Menu principal</h3>
								<div class="skip-link"><a class="assistive-text" href="#content" title="Aller au contenu principal">Aller au contenu principal</a></div>
				<div class="skip-link"><a class="assistive-text" href="#secondary" title="Aller au contenu secondaire">Aller au contenu secondaire</a></div>

								<div class="menu"><ul><li class="current_page_item"><a href="http://www.eddufao.com/wordpress/" title="Accueil">Accueil</a></li><li class="page_item page-item-2"><a href="http://www.eddufao.com/wordpress/?page_id=2" title="Historique">Historique</a><ul class='children'><li class="page_item page-item-47"><a href="http://www.eddufao.com/wordpress/?page_id=47" title="Qui sommes nous?">Qui sommes nous?</a></li></ul></li><li class="page_item page-item-6"><a href="http://www.eddufao.com/wordpress/?page_id=6" title="Artisanat">Artisanat</a></li><li class="page_item page-item-8"><a href="http://www.eddufao.com/wordpress/?page_id=8" title="Actions">Actions</a><ul class='children'><li class="page_item page-item-15"><a href="http://www.eddufao.com/wordpress/?page_id=15" title="Agriculture">Agriculture</a></li><li class="page_item page-item-35"><a href="http://www.eddufao.com/wordpress/?page_id=35" title="Echanges">Echanges</a></li><li class="page_item page-item-28"><a href="http://www.eddufao.com/wordpress/?page_id=28" title="Economie">Economie</a></li><li class="page_item page-item-31"><a href="http://www.eddufao.com/wordpress/?page_id=31" title="Handicap">Handicap</a></li><li class="page_item page-item-33"><a href="http://www.eddufao.com/wordpress/?page_id=33" title="Insertion">Insertion</a></li></ul></li><li class="page_item page-item-39"><a href="http://www.eddufao.com/wordpress/?page_id=39" title="Contact">Contact</a></li></ul></div>
			</nav>
```
Cependant mon menu reste définitivement noir…

Auriez vous une solution?

Merci beaucoup!
15 novembre 2011 à 18 h 24 min #791616

Anonyme
Invité

Maître WordPress
34067 contributions

Ce message a été supprimé suite à la demande de l’auteur.

16 novembre 2011 à 10 h 14 min #791617
arnocaster
Participant

Initié WordPress
2 contributions
Au temps pour moi, je poste car le style.css a l’air d’avoir changé recement

Vous trouverez ci-dessous mon #acces original qui semble contenir des dégradés et qui ne ressemble pas à votre original. On trouve le #access à la ligne 540

J’ai mis « red » pour que le changement soit flagrant.
```
#access {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
```
Je suis reparti de l’original et j’ai changé en ceci :
```
#access {
	background: red; /* Show a solid color for older browsers */
	
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	padding-top: 5px;
	width: 100%;
}
```
Ca marche! J’avais du faire trop de test hasardeux..

Merci beaucoup
16 novembre 2011 à 10 h 51 min #791618

Anonyme
Invité

Maître WordPress
34067 contributions

Ce message a été supprimé suite à la demande de l’auteur.

27 novembre 2011 à 15 h 09 min #791619

adminmclk
Participant

Initié WordPress
39 contributions

Bonjour,

J’ai Twenty Eleven Version: 1.2

Je souhaiterais aussi modifier la barre noire du menu. J’ai lu les conseils, simplement, je n’ai pas de bouton « mettre à jour le fichier » en bas pour que les modifications soient appliquées.

Avez-vous un conseil à ce sujet ?

merciBarre du menu

27 novembre 2011 à 18 h 05 min #791620

Anonyme
Invité

Maître WordPress
34067 contributions

Ce message a été supprimé suite à la demande de l’auteur.
Auteur

Messages