• "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.


  • Commentaires

    1
    Samedi 3 Septembre 2011 à 20:27

    En gros, si on veut mettre une image comme toi on doit mettre 

    #menubar_section_content{
    background-imageurl("");
    }
    #menubar_section_appearance{
    background-imageurl("");
    }
    #menubar_section_interactions{
    background-imageurl("");
    }
    #menubar_section_manage{
    background-imageurl("");
    }
    #menubar_section_account{
    background-imageurl("");
    }
    #menubar_notifications{
    background-imageurl("");
    }


    Avec les bonnes url ?

    2
    Samedi 3 Septembre 2011 à 20:29

    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-imageurl("IMAGE");}

    Et c'est là que tu met l'url de ton image ( à la place d'IMAGE)

    3
    Samedi 3 Septembre 2011 à 20:30

    Aaaaaaaaah ok xD ! Merci !

    4
    Samedi 3 Septembre 2011 à 20:31

    De rien =D

    5
    Samedi 3 Septembre 2011 à 20:36

    J'ai mis ça :

     

    #menubar {background-imageurl("http://data0.ek.la/test-attitude/mod_article5354167_1.png?8474
    ");}



    Mais ça marche pas :O ! Je dois vraiment être nulle xD !

    6
    Samedi 3 Septembre 2011 à 20:40

    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-imageurl("http://data0.ek.la/test-attitude/mod_article5354167_1.png?8474");

    }

    7
    Samedi 3 Septembre 2011 à 20:44

    Ah peut être ! MAIS OUIIIII ! Attednd je vais tester xDD !

    ÇA MARCHE O.O !

    MERCIIII ! J'avais oublié U.U

    *pars au tribunal* GOOOMEN !

    8
    Samedi 3 Septembre 2011 à 20:47

    De rien =)

    9
    Jak-Ich_an Profil de Jak-Ich_an
    Dimanche 4 Septembre 2011 à 00:34

    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.

    10
    Dimanche 4 Septembre 2011 à 09:55

    et on met où le code? XD

    je connais rien et je pige rien. 

    11
    Dimanche 4 Septembre 2011 à 10:18

    Merci Jak-Ich_an

    @mama: Dans apparence => modifier le thème => CSS

    12
    Dimanche 4 Septembre 2011 à 10:21
    13
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 10:23

    Il me reste plus qu'à savoir comment on change la couleur du contour. :D

    14
    Dimanche 4 Septembre 2011 à 10:51
    15
    Jak-Ich_an Profil de Jak-Ich_an
    Dimanche 4 Septembre 2011 à 14:01

    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 ?

    16
    Dimanche 4 Septembre 2011 à 14:07

    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

    17
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 14:09

    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 ?

    18
    Dimanche 4 Septembre 2011 à 14:11

    Non ^^

    Celui de la barre Eklablog.

    19
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 14:13

    Regardez dans le code source de la page. ^^

    20
    Dimanche 4 Septembre 2011 à 14:14

    C'est ce que je fais, mais je trouve pas ou changer le "blanc" (je suis pas très clair XD)

    21
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 14:15

    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; }
    22
    Dimanche 4 Septembre 2011 à 14:17

    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

    23
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 14:19

    Nanou12 => Tu n'arriveras jamais jusqu'à la fin xD

    24
    Dimanche 4 Septembre 2011 à 14:19

    Attendez, j'explique mon problème (parce que j'ai déjà fouillé dans le code source):

    #menubar_section_content{background-imageurl("");}

    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-imageurl("IMAGE");}

    Je met une image a la place du bleu au survole. Mais impossible de modifier le reste --

     

    25
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 14:19

    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

    26
    Dimanche 4 Septembre 2011 à 14:20

    Sosso : Ça ne veux rien dire >o< !

     

    27
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 14:21

    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; }
    28
    Dimanche 4 Septembre 2011 à 14:23

    Sosso: T'es trop forte!

    29
    Dimanche 4 Septembre 2011 à 14:24

    Sosso1998 a donné le code x)

    Moi j'ai enlevé, le /*apparence barre options*/

    30
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 14:25

    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

    31
    Dimanche 4 Septembre 2011 à 14:26

    Parce que la plupart des gens qui trouve un code css sur ekla le partage pas --'

    Sosso: Fais des tuto de css! =D

    32
    Dimanche 4 Septembre 2011 à 14:30

    Oui ! Nagalia a raison ! Fait des tutos de CSS °0° !

    33
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 14:35
    34
    Dimanche 4 Septembre 2011 à 14:37

    XD moi par contre, faut vraiment que je fasse un tuto pour la présentation des articles. Je vais arranger ça.

    35
    Dimanche 4 Septembre 2011 à 14:38

    xDDDDDDDD

    36
    Dimanche 4 Septembre 2011 à 14:40

    Voilà

    37
    Dimanche 4 Septembre 2011 à 16:42

    Il ne reste plus qu'à trouver comment remplacer ces images par celle de notre choix :

    38
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 16:43

    Je suis pas sûre que ça soit pas possible mais je verras.

    39
    Dimanche 4 Septembre 2011 à 16:45

    Je pense que c'est possible, mais faut chercher

    En tout cas, bravo Sosso!

    40
    Dimanche 4 Septembre 2011 à 16:48

    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 ?

    41
    Dimanche 4 Septembre 2011 à 16:50

    Justement, je cherche ^^

    42
    Dimanche 4 Septembre 2011 à 17:00

    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");}

    43
    Dimanche 4 Septembre 2011 à 17:01

    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 ?

    44
    Dimanche 4 Septembre 2011 à 17:06

    Yep

    HTML,BODY{cursorurl("CURSEUR")auto;}

    Si tu as aussi fais pour les liens, rajoute ça:

    A:hover{cursorurl("CURSEUR LIEN")auto;}

    45
    Dimanche 4 Septembre 2011 à 17:07

    Oui j'ai un lien ^^

    Ça marche pas le code :(

    46
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 17:11

    Tu l'as bien mis entre guillemet ?

    47
    Dimanche 4 Septembre 2011 à 17:13

    A QUELLE NOUIIIILLE MOI XD ! Ça marche ! Merci Nagalia °0° !

     

    48
    Dimanche 4 Septembre 2011 à 17:14

    XD

    De rien

    49
    Dimanche 4 Septembre 2011 à 17:14
    50
    EtoileSosso Profil de EtoileSosso
    Dimanche 4 Septembre 2011 à 17:15

    Perso je me demande comment tu fais pour mettre un fond sous le machin de la flèche.

    51
    Dimanche 4 Septembre 2011 à 17:15

    Je mettrais de la lueur externe un peu partout plus tard xDDD !

    A+ :)

     

    MERCI POUR TOUT TOUT LE MOOONDEUUUH !

    52
    Dimanche 4 Septembre 2011 à 17:17

    Un fond sous le machin de la flèche ?

    53
    Dimanche 4 Septembre 2011 à 17:17

    De rien Nanou

    Sosso: J'ai mis de la couleur sous la flèche ^^'

    54
    Dimanche 4 Septembre 2011 à 17:20

    Ben y'a toujours moyen de modifier l'image de base de la flèche.

     

    55
    Lundi 5 Septembre 2011 à 13:09

    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 ^^').

    56
    Lundi 5 Septembre 2011 à 14:12

    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é.

    57
    Jak-Ich_an Profil de Jak-Ich_an
    Lundi 5 Septembre 2011 à 14:29

    Yeaaah ! Bien joué

    Merci beaucoup pour le CSS, et encore Bravo !

    58
    Lundi 5 Septembre 2011 à 14:31

    De rien =)

    59
    Lundi 5 Septembre 2011 à 15:42

    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.

    60
    Lundi 5 Septembre 2011 à 15:51

    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

    61
    Lundi 5 Septembre 2011 à 16:02

    Ouaip ^^
    Faudra poster tout ça dans Tutos Eklablog sur le forum officiel. C'est où que j'aurais du poster ? 

    62
    Lundi 5 Septembre 2011 à 16:26

    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 !

    63
    Lundi 5 Septembre 2011 à 16:52

    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 ^^'

    64
    Shuchu Profil de Shuchu
    Mercredi 14 Septembre 2011 à 22:42

    Merci! Sa m'a servie!

     

    65
    Jeudi 15 Septembre 2011 à 05:51

    De rien =)

    66
    Melle Lau Profil de Melle Lau
    Jeudi 22 Septembre 2011 à 22:25

    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...

    67
    Jeudi 22 Septembre 2011 à 22:30

    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 !

    68
    Jeudi 22 Septembre 2011 à 23:26

    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 ^^ 

    69
    EtoileSosso Profil de EtoileSosso
    Dimanche 25 Septembre 2011 à 12:19

    J'essaie de mettre une image derrière la flèche qui remet mais j'arrive pas.

    70
    Dimanche 25 Septembre 2011 à 12:21

    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.

    71
    EtoileSosso Profil de EtoileSosso
    Dimanche 25 Septembre 2011 à 12:23

    Beh sinon tu me dis comment t'as fait pour faire en sorte de ne pas enlever le menubar. ^^

    72
    Dimanche 25 Septembre 2011 à 12:24

    width: 0px;

    Width = largeur ;)

    73
    EtoileSosso Profil de EtoileSosso
    Dimanche 25 Septembre 2011 à 12:25
    74
    Dimanche 25 Septembre 2011 à 12:25

    Vous êtes trop fortes *p*

     

    Sosso : TU es une fille ou un gars ? ^^

    75
    EtoileSosso Profil de EtoileSosso
    Dimanche 25 Septembre 2011 à 12:29

    Une fille.

    76
    Dimanche 25 Septembre 2011 à 12:33

    Oki :3

    77
    oh my yéyé Profil de oh my yéyé
    Vendredi 30 Septembre 2011 à 08:11

    heu... j'ai peut être pas bien lu hein ^^' mais où est-ce-qu'on rentre ces codes là ? merci d'avance ;)

    78
    Vendredi 30 Septembre 2011 à 11:50

    @ kaiko-chuu : Apparence > Modifier le thème > Ajouter du CSS

    79
    Dimanche 2 Octobre 2011 à 14:00

    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 !

    80
    Dimanche 2 Octobre 2011 à 14:03

    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.

    81
    Dimanche 2 Octobre 2011 à 14:08

    Effectivement, si on rajoute ça, ça marche ;-) !
    C'était pour un essai sur mon blog de test. Merci !

    82
    Dimanche 2 Octobre 2011 à 14:14

    De rien =)

    83
    Lundi 3 Octobre 2011 à 17:51

    Bizarre...

    Bon, dans le premier code, il faut mettre } à la fin, pas )

    Tu peux aussi l'écrire comme ça:

    #menubar { background-imageurl("http://ekladata.com/r1IAgyxBK2sO1JKcRcPKGcxPht4.gif");
                      color: black;}

     J'ai testé, ça marche ;)

    84
    Lundi 3 Octobre 2011 à 18:19

    Oui, dans ce cas, tu utilise "background-color" pour mettre la couleur et "background-image: none" pour supprimer l'image de base.

    85
    Mardi 4 Octobre 2011 à 13:06

    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; }


    86
    Mardi 4 Octobre 2011 à 17:33

    Je crois que background-color n'existe pas.

    87
    Mardi 4 Octobre 2011 à 18:19

    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 :)

    88
    Mardi 4 Octobre 2011 à 18:23

    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 :)

    89
    Mardi 4 Octobre 2011 à 18:38

    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;}

    90
    gumitan
    Mercredi 5 Octobre 2011 à 20:37

    mais comment on fait pour enlevé la fleche les 2 ?

    91
    Mercredi 5 Octobre 2011 à 20:41

    Tout simplement:

    #menubar_hide{ width: 0px;}

    width = largeur

    92
    gumitan
    Mercredi 5 Octobre 2011 à 20:49

    merci!

    93
    Jeudi 6 Octobre 2011 à 20:10

    Cest 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!

     

     

    94
    Samedi 8 Octobre 2011 à 10:52

    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)

    95
    Samedi 8 Octobre 2011 à 10:53

    Essaye ça, si t'aimes pas ce rose, je peux te le changer ^^

     

    #menubar {color#ff61c5;}

    96
    Samedi 8 Octobre 2011 à 10:56

    OOoooooh pas bête wanou .O.

    97
    Kiwako Elodie Profil de Kiwako Elodie
    Dimanche 9 Octobre 2011 à 22:00

    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 :/

    98
    Kiwako Elodie Profil de Kiwako Elodie
    Dimanche 9 Octobre 2011 à 22:02

    Je peux avoir le code pour qu'il n'y ai pas la flèche?Comme sur ta barre?

     

    99
    Lundi 10 Octobre 2011 à 04:58

    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}

    100
    Samedi 15 Octobre 2011 à 19:19

    quelqu'un peut m'expliquer comment n enlève le eklablog? (trop pommé)

    101
    Samedi 15 Octobre 2011 à 19:21

    Moi je trouve que ça se fait pas trop d'enlever le logo, nan ? Enfin bon xD ! RDV Xat Mahô ? ^o^

    102
    Samedi 15 Octobre 2011 à 19:22

    OKI

    mais moi je met le lien autre part!

    103
    Hatsushio Profil de Hatsushio
    Samedi 15 Octobre 2011 à 20:58

    Sa m'aide vraiment... Bravo pour le tuto, je te tire mon chapeau... *smile*

    104
    Novalia
    Mercredi 19 Octobre 2011 à 19:11

    dites, moi j'ai photofiltre et pour les flèches, c'est pas terrible, quelqu'un serai volontaire pour me faire une flèche noir ?

    105
    Mercredi 19 Octobre 2011 à 19:17

    HAHAHAHAHAHAHAHAHAHAHA XDDDD

     

    106
    Novalia
    Mercredi 19 Octobre 2011 à 19:22

    ...? pourquoi ce rire ?

    107
    Mercredi 19 Octobre 2011 à 19:26

    J'aime tes centres d'interet 8D XDDD

    108
    Novalia
    Jeudi 20 Octobre 2011 à 19:40

    Bah quoi ? j'ai le droit de dire que vous êtes bien con de vouloire savoir mes centres d'intêrets...

    109
    Jeudi 20 Octobre 2011 à 21:01

    Je vais faire quelques trucs libre service pour le css samedi ;)

    110
    EtoileSosso Profil de EtoileSosso
    Vendredi 21 Octobre 2011 à 08:12

    C'est bientôt les vacances au moins. ^^

    Mais.... CET-APRES MIDI C'EST LE CROSS.

    111
    Novalia
    Vendredi 21 Octobre 2011 à 12:37

    Merci 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...

    112
    Novalia
    Vendredi 21 Octobre 2011 à 13:25

    bonne chance tout de même, et j'éspére que tu sera bien classée :O

    113
    EtoileSosso Profil de EtoileSosso
    Vendredi 21 Octobre 2011 à 17:30

    Je connais pas mon classement.

    114
    Novalia
    Samedi 22 Octobre 2011 à 16:32

    tu le saura un peu plus tard j'imagine !

    115
    Novalia
    Samedi 22 Octobre 2011 à 16:43

    mais 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...

    116
    Lundi 24 Octobre 2011 à 19:31

    Miiiiiiciii beaucoup :D

    117
    Mercredi 2 Novembre 2011 à 13:01

    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)

    EklaBlog<< Je voulais mettre ça à la place du favicon EklaBlog classique... Tu saurais comment on fait ça ?

    118
    Mercredi 2 Novembre 2011 à 13:03

    Ticloooo ! Moi je sais faire ! Viens ^^

    119
    Alish
    Samedi 5 Novembre 2011 à 11:17

    Huhu... j'arrive pas. ._.

    120
    Samedi 5 Novembre 2011 à 11:18

    Quel est le problème ? ^o^

    121
    Samedi 5 Novembre 2011 à 11:18

    ça c'est clair XD

    T'arrvie pas a quoi?

    122
    Alish
    Samedi 5 Novembre 2011 à 11:20

    A mettre un fond sur la barre. ToT J'ai essayer, modifiée, ect.. au moin 7 fois, mais pas moyen. %'D

    123
    EtoileSosso Profil de EtoileSosso
    Samedi 5 Novembre 2011 à 11:21

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

    Tu remplaces IMAGE par ton lien mais au revanche tu ne suppr pas les guillemets.

    124
    Alish
    Samedi 5 Novembre 2011 à 11:23

    Ben 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

    125
    EtoileSosso Profil de EtoileSosso
    Samedi 5 Novembre 2011 à 11:25

    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.

    126
    Samedi 5 Novembre 2011 à 11:25

    Tu fais clique droit sur une image et tu choisis "copier l'url de l'image" ou "copier l'adresse de l'image" (selon les navigateur" Ensuite, tu colle cet url a la place de IMAGE dans le code

    Mais je comprend pas le deuxième problème ^^'

    127
    Alish
    Samedi 5 Novembre 2011 à 11:29

    Ben 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'

    128
    Alish
    Samedi 5 Novembre 2011 à 11:33

    Ben 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

    129
    Samedi 5 Novembre 2011 à 11:34

    Tu utilise quel navigateur?

    130
    Alish
    Samedi 5 Novembre 2011 à 11:35

    Euh.. et bien... c'est quoi un navigateur ?

    *OMGG j'suis trop nulle en imformatique x'DD*

    131
    Samedi 5 Novembre 2011 à 11:36

    Pour aller sur internet, tu utilises internet explorer, mozilla firefox, google chrome... C'est ça des navigateur ;)

    132
    Samedi 5 Novembre 2011 à 11:37

    Firefox ? Safari ? Opéra ? Google Chrome ? Internet Exploreur ?

    133
    EtoileSosso Profil de EtoileSosso
    Samedi 5 Novembre 2011 à 11:38

    Je crois que Liana s'est fait dépasser niveau incultisme. xD

    Si tu utilises internet explorer c'est normal que ça marche pas.

    134
    Alish
    Samedi 5 Novembre 2011 à 11:39

    Ah okay ! Merc à vous. Euh c'est internet exploreur

    135
    Samedi 5 Novembre 2011 à 11:40

    Un conseil Devilish: Change de navigateur. Y a rien de pire qu'IE pour les code ^^'

    136
    Alish
    Samedi 5 Novembre 2011 à 11:40

    Okay, j'suis dessu, ça explique. u___u Pourquoi moi ? %'D

    137
    Alish
    Samedi 5 Novembre 2011 à 11:41

    Ouai 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))

    138
    EtoileSosso Profil de EtoileSosso
    Samedi 5 Novembre 2011 à 11:42

    Parce que t'as pris ça. :D

    mimille => Pauvre touche C il sert beaucoup pourtant. =/

    139
    EtoileSosso Profil de EtoileSosso
    Samedi 5 Novembre 2011 à 11:42

    Oui ça marche super bien.

    140
    Samedi 5 Novembre 2011 à 11:43

    @mimille => t'as changer quoi pour les notifications?

    141
    Alish
    Samedi 5 Novembre 2011 à 11:46

    Mouai 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

    142
    Samedi 5 Novembre 2011 à 11:49
    143
    Lundi 7 Novembre 2011 à 21:53

    et pour modifier le profil d'un visiteurs du blog  .comme vous voyer   la barre

    144
    Lundi 7 Novembre 2011 à 21:54

    merci d'avance

     

    145
    Lundi 7 Novembre 2011 à 21:57

    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

    146
    Lundi 7 Novembre 2011 à 21:58

    merci

     

    147
    Vendredi 11 Novembre 2011 à 23:25
    148
    Samedi 12 Novembre 2011 à 13:31

    merci nagalia

    149
    Samedi 12 Novembre 2011 à 14:13

    De rien =)

    150
    kagura-sama Profil de kagura-sama
    Dimanche 13 Novembre 2011 à 19:42

    dsl mais j'arrive vraiment pas et je sais pas pourquoi je voudrai mettre cette image:

     

    Merci d'avance! ^^

    151
    Dimanche 13 Novembre 2011 à 21:29

    Tu tu peux me montrer ton code?

    152
    kagura-sama Profil de kagura-sama
    Mercredi 16 Novembre 2011 à 13:50

    non mais c'est bon laisse tomber !

     

    merci quand meme

     

    153
    Dimanche 4 Décembre 2011 à 19:02

    Quel est le Css pour mettre un trait ou une ombre come ici par exemble ?><

    154
    Dimanche 4 Décembre 2011 à 19:07

    Pour une ombre, il faut utiliser la propiété "box-shadow":

    #menubar {box-shadow: valeur;}

    C'est expliqué ICI ;)

    155
    Dimanche 4 Décembre 2011 à 19:10

    Merci ! ^^

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    156
    Samedi 17 Décembre 2011 à 16:30

    Nagalia j'ai pas trouver comment modifier la liste (quand je clique sur un onlet (apparence mon compte...))

    158
    Shuchu Profil de Shuchu
    Samedi 17 Décembre 2011 à 16:47
    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 %D
    159
    Samedi 17 Décembre 2011 à 16:51

    Y a la FAQ pour ça ;)

    J'utilise hosting pics en général moi

    160
    Samedi 17 Décembre 2011 à 17:10

    merci t'es hyper gentil

    161
    Dimanche 18 Décembre 2011 à 12:50

    De rien =)

    162
    Dimanche 18 Décembre 2011 à 13:12

    Oh croos je suis arriver 20 eme sur 150 :)

    163
    Sea
    Dimanche 18 Décembre 2011 à 15:25

    bonjour 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!

     

    164
    Dimanche 18 Décembre 2011 à 15:31

    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é ;)

    165
    Sea
    Dimanche 18 Décembre 2011 à 15:37

    Je sais cela mais je l'ai vu dans un commentaire, est je le suis a la recherche;

    166
    Lundi 2 Janvier 2012 à 09:08

    Coucou!Juste,comment on regle la taille de lecriture?

    167
    Lundi 2 Janvier 2012 à 09:14

    A 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?

    168
    Novalia
    Lundi 2 Janvier 2012 à 11:36

    si 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...)

    169
    Lundi 2 Janvier 2012 à 11:42

    Oui ,mais la taie de l'ecriture de la barre

    170
    Lundi 2 Janvier 2012 à 11:44

    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 ;)

    171
    Lundi 2 Janvier 2012 à 11:45

    d'acord ùmerci

    172
    Novalia
    Lundi 2 Janvier 2012 à 11:52

    xD bah, c'est vrai quoi !

    j'en ai marre de 15 000 notifs pour des questions qui n'ont rien à voir >_<

    173
    Lundi 2 Janvier 2012 à 13:41

    Tu vas en bas et tu décoche la case:"me prevenir par mail en cas de reponse

    174
    Novalia
    Lundi 2 Janvier 2012 à 13:44

    ouai 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

    175
    Jessica.V
    Jeudi 21 Juin 2012 à 13:15

    Le 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?

    176
    Samedi 8 Septembre 2012 à 18:25

    mais tous ces codes là il faut les mettre dans CSS ?

    177
    Samedi 8 Septembre 2012 à 18:27

    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...

    178
    alfea10
    Mardi 4 Décembre 2012 à 18:15

    bonsoir 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

    179
    Jeudi 28 Mars 2013 à 13:48

    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

    180
    KitsuChan Profil de KitsuChan
    Dimanche 12 Mai 2013 à 14:12

    Bonjour! Je voudrais savoir comment "cacher" sa barre eklablog, comme sur ces blogs: http://morning-musume.ek.la/   ou     http://kiefersutherlandfilmographie.ek.la/

    181
    KitsuChan Profil de KitsuChan
    Dimanche 12 Mai 2013 à 17:05

    Oui! Merci beaucoup!!!

    182
    KitsuChan Profil de KitsuChan
    Vendredi 17 Mai 2013 à 18:07

    Je voudrais savoir aussi comment enlever la sorte de barre blanche en haut (voir sur ce blog: http://juice-juice-france.ek.la/)

    183
    Lundi 4 Novembre 2013 à 22:15

    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

    184
    Mercredi 6 Novembre 2013 à 14:48

    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) ^^

    185
    Vendredi 6 Décembre 2013 à 21:23

    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 ?

    186
    Samedi 7 Décembre 2013 à 18:42

    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%; 

    187
    Dimanche 8 Décembre 2013 à 09:31

    Okey merchiii :3

    188
    Dimanche 4 Mai 2014 à 11:31

    Merci beaucoup !!

    189
    Lundi 30 Juin 2014 à 18:49

    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 ?

    190
    Samedi 11 Octobre 2014 à 16:30

    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. :$

    191
    Vendredi 12 Décembre 2014 à 10:17

    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)

    192
    Mercredi 14 Octobre 2015 à 21:45

    Et excuse moi il y a un css pour enlever la barre comme toi ? ^^

    193
    Jeudi 15 Octobre 2015 à 20:31

    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

    194
    Vendredi 16 Octobre 2015 à 19:42

    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

    195
    Vendredi 16 Octobre 2015 à 19:51

    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.

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :