Eklablog
Editer l'article Suivre ce blog Administration + Créer mon blog

"Barre Eklablog"

"Barre Eklablog"


Je savais pas trop comment appeler ce truc XD Mais vous voyez la barre blanche toute moche qu'il y a au dessus des blog avec marqué "contenu, apparence..." Et bien, a la demande de beaucoup de gens, je vous explique comment j'ai fais pour la modifier. Bon, je viens de trouver comment faire, alors j'éditerais surement cet article pour rajouter des trucs.

Voici le séléecteur à utiliser pour modifier le fond, le type de police ou autre

#menubar {propriété: valeur;}

Quelques exemple:

Changer l'image:

#menubar {background-image: url("IMAGE");}

Remplacez IMAGE par l'url de votre image, mais laisser les guillemets!

Changer la couleur d'écriture (merci Jak-Ich_an)

#menubar {color: #COULEUR;}


Si vous changer l'image, vous remarquez les traits de séparation qui font bien moche. Si vous voulez les enlever, rajouter ce code:

#menubar_section_content{
background-image: none;
}
#menubar_section_appearance{
background-image: none;
}
#menubar_section_interactions{
background-image: none;
}
#menubar_section_manage{
background-image: none;
}
#menubar_section_account{
background-image: none;
}
#menubar_notifications{
background-image: none;
}
#menubar_signin {
background-imagenone;
}
.menubar_button {
background-imagenone;
} 


Si vous remplacez le "none" par "url("IMAGE")" vous mettez une image de fond

Il reste la flèche à gauche. Si vous voulez la changer, a vos logiciel de graph et faite quelque chose comme ça:

Il y avait quatre flèche comme ça dans l'image par défaut, alors je suis rester sur la même base.
Et mettez ce code dans votre css

#menubar_hide{ background-image: url("LIEN DE L?IMAGE");}

Pour la flèche qui remet la barre, c'est ça:

#menubar_show { background-image: url("IMAGE");}



Modifier les images au survole
=> Menubar, modifier les images au survole
Merci beaucoup Sosso1998!!


 Edit de Sosso : A noter que pour le fait de retirer le logo eklablog ne serait pas super poli pour les créateurs d'ekla sachant qu'il n'y que, à part ça. Deux éléments qui permette de comprendre que c'est d'ekla. C'est à dire le favicon de la part et le lien de la barre. Par conséquent je ne chercherais pas comment remplacer le logo.

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
N
C'est un gros boulot de modifier la menubarre de cette façon, j'ai presque 200 line de code rien que pour ça ^^'<br /> J'avais commencé à faire un tuto dessus, mais il faudra dans tout les cas avoir un bon niveau de CSS car je ne vais pas tout détailler. Mais en gros, il suffit simplement de regarder quel est le sélecteur de chaque élément et de les mettre en "position: absolute" pour les déplacer où on veut.
Répondre
A
merci quand meme parce que j'aimerai bien faire comme nagalia est casé les element de la barre autre part ^^.... apparement Eklablog a fusionné avec Kazeo alors pourquoi ils nous mettent pas des element comme kazeo
Répondre
I
Asuyo, logiquement, il est interdit d'enlever la barre. Sauf si tu remet tous les éléments de cette dernière sur ton blog (parce que sinon tu ne pourras pas modifier ton blog, voir tes messages, notifications, etc. Et il faut bien penser à laisser le logo d'Eklablog !). Je pense qu'il faut une assez bonne maîtrise en css pour faire ça. Je crois que si tu fais un clic droit, inspecter l'élément (sur google chrome en tous cas), tu peut trouver le nom de chaque élément pour pouvoir les déplacer avec des codes ^^<br /> Après, si tu veux, par exemple, faire en sorte que la barre soit transparente, mais qu'à son survol, on la voit, il me semble qu'il y a un code pour ça. (mais ça fait environ un an que j'ai pas codé sur Eklablog donc je m'en souviens plus, sorry xD)<br /> Voilà, au final je t'ai pas trop aidé, mais bon xD
Répondre
A
Et excuse moi il y a un css pour enlever la barre comme toi ? ^^
Répondre
F
Bonjour et grand merci pour ces explications. J'ai réussi à changer la couleurs des caractères mais je n'arrive pas à trouver le bon code pour changer le blanc de fond de la barre Ekla que je voudrais mettre dans la même couleur que mon fond de site.<br /> Aurais-tu la gentillesse de m'envoyer le lien pour que je le copie colle sans me planter car avec le CSS la moindre petite erreur et ça ne fonctionne pas.<br /> Grand merci par avance. J'aime les gens qui, comme toi, aident les autres moins doués.<br /> Marie (alias Focales)
Répondre