-
Barre d'Outil Eklablog
Voici le sélecteur à utiliser pour modifier le fond, le type de police ou autre#menubar {propriété: valeur;}
Pour enlever les traits de séparation et les fonds bleu au survol:#menubar_section_content,
#menubar_section_appearance,
#menubar_section_interactions,
#menubar_section_manage,
#menubar_section_account,
#menubar_section_help,
#menubar_notifications,
#menubar_signin,
.menubar_button
.menubar_section:hover,
.menubar_section,
#menubar_favorites,
.menubar_separation,
#menubar_logo{ background: none;}
#menubar_favorites_btn,
#menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%;
}
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%;
}
Pour la petite flèche permettant d'afficher ou de masquer la menubar, voici l'image de base :
La flèche en haut a droite, c'est celle qui permet de refermer la barre d'outil. Celle du bas, c'est son aparence au clique. Les fleches de gauches, c'est lorsque la barre est fermée.
Et mettez ce code dans votre css#menubar_hide{ background-image: url("IMAGE");}Pour la flèche qui remet la barre, c'est ça (même image que ci-dessus)
#menubar_show { background-image: url("IMAGE");}Menubar, les ongletsVoici le code
.menubar_section li { propriété: valeur; }
.menubar_section li:last-child {
propriété: valeur; }
Si vous voulez mettre des images et que vous ne voulez pas modifier les tailles, faites le sur ce model là:
Pour ceux qui veulent mettre des couleurs.menubar_section li { propriété: valeur; }
.menubar_section li:hover { propriété: valeur; }
.menubar_section li:last-child {propriété: valeur; }
.menubar_section li:last-child:hover {propriété: valeur; }La ligne en rouge est ce qui sera affiché au survol
Changer le fond de "contenu", "apparence"....menubar_section:hover div{
background: valeur;}Mettez "background: none" pour qu'il n'y ai ni image ni couleur.
Menubar : Notifications#menubar_notifications:hover
#menubar_notifications_btn{
background: valeur;}
Menu déroulant des notification:#notifications_panel a,
#notifications_panel div{ background: valeur}Pour ceux qui veulent mettre une image, suivez ce model
Explications :
Le premier machin blanc signifie les notifications auquel vous voyez habituellement. Le machin bleu clair signifie le moment où on a une nouvelle notifications. Le premier machin bleu foncé signifie n'importe qu'elle survol. Le deuxième machin blanc signifie le 'afficher les notifications' en mode normal et le deuxième machin bleu foncé signifie 'afficher les notifications" au survol. ^^
Couleur ou image différente:#notifications_panel a,
#notifications_panel div {background: valeur}
#notifications_panel a:hover,
#notifications_panel div:hover {background: valeur}
#notifications_panel
.new_notification {background: valeur}En noir, c'est l'apparence normal
En rouge, c'est au survol
En bleu, c'est pour les nouvelles notificationBlog FavoriPour supprimer la barre de séparation:
#menubar_favorites{background-image: none}Pour enlever le fond bleu:
#menubar_favorites_btn, #menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%;
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%; } }Pour modifier l'image du coeur gris:
#menubar_favorites_btn,
#menubar_nofavorites_btn:hover { background: url("IMAGE") no-repeat 50% 50%;}Pour modifier l'image du coeur rouge:
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn {background: url("IMAGE") no-repeat 50% 50%;}
Un immense merci à EtoileSosso et Jak-Ich_an pour avoir aider à trouver tout ça
Tags : menubar, image, notification, background, valeur
-
Commentaires
Bien sur ;)
tu prend le sélecteur de la flèche:
#menubar_hide
et tu mets une largeur de 0px ;)
#menubar_hide {width: 0px;}
Sa peut paraitre debile , mais ou est l'erreur dans ce css ?
Sa marche pas pour changer la couleur du text
#menubar {text: #f491b0;}
Nagalia, quelle mot de propriété il faut utiliser pour changer la police car là je suis perdue x.x
Misskikarin pour changé la police d'écriture de la barre du doit mettre ce code:
#menubar {font-family: POLICE D'ECRITURE;}
J'ai trouvé un code plus rapide et plus court pour enlevé les barres de séparations si sa intérèssent:
.menubar_section {background-image: none}
#menubar_notifications {background-image: none}
Waouw ! Merci beaucoup ! Ca m'a bien servit, j'ai pu personaliser entièrement ma barre d'outils ! :D
Comme je n'est toujours pas compris(:/)Je voudrait te demander comment :
-Changer l'image quand on clique sur notification , mon compte...etc(l'image du menu déroulent)et comment changer l'image ou le texte au survol
-Changer l'image quand on va sur message (la fenetre verte)
Désolée ...
Salut Shimy, Alors pour changer l'image des notifs il faut que tu prennes cette image:
Et tu change les couleurs comme tu l'souhaites:
La première partie blanche = La couleur principale
La partie bleu claire = Quand tu as un message non lu
La première partie bleu foncé = Quand tu survoles un message
La 2e partie blanche (la petite) = La couleur principale du bouton "Afficher toutes les notifications"
& la dernière partie bleu foncé = Quand tu survol le bouton "Afficher toutes les notifications"
Maintenant à ton logiciel de graph' x)
& une fois que t'as fini ton image tu mets ce code dans ta partie css:
#notifications_panel a,
#notifications_panel div {background:url("URL DE TON IMAGE")no-repeat}Même chose pour les menus déroulant, tu prends cette image:
La partie blanche = la couleur principale des boutons du menu déroulant
La partie bleu = la couleur du bouton survolé
Quand t'as fini tu mets ce code:
.menubar_section li {background:url("URL DE TON IMAGE") no-repeat;}
Et cette image c'est pour le dernier bouton du menu déroulant, tu prends cette image:
La partie blanche = la couleur principale du dernier bouton du menu déroulant
La partie bleu = la couleur du dernier bouton survolé
Quand t'as fini tu mets ce code:
.menubar_section li:last-child {background:url("URL DE TON IMAGE")no-repeat;}
Je l'a trouve un peu sombre,
essaye plutot avec une image qui gêne pas l'écriture ^^
Jolie blog x)
Pour changé les boutons (Contenue, Apparence, Interactions, Etc..)
C'est: .menubar_section div {background-image: url("URL DE TON IMAGE")}
Et au survol: .menubar_section:hover div {background-image: url("URL DE TON IMAGE")}
Et pour le bouton notification:
C'est: #menubar_notifications_btn {background: url("URL DE TON IMAGE")repeat-x;}
Et au survol:
#menubar_notifications:hover
#menubar_notifications_btn{background: url("URL DE TON IMAGE")repeat-x;}
Comment on fait pour faire un effet lumineux sur le texte ou alors, si c'est pas possible, le mettre en GRAS, merci :)
Bonjour ^^"
Déjà merci pour ce super tuto, mais j'ai un problème: J'ai recopié le code, mis mon image et tout, mais il y a quand même des trait blanc de sépaation tout moches :X http://le-monde-des-dolls.eklablog.com/pullip-de-2003-c17838990
Le code: .menubar_section {background-image: url(http://data0.eklablog.com/le-monde-des-dolls/perso/sans%20titre.png)}
#menubar_notifications {background-image: url(http://data0.eklablog.com/le-monde-des-dolls/perso/sans%20titre.png)}Merci beaucoup pour ce tuto !!!
Moi qui ne comprenais rien au codage j'ai trouvé ça super simple grâce à tes explications !! :D
Bonne continuation et à bientôt !!
Bonjour j'ai besoin d'aide svp voici le code que j'ai entré pour changer la couleur de la barre d'outil et il y a seulement les lettres qui ont changé de couleur, merci de me répondre
#menubar {propriété: valeur;}
#menubar {color:#9b85bf;}
#menubar {background-image: http://i198.photobucket.com/albums/aa193/Angelface_064/TUILES%20ET%20RUBANS/fondmessisis08332.gif;}Coucou j'arrive pas ! j'ai tout mis dans le code css mais sa ne marche pas quelqun pourrait m'aidé ??
Euh non ^^'
J'aide, mais je fais pas à votre place ;)
Si tu ne comprend pas tes erreurs, tu rederas toujours les mêmes.Copie et colle ce que tu as mis dans ton css en commentaire
#menubar_hide{ background-image: url(http://www.google.fr/imgres?q=bulles+violette&um=1&hl=fr&biw=1920&bih=890&tbm=isch&tbnid=ssAOHje53spUrM:&imgrefurl=http://forum.femmeactuelle.fr/Actu/Actualite-nationale/posts/11-Novembre-journee-Nationale-du-Souvenir-667589.4.aspx&docid=vSEpe4pTJHc7fM&imgurl=http://fr.dreamstime.com/bulles-d-air-couleur-violette-thumb356108.jpg&w=400&h=300&ei=YEfLT_y2F4yKhQeB_uXSDw&zoom=1);}.menubar_section li { propriété: valeur; }
.menubar_section li:last-child {
propriété: valeur; }.menubar_section li { propriété: valeur; }
.menubar_section li:hover { propriété: valeur; }
.menubar_section li:last-child {propriété: valeur; }
.menubar_section li:last-child:hover {propriété: valeur; }
.menubar_section:hover div{
background: valeur;}#menubar_notifications:hover
#menubar_notifications_btn{
background: valeur;}
#notifications_panel a,
#notifications_panel div{ background: valeur}
#notifications_panel a,
#notifications_panel div {background: valeur}
#notifications_panel a:hover,
#notifications_panel div:hover {background: valeur}
#notifications_panel
.new_notification {background: valeur}Je ne comprend pas ce que tu as voulu faire ^^'
Il faut remplacer "propriété: valeur" par l'effet que tu veux mettre.
41ChealMercredi 27 Juin 2012 à 16:23J'ai un petit problème ...Après voir enregistrer le code pour le survole de contenu... Ca me donne ça:
Comme vous pouvez le voir il y a du violet clair au debut puis le dernier module est en violet foncé.Pouvez -vous m'aider?
42ChealMercredi 27 Juin 2012 à 16:53Pou rles notifications:Il faut remplacer Background et valeur par la couleur ou par le lien?
Le dernier correspond à
.menubar_section li:last-child {propriété: VIOLET CLAIR; }
.menubar_section li:last-child:hover {propriété: VIOLET FONCE; }avec background: valeur, tu peux mettre ce que tu veux ;) sois la couleur, soit le lien
44ChealMercredi 27 Juin 2012 à 17:12#menubar {propriété: valeur;} pour ce code la pour la propriété il faut mettre se que tu veut qui change comme le fond, l'ecriture ect ... et valeur pour la couleur, l'ilmage ect ... quel mot faut-il mettre a la place de propriéter pour le fond ??
Merci d'avance :).
J'ai trouver pour le code ci-dessus, cepandant j'ai un autre probleme ! xD
.menubar_section li { propriété: valeur; }
.menubar_section li:hover { propriété: valeur; }
.menubar_section li:last-child {propriété: valeur; }
.menubar_section li:last-child:hover {propriété: valeur; }Sur ce code, les 2 premiers sont pour le fond , et les deux deuxiemes pour l'ecriture .
Quel mot faut-il mettre a la place de propriété pour l'ecriture ?
Merci d'avance :).
Tout d'abord, bonjour ou bonsoir ^^
Et puis, je te remercie pour ce tuto et je remercie les commentaires qui m'ont aussi aidés à régler mes petits problèmes. Cependant, il m'en reste un... Un tout petit mais qui me géne assez en faite... Je vais donc essayer de m'expliquer le mieux possible...
J'ai tout modifié sans problème avec des couleurs. Cependant, quand je passe sur le petit symbole des notifications, il reste bleu qu'importe ce que je change. Quand je clique dessus, pas de problème, les changements ont été faits et tout... Mais il reste que quand je passe dessus, il s'affiche bleu et pas rouge comme les autres...
J'espère que vous pourriez m'aider avec ce petit souci,
Cordialement.
Merci nagalia , enfaite j'était déja aller sur manga graph pur faire mes barres et je me suis dit que toi tu aurrait les meme code... Mais enfaite non !
Pour TheMarmotOfTheDevi : ilfaut que tu mette se code :
#menubar_notifications:hover
#menubar_notifications_btn{
background: red;}
(Je n'ai pas tout lu, donc désolée si ça a déjà été mis/demandé >.<")
J'ai bien compris pour le machin des notifications, mais je me demandais si c'était possible de changer la couleur du texte dans le machin des notifications ? Parce que pour moi, Gris foncé sur noir c'est pas trop top...
(Est ce que ma phrase est compréhensible ?)
51Neko Chocolaa pa co'Vendredi 13 Juillet 2012 à 09:16TanaGirl: Notification quand c'est pas survolé :
#notifications_panel a,
#notifications_panel div {color:'COULEUR DU TEXTE'}
Quand c'est survolé :
#notifications_panel a:hover,
#notifications_panel div:hover {color:'COULEUR DU TEXTE'}
Quand ta une nouvelle not' :
#notifications_panel
.new_notification {color:'COULEUR DU TEXTE'}
MRS.Barbara
.menubar_section li { propriété: valeur; }
.menubar_section li:hover { propriété: valeur; }
.menubar_section li:last-child {propriété: valeur; }
.menubar_section li:last-child:hover {propriété: valeur; }Ce qui sont en rouge ses comme pour mon compte: Deconnection
Sur chacun il faut effacer proprièté:valeur et mettre : color:'COULEUR DU TEXTE'
Merci beaucoup Nekoo_Chocolaa ! Et c'est possible pour les autres parties dela barre ? (Contenu, Apparence, Interactions etc)
Désolée pour les questions :S
55SwaggySamedi 14 Juillet 2012 à 17:22Nagalia j' ai un probléme ! Tu voie cette image :
Ben tu voie l'image au survol du menu ben ça apparait que à la fin ^^'
Salut ;) Hmm...C'est normal que ce code ne marche pas ?
#menubar {background-color:#9CAA52;}
C'est pour changer le fond du menubar...Mais je ne sais pas ce qui ne va pas :/
Je ne suis pas experte la dedans, mais il me semble que c'est
#menubar {background: #9CAA52;}
Il n'y a pas le color ^^
TanaGaki: Background-color est la propriété qui gère uniquement la couleur de fond. Tu as aussi background-image, background-position... Background permet de tout regrouper en une seule ligne ;)
Shimyjadina: C'est parce que par défaut, il y a une image dans le menubar. Il faut d'abord désactiver l'image pour voir la couleur
#menubar {background-color:#9CAA52;
background-image: none;}Salut Nagalia...
Premierement merci pour le tuto =)
Je voudrais mettre mes onglet transparent mais sa ne marche pas... C'est blanc et sa ne marche que quand la souris est sur l'onglet (survole)
Merci je l'ai déjà fait sur mon blog principal, je mets cet article dans les astuces, gros bisous!
Hello~
Tout d'abord, merci pour le tuto, ça aide surement beaucoup de personne, moi comprise.
Cependant j'ai une petite question :Est-ce qu'il est possible d'agrandir la barre d'outil ?
Je parle de la hauteur.
Je voulais faire une barre de ?x26px et laisser dépasser un engrenage [mon thème actuel étant Steampunk] dans la hauteur. Ou tout simplement, ajouter un effet d'ombre sur le bas de la barre.Thank U.
Bonjour êtres du jour,
Bonsoir êtres du soir.
Je voudrais juste savoir comment on met une image en fond du menubar. J'ai pas tout compris. Merci d'avance!
.menubar_section li {color: Couleurs en anglais; }
remplace couleurs en anglais par une couleurs en anglais
coucou
moi je voulait changer ma barre de menu ou il y
a configuration contenu apparance etc en haut elle et blanche et j'aime pas comment faire merci
Bonjour les gens,
Quelqu'un veux bien m'aider à chercher l'erreur s'il vous plait >.< ? Parce que moi ça me donne un truc super moche...
#menubar {background-color: #5B1600;}
.menubar_section {background-color: #5B1600;}
#menubar_notifications {background-color: #5B1600;}Ca va paraitre bete mais je nai pas compris par quoi remplacer le "("IMAGE")" dans ce code
#menubar_notifications {background-image: http://mycenes.m.y.pic.centerblog.net/fzpd9rh7.gif("IMAGE")"}
^^"
Bonsoir.
Alors, j'aurai besoin de votre aide. J'ai voulu mettre ma barre d'outils en blanc ( ou transparente mais j'ai pas trouvé ) ainsi que les onglets sauf que je n'y arrive pas. Ca me change uniquement la couleur du texte et tout devient illisible. Voilà les codes que j'ai inséré :
.menubar_section li { color: white; }
.menubar_section li:last-child {
color: white; }
#menubar { color: white;}
J'aimerai bien savoir où je me suis trompée. ^^' Merci d'avance.81#DirectionerLundi 4 Mars 2013 à 19:27J'ai beaucoup de mal, je suis pas très forte en CSS , quelqu'un peux me donner le code entier pour changer ça ?
Wah! Tu expliques hyper bien! Mais je ne coomprend pas >.> Désolée... Tu peux répondre à ma question s'il te plait :
Quel est le code CSS (Dans la barre de notif') pour mettre un fond aux nouvelles notifications que l'on viens d'avoir, et pour celle que l'on survole? Merci d'avance. :D
Bonsoir,
j'ai réussi à modifier la barre d'outil (je ne sais pas trop comment j'ai pu faire). Un dernier problème j'ai une ligne blanche qui apparait, comment l'enlever ?
http://kiefersutherlandfilmographie.ek.la/
Une autre question : comment afficher seulement sur cette barre le logo de eklablog ?
Merci
Update pour la partie « favoris », vous avez sans doute remarquer que les barres blanches pouvaient être enlever de partout sauf pour les favoris, n'est-ce pas ?
Prochainement je pourrais vous apprendre comment changer les trucs genre « contenu » ou apparence ^^
coucou nagalia,c est pas encore fini ,j avance pas a pas et j espère surement ,merci beaucoup pour ton aide
Réessais avec ce code (il y avait un "}" en trop et il en manquait un) ça devrait marcher :
#menubar_favorites_btn, #menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%;
#menubar_favorites_btn:hover}
#menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%; }J'ai un code pour enlever le "gagner des cadeaux":
div#menubar div a strong {display:none;}
EDIT: Ca enlève aussi les pseudos des notifications -_-'
J'ai vu que sur certains blogs, la barre d'outil ne s'affichait qu'au survol, est ce qu'il faut payer 150€ (l'offre pro, quoi.) pour pouvoir le faire ? Je ne pense pas, mais je demande toujours ^^'
Pour ce code : #menubar_favorites {background-image: none}}
Il n'y aurait pas une accolade en plus ?
99undercoverVendredi 30 Août 2013 à 21:53Salut,
Bravo pour tout ce que tu fais, c'est chouette ! Le nouveau design, j'aime moins, je préfèrais les 2 précédents.
Enfin, juste pour te dire que ton code pour enlever le fond de Blogs Favoris comporte une erreur. Le bon code est le suivant :
#menubar_favorites_btn, #menubar_nofavorites_btn:hover
{
background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%;
}
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn
{
background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%;
}Bon courage pour la suite ;)
Salut :p J'ai un problème avec le CSS ^^ Quand je rentre ce code :
#menubar_favorites_btn, #menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%;
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%; }cela m'indique qu'il y a une erreur. Help please :pLa première accolade n'est pas refermée par la suite :
#menubar_favorites_btn
#menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%; }#menubar_favorites_btn:hover,
#menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%; }Normalement cela devrait marcher ^.^ Si ça ne marche pas je pense que l'adresse de l'image est incomplète ...
Voila un petit code si le logo d'Ekla à gauche vous gène, pour le mettre à droite. (Perso le voir à gauche me tracasse!)
#menubar_logo{margin-top: 4px; right:0px; position: absolute;
}
Bonjour tout le monde !
Je voudrai changé l'icone de favoris et de notifications . J'ai donc mis ce code mais sa ne marche pas :
#menubar_notifications_btn {background: url("http://ekladata.com/MquGR53-3mMhNW-OjQWwZhq-_sQ.gif")no-repeat 50% 50%;}
#menubar_notifications:hover
#menubar_notifications_btn{background: url("http://ekladata.com/rWqTAwu9Y-Sl4DPAlTGYQjMob-g.png")no-repeat 50% 50%;}
#menubar_favorites_btn,
#menubar_nofavorites_btn:hover { background: url("http://ekladata.com/ovvaE-_GUVrmrKOZohsFiqOb5VA.png") no-repeat 50% 50%;}
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn {background: url("http://ekladata.com/7PBD29-OiRcogOc7voaUtJfinzs.png") no-repeat 50% 50%;}Quelqu'un peut m'aider s'il vous plaît ? Merci d'avance .
Bonjour,
Tout d'abord merci beaucoup pour cet excellent tuto, c'est génial ! Tout est très clair, cependant, j'ai mis tout le code css mais il reste encore des traits de séparations blancs qui me gènent... De plus, je ne sais pas comment faire pour changer la couleur du pseudo sur la barre d'outils, il reste bleu alors que j'ai mis tout les autres en noir.
Voici le code que j'ai entré :
.menubar_section {background-image: url("http://www.photoshopressources.com/wp-content/uploads/2011/08/85splatteredpapertexture.jpg");}
#menubar_notifications {background-image: url("http://www.photoshopressources.com/wp-content/uploads/2011/08/85splatteredpapertexture.jpg");}
#menubar {background-image: url("http://www.photoshopressources.com/wp-content/uploads/2011/08/85splatteredpapertexture.jpg");}
#menubar_hide{ background-image: url("http://www.photoshopressources.com/wp-content/uploads/2011/08/85splatteredpapertexture.jpg");}
#menubar {color: #000000;}
#menubar_favorites {background-image: none}
Si quelqu'un pouvait m'éclairer là-dessus, je lui en serais reconnaissante ^^
J'ai un petit problème :
#notifications_panel a,
#notifications_panel div {background:url("http://img11.hostingpics.net/pics/341807811.png")no-repeat}
#notifications_panel a:hover,
#notifications_panel div:hover {background:url("http://img11.hostingpics.net/pics/592729632.png")no-repeat}
#notifications_panel
.new_notification {background:url("http://img11.hostingpics.net/pics/556166833.png")no-repeat}
Le code est normalement bon, MAIS. La dernière image pour les notifications ne s'affiche pas,
c'est-à-dire que quand j'ai une nouvelle notification, la notification est comme si
je l'avais déjà vue, vous voyez ce que je veux dire non ? Si quelqu'un pourrais m'aider
s'il vous plait. Merci~
Jack => On va essayer de chercher la solution. :)
Yusumi => Tu as oublié un point virgule à la dernière ligne de ton code
J'ai le même problème que Yusumi, j'avais mis mon code il y a relativement longtemps et tout marchait correctement, et à l'arrivée de la nouvelle menubar il n'a plus fonctionné correctement :/
Bonjour le code marchait super bien jusqu'à l'arrivée de la nouvelle menubar :/ Quelqu'un aurait-il la solution svp? Merci d'avance!Pour enlever les fonds bleus et les barres de séparations, il faut maintenant utiliser ce code. Le reste n'a pas changé ;)
#menubar_section_content,
#menubar_section_appearance,
#menubar_section_interactions,
#menubar_section_manage,
#menubar_section_account,
#menubar_section_help;
#menubar_notifications,
#menubar_signin,
.menubar_button
.menubar_section:hover,
.menubar_section,
#menubar_favorites,
.menubar_separation,
#menubar_logo{ background: none;}
#menubar_favorites_btn,
#menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%;
}
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%;
}
En passant sur la barre d'outil sur ton blog, j'ai vu que, quand on survoler une tâche (Aide _> Boîte à Idées, par exemple), bah, ca passer du noir au blanc ! Moi, sur mon blog, ca reste toujours pareil !! Comment et quel code faut-il prendre ? Merci !!
Couleur principale :
#menubar li {
color: COULEUR;
}
Couleur au survol :
#menubar li:hover {
color: COULEUR;
}
bah j'ai deux lignes de menus en haut, je voudrais qu'il y en ai une en haut et une en bas ! z
#menu a { margin-bottom : Xpx;}
X correspondra à l'espacement entre ta ligne du haut et celle du bas. Essaie quelques valeurs, je pense que ça tourne autour de 150px.
Bonsoir !
J'ai un petit souci dans ma barre de menu. J'ai su supprimer toutes les séparations sauf une ! Je ne sais pas quel code utiliser pour elle... :/
J'ai utilisé.menubar_section {background-image: none;}
#menubar_logo {background: none;}
Pour les autres, mais elle, elle survit toujours.
D'avance merci ! :)
Bonjour,
Comment met-on de l'opacité dans la menubar ?? Je n'y arrive pas x)
Merci d'avance !
#notifications_panel a,
#notifications_panel div {background: url("http://ekladata.com/tL8o5phf51JaSofE2NFyUHGCJ5s.png");}
#notifications_panel a:hover,
#notifications_panel div:hover {background: url("http://ekladata.com/xNEYd4RU8NQf-hnIcXEmzeMZ3ag.png")}
#notifications_panel
.new_notification {background: url("http://ekladata.com/tL8o5phf51JaSofE2NFyUHGCJ5s.png")}Il y a peut être une erreur mais je ne la vois pas.
Salut ! Tout d'abord un grand merci pour toutes les aides que tu fournis ici, c'est super ! Et justement, j'ai besoin d'un peu d'aide. Voila ce que je voudrais faire : 1- Dans la barre de menu eklablog, quand tu es en mode déconnecté et que tu consultes un site eklablog, il y a deux petits "v" de validation verts, devant "créer mon blog" et "créer mon compte". Est il possible de supprimer ce petits "v" ? ou au moins de modifier l'icone ? et comment ? 2- et ensuite, toujours dans cette même barre, en mode déconnexion, est il possible de DECALER vers la droite les accès de connexion ? En gros j'aimerais que les deux cases à remplir avec mon ID et mon mot de passe, soient plus sur la droite si c'est possible et que le tout (ça + "créer mon blog" et "créer mon compte" soit bien collés à droite de la page plutôt que d'être en plein milieu. Désolée si j'en demande beaucoup :$ Et merci d'avance pour ton aide ! Sarah
Bonjour, est-ce que quelqu'un connais le code pour changer la couleur du pseudo? Merci d'avance!
Frei, utilise ce code :
#menubar a{ color: #COULEUR;
}Il me semble que c'est ce que tu cherches.
Le code #menubar {color:white;} s'applique à tous les menus sauf
le compte. Quel est le code pour modifier le texte du compte dans la barre d'outil ?
bonjour ! Je voudrais savoir quel est le sélecteur pour le compte dans le menubar
comme là :
Comme ici tu veux dire ?
J'ai un tuto en préparation, je t'enverrais un MP quand j'aurais fini ^^ Dans l'idée, il suffit juste de déplacer les différents éléments (notification, favoris...) avec "position: absolute"
ok... j'attends ! Merci de ta gentilesse ! Et aussi j'ai trouver un code pour changer le favicon de mon blog... mais cela ne marche que sur Chrome... comment faire pour que se soit sur tout les navigateurs.
Euh enfaite.... comment fait-on pour mettre la barre d'outils transparente ?
Merci beaucoup Nagalia (je t'en demande un peu trop :/)
Pour le favicon, je dois avouer que je n'en sais rien ^^' Tu peux me montrer ton code ?
Pour modifier l'opacité de la menubar :
#menubar {opacity: 0.5;}
Tu peux utiliser des valeurs entre 0 (invisble) et 1 (totalement visible)
Code favicon. Ne marchant que sur Google Chrome. Code à modifier lorsque c'est en italique.
<script>// <![CDATA[
var ico=document.getElementById ('favicon');
ico.href='URL DE L'IMAGE';
// ]]></script>Salut! Je suis un peu nouveau au CSS et je ne comprends pas bien c'est quoi propriété valeur... Est ce que quelqu'un peut me l'expliquer ? Merci.
Petite introduction avant de commencer :
=> http://fanstasy-graph.eklablog.net/introduction-a4961842
Il faut remplacer "propriété : valeur" par l'effet que tu veux appliquer. Par exemple changer la couleur, mettre une bordure...
Les propriété expliquées sur ce blog sont dans la dernière boite "propriété"
=> http://fanstasy-graph.eklablog.net/css-c937827
@Sasha : J'ai tester ce script et essayer de le bidouiller un peu, mais je suis une totale débutante en JS, donc je n'ai malheureusement pas trouvé ^^'
Mais dans tous les cas, tu n'as pas vraiment le droit de t'en servir sur ton blog ;) C'est comme pour le logo d'EklaBlog, même s'il est facile de l'enlever, les comptes gratuits ne sont pas vraiment autorisés à le faire ;)
Ajouter un commentaire
Est ce qu'il est possible de supprimer les fleche ?