-
"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-image: none;
}
.menubar_button {
background-image: none;
}
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.
-
Commentaires
Non, ce code c'est juste pour enlever les barre de séparation. Si tu veux mettre une image en fond, il faut que tu fasse ça:
#menubar {background-image: url("IMAGE");}
Et c'est là que tu met l'url de ton image ( à la place d'IMAGE)
J'ai mis ça :
#menubar {background-image: url("http://data0.ek.la/test-attitude/mod_article5354167_1.png?8474
");}Mais ça marche pas :O ! Je dois vraiment être nulle xD !
Bizarre... je viens de tester, ça marche chez moi XD
Essaie de l'écrire comme ça: (t'as peut être fais un retour à la ligne au mauvais endroit)
#menubar {
background-image: url("http://data0.ek.la/test-attitude/mod_article5354167_1.png?8474");
}
Ah peut être ! MAIS OUIIIII ! Attednd je vais tester xDD !
ÇA MARCHE O.O !
MERCIIII ! J'avais oublié U.U
*pars au tribunal* GOOOMEN !
Ton article m'a donné envie de fouiller dans cette barre Eklablog et ce n'est pas d'une grande aide mais j'ai trouvé comment changer la police d'écriture :
#menubar {
color: #c7c7c7;
}Il faut remplacer la valeur << #c7c7c7 >> par celle de son choix.
louna-kilari m'a passer un code CSS pour mon blog, peut-être que ça pourrait te servir :
#menubarabsolute{position:absolute;z-index:250;top:0;left:0;width:100%;font-family:Arial,Helvetica,"Arial";font-size:12px;font-weight:normal;font-style:normal;font-variant:normal;text-decoration:none;text-align:justify;line-height:normal;text-shadow:none;color:black;}
Sur son blog, elle a réussi a changer le design des menus qui s'affiche au survol, tu saurais le faire ?
A par la couleur du texte qui change, elle a gardé les parametre par défaut dans ce code.
J'ai toujours pas trouvé comment changer le menu au survol --' Pourtant je cherche depuis hier soir XD
Si tu parles du menu-de l'entête c'est simple c'est dans apparence -> Modifier le thème -> En-tête > Menu survolé
Edit : Bon plus sérieusement quel menu ?
Oh et puis zut en fouillant dans le code source de la page je tombe sur :
/*apparence barre options*/ #menubar_notifications_btn:hover,.menubar_section:
hover div{ background:white repeat-x; color:purple; } .menubar_section li
{background:url(http://data0.shojoblog.com/mangagraph/mod_article5342477_1.png?177)
no-repeat; color:white; }
.menubar_section li:last-child
{background:url(http://data0.shojoblog.com/mangagraph/mod_article5342477_2.png?5392)
no-repeat; }Le CSS me passionne .... Je vais completement changer mon theme de mon blog test, je vais faire un blog le plus possible en CSS xD
Attendez, j'explique mon problème (parce que j'ai déjà fouillé dans le code source):
#menubar_section_content{background-image: url("");}
C'est pour virer les barre de séparation ou metter une image en fond de contenu.
Si je rajoute "hover":#menubar_section_content :hover{background-image: url("IMAGE");}
Je met une image a la place du bleu au survole. Mais impossible de modifier le reste --
Nanou12 => Tu n'arriveras jamais jusqu'à la fin xD
Bref maintenant que je vous ai aider je vais faire un thème en libre service. n_n
Tu dois faire ce css nagalia.
/*apparence barre options*/ #menubar_notifications_btn:hover,.menubar_section:
hover div{background: COULEUR repeat-x; color: COULEUR; } .menubar_section li
{background:url("IMAGE")
no-repeat; color:COULEUR; }
.menubar_section li:last-child
{background:url ("IMAGE")no-repeat; }Bon beh au moins je sais coder. Je pense que la raison pour lequel ce blog va avoir le plus de visite c'est les css je sais pas pourquoi. :D
Parce que la plupart des gens qui trouve un code css sur ekla le partage pas --'
Sosso: Fais des tuto de css! =D
Si Nagalia pouvait arranger ce machin là :
http://fanstasy-graph.eklablog.net/menubar-changer-l-image-au-survol-a5379426
XD moi par contre, faut vraiment que je fasse un tuto pour la présentation des articles. Je vais arranger ça.
Serais-ce possible de changer l'image ou la couleur du survol devant les onglets ?
Enfin, je veux dire ... Il y a un dégradé quand tu passes la souris sur un onglet dans la barre en haut, serais-ce possible de le changer ?
Bon, ce n'est pas ce qu'on cherche, mais j'ai trouvé comment changer l'image de la flèche qui remet la barre:
#menubar_show { background-image: url("IMAGE");}
Merciii :D
Juste une question, je viens de faire un curseur sur photoshop, savez-vous comment je peux faire pour le mettre sur le blog ?
Yep
HTML,BODY{cursor: url("CURSEUR"), auto;}
Si tu as aussi fais pour les liens, rajoute ça:
A:hover{cursor: url("CURSEUR LIEN"), auto;}
Je mettrais de la lueur externe un peu partout plus tard xDDD !
A+ :)
MERCI POUR TOUT TOUT LE MOOONDEUUUH !
Je ne m'y connais pas du tout en code mais Sosso1998 comment as-tu fais pour avoir le code source de la page en Css, moi je n'ai que du HTML ('fin je crois que c'en est ^^').
TROUVÉÉÉÉÉÉÉ!!!!!!!!!!! *fière de moi*
J'ai mis le code à la suite
=> http://fanstasy-graph.eklablog.net/menubar-changer-l-image-au-survol-a5379426
Pour voir le css, tu va d'abord dans le code source (qui est en HTML ^^) et tu cherche "type="text/css" C'est le lien qui est a côté.
A moi de montrer mes trouvailles, j'ai trouver comment changer le dessus des fenêtres d'informations. Par exemple comme celle lorsque l'on clique sur le profil d'un membre Eklablog :
#background .window{position:absolute;font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif;font-size:12px;color:#444;font-weight:normal;font-style:normal;font-variant:normal;text-decoration:none;text-align:justify;line-height:1.4em;text-shadow:none;cursor:default;}.window_handle{height:39px;}.window_handle_content{margin:0 11px 0 11px;background:url("IMAGE1") repeat-x;}.window_title{height:32px;line-height:32px;padding:7px 0 0 6px;font-size:13px;font-weight:bold;color:white;}.window_handle_tools{float:right;width:26px;padding:14px 3px 0 0;text-align:right;}.window_handle_tools .window_handle_tools_close{display:-moz-inline-box;display:inline-block;width:19px;height:20px;background:url("/images/window/window_tools_close.png") no-repeat;}.window_handle_tools .window_handle_tools_close:hover,.window_handle_tools .window_handle_tools_close:focus{background-position:0 -20px;outline:none;text-decoration:none;}.window_handle_tools .window_handle_tools_close:active{background-position:0 -40px;outline:none;text-decoration:none;}.window_handle_left{float:left;height:39px;width:11px;background:url("IMAGE2") no-repeat;}.window_handle_right{float:right;height:39px;width:11px;background:url("IMAGE3") no-repeat;}
Il faut remplacer IMAGE1 par cette image :
IMAGE2 par celle-ci :
IMAGE3 par celle-là :
...que vous aurez au préalable personnaliser
Je nettoierez le code plus tard parce que là il y a pas mal de trucs qui ne servent pas.
EDIT : Si ce n'est pas le bon endroit pour poster ça dit le moi, je le mettrais ailleurs.
Merci beaucoup!!!!!!!!!
C'était pas vraiment là pour poster, mais pas grave ^^
J'ai aussi trouvé pour changer l'image à l'interieur de la fenêtre. ça va faire des heureux tout ça =D
Ouaip ^^
Faudra poster tout ça dans Tutos Eklablog sur le forum officiel. C'est où que j'aurais du poster ?Voilà en nettoyé ce que ça donne :
#background
.window_handle{
height:39px;
}
.window_handle_content{
background:url("IMAGE1") repeat-x;
}
.window_handle_left{
background:url("IMAGE2") no-repeat;
}
.window_handle_right{background:url("IMAGE3") no-repeat;
}Si ça peut servir, c'est parfait !
Voilà le code "nettoyé"
=>http://fanstasy-graph.eklablog.net/fenetre-d-information-a5423290
EDIT: Dsl Bears Crap, j'avais pas vu que tu l'avais fait ^^'
Chouette, merci !
Mais comment fais-tu pour mettre des fonds différents dans un seul article ? Par exemple, dans ta page d'accueil, tu arrive sà mettre du texte sur des cadres de couleurs plus clairs...
Je... Comment dire....
MERCI !!!
Ca fait des jours et des jours que je cherche comment faire... Et c'est par hasard que je tombe sur ton blog ! Grâce à toi (et tes amis), j'ai enfin pu personnaliser mon blog de fond en comble... Alors, je me répète, mais un grand grand merci ! *-*
En plus de cela, ton blog est super, et comme d'autres l'ont déjà dit, c'est vraiment super de partager ainsi avec les autres bloggeurs...
Un gros coup de coeur !
De rien Psycholat =)
@Melle Lau: Il faut utiliser le css et le html. Je ferais un tuto là dessus dès que j'ai le temps. En gros, tu crées un sélecteur dans ton css précéder d'un point et que tu nomme comme tu veux. Tu rajoute toutes les propriété que tu veux. Ensuite, quand tu écrit ton article, tu vas dans le html et tu utilise la balise <div>
Exemple:
Css:.article {background: url("IMAGE");
propriété: valeur}Html:
<div class="article">Texte texte texte</div>
Si tu connais un peu le css et le html, je pense que tu as compris. Sinon, attend un peu que je fasse un tuto ^^
En fait, c'est la flèche du bas qu'on voit quand on clique. Donc il faut directement modifier sur un logiciel de graph, je pense pas qu'on peu faire autrement.
heu... j'ai peut être pas bien lu hein ^^' mais où est-ce-qu'on rentre ces codes là ? merci d'avance ;)
Bonjour ! bravo pour ce blog, il est ma-gni-fique !
Petite question : peut-on utiliser "background-color" à la place de "background-image" ? je n'y arrive pas donc, je me pose la question... merci !
normalement oui ^^
Si ça ne marche pas, essaie de mettre "background-image: none" pour supprimer l'image s'il y en a une par défaut.
Effectivement, si on rajoute ça, ça marche ;-) !
C'était pour un essai sur mon blog de test. Merci !Bizarre...
Bon, dans le premier code, il faut mettre } à la fin, pas )
Tu peux aussi l'écrire comme ça:
#menubar { background-image: url("http://ekladata.com/r1IAgyxBK2sO1JKcRcPKGcxPht4.gif");
color: black;}J'ai testé, ça marche ;)
Oui, dans ce cas, tu utilise "background-color" pour mettre la couleur et "background-image: none" pour supprimer l'image de base.
Il y a une faute dans ton code, enfin, je crois >.<
Tu as mis ça :
#menubar { background-color: #f9d1f3 "};
Il faudrait mettre ça je pense :#menubar { background-color: #f9d1f3; }
Bah tu fais sur ton logiciel de Graphisme un document, de la taille que tu veux, et tu mets juste UNE couleur en fond ! Celle que tu veux, et t'as juste a prendre L'URL :)
Ok ;)
Moi j'utilisais Gimp avant mais j'ai rien pigé, et j'ai trouvé ça trop dur, et comme je ne peux pas installerPhotofiltre (car j'ai un Mac, pas un PC XDDD) j'ai pris photoshop :)
Nagalia a la rescousse XD
Alors: background-color existe bien, mais comme il y a une image par défaut sur la barre d'outil, il faut enlever cette image.
Tu peux mettre autant de propriété que tu veux à une sélecteur. Donc tu écrit:
#menubar { background-color: #f9d1f3;
background-image: none;}90gumitanMercredi 5 Octobre 2011 à 20:3792gumitanMercredi 5 Octobre 2011 à 20:49Cest cool cette astuces le pire de tous ca depuis que je connais eklablog a cest tous debut jme susi dis que sa auraité été fun quon pourrait choisir la couleur de la barre
Merci.
Bonne continuation!
Coucou! Vu le nombre de commentaires, je vais pas m fatiguer a tous les lire x)
Mais j'ai un souci... J'arrive pas à changer la couleur d'écriture :o
Je met ça: #menubar {color: #PINK;}
Et ça marche pas TwT
Une solution ? x)
J'a mis sa:
#menubar_section_content{
background-image: url("http://data0.eklablog.fr/kiwako/perso/barre3.png");
}
#menubar_section_appearance{
background-image: url("http://data0.eklablog.fr/kiwako/perso/barre3.png");
}
#menubar_section_interactions{
background-image: url("http://data0.eklablog.fr/kiwako/perso/barre3.png");
}
#menubar_section_manage{
background-image: url("http://data0.eklablog.fr/kiwako/perso/barre3.png");
}
#menubar_section_account{
background-image: url("http://data0.eklablog.fr/kiwako/perso/barre3.png");
}
#menubar_notifications{
background-image: url("http://data0.eklablog.fr/kiwako/perso/barre3.png");
}
#menubar_signin {
background-image: url("http://data0.eklablog.fr/kiwako/perso/barre3.png");
}
.menubar_button {
background-image: url("http://data0.eklablog.fr/kiwako/perso/barre3.png");Mais sa ne fonctione pas :/
Je sais pas trop ce que tu as voulu faire... Si tu veux enlever les séparations, remplace tes liens d'images par "none" dans le code que tu viens de me montrer.
Pour enlever la flèche, il faut lui mettre une largeur de 0px
#menubar_hide {width: 0px}
Moi je trouve que ça se fait pas trop d'enlever le logo, nan ? Enfin bon xD ! RDV Xat Mahô ? ^o^
104NovaliaMercredi 19 Octobre 2011 à 19:11dites, moi j'ai photofiltre et pour les flèches, c'est pas terrible, quelqu'un serai volontaire pour me faire une flèche noir ?
106NovaliaMercredi 19 Octobre 2011 à 19:22108NovaliaJeudi 20 Octobre 2011 à 19:40Bah quoi ? j'ai le droit de dire que vous êtes bien con de vouloire savoir mes centres d'intêrets...
111NovaliaVendredi 21 Octobre 2011 à 12:37Merci nag' :)
Moi c'est jeudi aprés les vacances u_u je suis une big boss dans le domaine de la course donc moi j'aurai pas tellements de problèmes...
112NovaliaVendredi 21 Octobre 2011 à 13:25114NovaliaSamedi 22 Octobre 2011 à 16:32115NovaliaSamedi 22 Octobre 2011 à 16:43mais non ! c'est déjà super bien ! moi, en 6ème, j'étais arrivée dans les dernière, l'année dernière, je l'ai pas fait ni ratrappé et là bin je l'ai pas encore fait...
Dit Nagalia ? Tu vois le logo Eklablog, moi je voulais le changer par une autre image, mais toujours laisser le EklaBlog... (attata je m'exprime mal)
<< Je voulais mettre ça à la place du favicon EklaBlog classique... Tu saurais comment on fait ça ?
119AlishSamedi 5 Novembre 2011 à 11:17122AlishSamedi 5 Novembre 2011 à 11:20A mettre un fond sur la barre. ToT J'ai essayer, modifiée, ect.. au moin 7 fois, mais pas moyen. %'D
#menubar {background-image: url("IMAGE");}
Tu remplaces IMAGE par ton lien mais au revanche tu ne suppr pas les guillemets.
124AlishSamedi 5 Novembre 2011 à 11:23Ben j'ai fais ça mais.. enfait, j'vois pas c'quoi le lien de l'image.. ._." Genre, j'met le fond dans un article et j'prend l'url de la page aprés?
Et deuxiéme truc qui coince, c'est quand j'remplace ça par l'IMAGE ben l'es guillemets s'enléve, et quand j'remet c'est de l'autre coté que ça s'enléve. x'D
Euh, non pas le lien de l'article, clique droit sur l'image > Afficher l'image, après pour le deuxième truc ça doit être de ta faute remets les guillemets.
127AlishSamedi 5 Novembre 2011 à 11:29Ben j'peux pas copier l'URL de l'image enfaite. %'D J'fais clique droit mais y'as ni "afficher l'image" ni ""copier l'url de l'image" ou "copier l'adresse de l'image". oo'
128AlishSamedi 5 Novembre 2011 à 11:33Ben ouai c'est pas normal. 8'D J'vais esayer de mettre autre part. u_u Ben pour les étoiles j'en sais strictement rien, c'est quelqu'un qui me la fait lol
130AlishSamedi 5 Novembre 2011 à 11:35Pour aller sur internet, tu utilises internet explorer, mozilla firefox, google chrome... C'est ça des navigateur ;)
Je crois que Liana s'est fait dépasser niveau incultisme. xD
Si tu utilises internet explorer c'est normal que ça marche pas.
134AlishSamedi 5 Novembre 2011 à 11:39136AlishSamedi 5 Novembre 2011 à 11:40137AlishSamedi 5 Novembre 2011 à 11:41Ouai J'ai aussi Mozilla ! Sa fonctionne dessu? *par essayer*
Merci de ton conseil Nagalia mais c'est le pc d'ma mére donc.. x))
141AlishSamedi 5 Novembre 2011 à 11:46Mouai bon, j'peux pas allez Sur Firefox... ._." Tans pis. Merci quand même à vous toutes d'avoir expliquez tout ça à une inculte d'informatique telle que moi, zêtes sympa. %D
Je suis pas sure d'avoir compris la question ^^'
Mais pour modifier les fenêtre d'information (si c'est ça), c'est ici:
=> http://fanstasy-graph.eklablog.net/fenetre-d-information-a5423290
dsl mais j'arrive vraiment pas et je sais pas pourquoi je voudrai mettre cette image:
Merci d'avance! ^^
Nagalia j'ai pas trouver comment modifier la liste (quand je clique sur un onlet (apparence mon compte...))
Je sais c'est pas l'article parfait pour poser cette question, mais pourais tu me donner un hebergeur, car Picdo n'est plus la et y a un bug de mon Ordi avec le cilc droit du Lien de l'image.... Enfin, tu vois ce que je veux dire %D163SeaDimanche 18 Décembre 2011 à 15:25bonjour j'ai le meme probleme que ticlo, quelqu'un peut -m'aider je l'ai vu quelque part dans ce blog mais je ne retrouve plus!
Après avoir demandé au staff d'ekla, il ne veulent pas qu'on change leur logo (ce qui ce comprend). Donc, l'article en question à été effacé ;)
165SeaDimanche 18 Décembre 2011 à 15:37A oui!Un dernier truc!Je suis allez sur le titre de l'articlez et quand j'ai mit ma souri dessus,et le texte c'est décaler,et a fait un effet brouillard,comment tu fait?
168NovaliaLundi 2 Janvier 2012 à 11:36si tu veux regler la taille de l'écriture, il y a simplement à faire apparence => modifier le thème et aller là où tu veux, le CSS n'est pas néssaicère pour ce genre de choses, après, je suis pas une pro pour ça, alors, pour plus d'info, il faut aller à la FAQ, ce n'est pas dans les articles qu'il faut poser les questions qui n'ont aucun rapports ^^
Pour ta deuxième question, c'est un effet d'ombre, cherche dans CSS ou html, je sais plus ^^'
tu trouvera ce que tu veux, 'faut simplement chercher... Mais si t'as la flème, y'a la FAQ ! (oui encore la FAQ, toujours la FAQ, mais c'est le seul endroit où tu peut poser tes questions...)
Pour une fois que c'est pas moi qui ralle XD
Pour l'écriture de la barre, je t'ai répondu dans la FAQ ;)
172NovaliaLundi 2 Janvier 2012 à 11:52xD bah, c'est vrai quoi !
j'en ai marre de 15 000 notifs pour des questions qui n'ont rien à voir >_<
174NovaliaLundi 2 Janvier 2012 à 13:44ouai mais non >_> c'est bien d'avoir des notifs, mais si vous demandez a chaque fois la même chose, c'est énervant, la faq est fait pour, alors svp T-T
175Jessica.VJeudi 21 Juin 2012 à 13:15Le tuto marche très bien par contre j'aimerai bien savoir ce qu'il faut faire parce que lorsque j'appuie sur la flèche pour cacher ma barre, un trait blanc apparaît en dessous?
et si il le faut, il ya a plusieurs colonnes ou on peut écrire. je ne sais pas si il faut mettre dans 1, 2, 3...
178alfea10Mardi 4 Décembre 2012 à 18:15bonsoir super votre blog
dite moi ok pour la barre du haut
maos peu ton changer la barre de defilement de lapga a droite
merci beaucoup
amicalement
Bonjour
merci pour ton blog de partage il est genial j'ai réussi a changer beaucoup de chose en css
j'ai une question
es possible de changer la police d'écriture de mon blog
si ou comment fair
j'ai chercher mais j'ai pas trouvé
merci d'avance
Bonjour! Je voudrais savoir comment "cacher" sa barre eklablog, comme sur ces blogs: http://morning-musume.ek.la/ ou http://kiefersutherlandfilmographie.ek.la/
Je voudrais savoir aussi comment enlever la sorte de barre blanche en haut (voir sur ce blog: http://juice-juice-france.ek.la/)
tres bien ton blog ont apprend pleins de chsose
j ai juste une question pourquoi j ai pas l icone comme toi le coeur sur mabarre de
d outils merci d avance pour la reponse
Salut Danyblue !
Le coeur, qui représente le favoris, peut être changé par une de tes images à toi (utilise un render de préférence),
enfin bon, tiens, voilà le liens de l'article : http://fanstasy-graph.eklablog.net/barre-d-outil-eklablog-a27443604
A la fin de l'article, il y a une explication sur les favoris (le coeur) ^^
Question ^^
Maintenant, l'interface a un peu changer : le logo Eklablog est a gauche et y'a une barre de séparation blanche dégueu que j'aimerais bien enlever, c'est possible d'avoir le code ?
Voilà le nouveau code pour enlever toutes les séparations, et les fonds bleu :
#menubar_section_content,
#menubar_section_appearance,
#menubar_section_interactions,
#menubar_section_manage,
#menubar_section_account,
#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%;
}
Génial je trouve plein de code pour : www.pc-th.id.st
Ticlo pour enlever le logo eklablog du menubar il faut taper :
#menubar_logo{display:none;}Pour retirer un élément en générale c'est sous cette forme comme pour les fleches hide du menubar :
#menubar_hide{diplay:none;}
Pour changer le favicon il faut avoir javascript activer, une fois fait noter dans un menu simple :
<script type="text/javascript">// <![CDATA[
var ico=document.getElementById ('favicon');
ico.href='http://gifs.toutimages.com/images/webmaster/icone/icone_028.gif';
// ]]></script>PS : Nagalia comment à tu fais pour déplacer " connexion, inscription, déconnexion " peux tu me donner ton code CSS ?
Bonjour, j'aimerais bien avoir une barre comme toi Nagalia, mais je n'ai pas trouvé, alors j'ai préféré te demander...
Alors, si tu pourrais me répondre, ça serait parfait. :3
Merci d'avance. :)
->Oui, cette barre d'outil (l'originale) est "horrible". :x
Au et ! Au passage, sur le côté rangé avec tes flèches, il y a une petite maison, (l'accueil).
J'aimerais avoir un résultat comme sur ce blog (avec le parapluie en bas) : ICI.
Tu n'aurais pas fais un tuto où tu ne pourrais pas me donner le CSS, ou HTML ? '-'
Merci, merci. :$
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.
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.
Grand merci par avance. J'aime les gens qui, comme toi, aident les autres moins doués.
Marie (alias Focales)
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 ^^
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)
Voilà, au final je t'ai pas trop aidé, mais bon xD
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
C'est un gros boulot de modifier la menubarre de cette façon, j'ai presque 200 line de code rien que pour ça ^^'
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.
Ajouter un commentaire
En gros, si on veut mettre une image comme toi on doit mettre
background-image: url("");
}
#menubar_section_appearance{
background-image: url("");
}
#menubar_section_interactions{
background-image: url("");
}
#menubar_section_manage{
background-image: url("");
}
#menubar_section_account{
background-image: url("");
}
#menubar_notifications{
background-image: url("");
}
Avec les bonnes url ?