• Besoin d'un code ? (2)

    Etant donné que l'autre article commence à etre très long à charger lorsqu'on cherche a lire les commentaire, j'en crée un deuxieme suite à une demande. Vous pouvez donc posez vos questions ici egalement.

    EDIT : Les commentaires de cet article sont très, très nombreux. Votre page prendra du temps à tous les charger un par un. Si vous souhaitez faire une nouvelle demande, merci de la poser dans l'article suivant.


    Tags Tags : , , , ,
  • Commentaires

    655
    Jeudi 13 Octobre 2016 à 18:37

    Bonjour :3,

    je voudrai bien savoir comment changer le texte comme ça:

    http://baw.eklablog.com/textes-effets-html-css-c28886150

    mais avec des autres lettre et aussi comment tu a fait pour faire ça ?

     

    voilà et merci !

    654
    Vendredi 30 Octobre 2015 à 18:46

    Bonjoooour !

    J'essaye, mais sans succès, de faire un espace membre en JavaScript pour mon blog.

    J'ai plus ou moins réussis, sans code, mais le system est VRAIMENT pas terrible.

    Il faudrait que le membre ai un mot de passe juste pour mon blog, et qu'il puisse par exemple éditer une galerie. Le meilleur serait qu'il puisse modifier son profil, avec un avatar par exemple.

    Je te remerci de ta réponse.

      • Samedi 31 Octobre 2015 à 10:53

        Merci quand même, je vais d'abord demander à Papasti et je verrais pour Nagalia après.

        Bonne journée !

      • Vendredi 30 Octobre 2015 à 21:34

        Bonsoir Jaspe, malheureusement, mes connaissances se limitent au HTML et au CSS ! Le javascript et moi, ça fait deux, je dois dire. Je crains ne pas pouvoir t'aider et je m'en excuse. ;; Je te conseillerais toutefois d'essayer de t'adresser à Papasti soit par MP, soit via son blog, ou encore Nagalia, qui, eux, te seront très certainement d'une meilleure aide !

    653
    Jeudi 24 Septembre 2015 à 23:21

    Bonsoir ! Pour commencer, permets-moi de te renvoyer vers certains articles de ce blog qui pourraient te guider dans la modification de ta barre de navigation :

    1. http://portfolio.ek.la/barre-de-navigation-a5874897
    2. http://portfolio.ek.la/fond-des-sous-menus-a17695675
    3. http://portfolio.ek.la/fleches-barre-nav-a17695427

    Une fois que tu auras fait le tour de ces articles, n'hésite pas à revenir poster un commentaire si tu souhaites faire une modification supplémentaire qui n'aurait pas été mentionnée dans les articles !

    652
    Jeudi 24 Septembre 2015 à 13:46

    comment faire pour changer complètement la barre d'outils d'eklablog ? j'ai beau chercher mais je ne trouve pas un blog qui explique vraiment toutes les étapes et toutes les modifications qu'on peut y apporter ( par exmpl réduire la taille, changer la couleur, la mettre en transparence, modifier l'icone de pseudo dans la barre, modifier la police, enlever les imperfections des petites traits qui restent en modifiant .... ) j'ai besoin de tout sa mais j'arrive pas a le faire .. 

    651
    Mercredi 23 Septembre 2015 à 19:59

    De ce que je vois, le seul code dont tu aurais besoin pour créer un menu ressemblant à celui de ton exemple serait celui qui permet d'afficher du texte par-dessus l'image à son survol. Le reste, c'est-à-dire l'image et les liens sous l'image, peut se faire très facilement dans un module simple dans ton menu via Apparence > Gérer les menus > Ajouter un module

    Il se peut toutefois que tu ne souhaites pas que ce « module » fasse partie intégrante de ton menu, auquel cas il faut le faire de A à Z avec un petit peu de HTML et de CSS ! Ta question concerne-t-elle plutôt ce second cas ?

    650
    Mercredi 23 Septembre 2015 à 14:25

    J'ai besoin du code comme pour se module à gauche ^^ http://shadow-cloroful-universe.ek.la/ 

    649
    Mercredi 23 Septembre 2015 à 13:14

    Ok merci ! 

    648
    Mardi 22 Septembre 2015 à 23:05

    Bonsoir à tous, et mes excuses pour le retard !

    @Asuuki : Le blog n'existe plus, ce qui ne m'étonne pas étant donné le temps qui s'est écoulé entre ta demande et aujourd'hui, vraiment désolée ;;

    @Kilami- : Essaie donc d'ajouter le code suivant dans ton CSS :
    .module_menu_contenu_block > form br { display: none }

    @Intensity : Après un petit tour rapide sur ton blog, je présume que tu as pu trouver la réponse à ta question ! ^^

    647
    Mardi 15 Septembre 2015 à 16:28

    Un code pour mettre un module à côté à gauche s'il te plais ^^

    646
    Lundi 31 Août 2015 à 13:22

    Bonjour, est-ce qu'il est possible sous la shoutbox de mettre le bouton d'envoie a côté de la barre de saisie avec un code ? Merci d'avance !

    645
    Samedi 22 Août 2015 à 19:28

    Voilà:

    http://asuuki.eklablog.com/

    (Je ne veux pas risquer de faire des actions comme ça x3)

    je t'ai mit la perm'3

    Merci d'avance-

    644
    Samedi 22 Août 2015 à 19:27

    Voilà:

    http://asuuki.eklablog.com/

    (Je ne veux pas risquer de faire des actions x3)

    Merci d'avance-

    643
    Samedi 22 Août 2015 à 13:46

    Si ta demande est toujours valable, peux-tu m'envoyer le lien du blog où tu souhaites faire cette action ?

    642
    Samedi 15 Août 2015 à 19:15

    Salut, j'ai un menue qui pronds trop de place et ça me dérenge trop, j'aimerais que tu me donne un code qui devrais le cacher en derière la page, et que juste en touchont avec la sourit, ça sors.

                                              Merci de me raipondre^^

    641
    Samedi 9 Mai 2015 à 13:20

    quel est le code pour deplacer les derniers comentaires sur le header et les rapetisser???

    merci

    640
    Mercredi 22 Avril 2015 à 09:49

    Pourquoi merci ?

    639
    Mardi 21 Avril 2015 à 22:33

    Ok! Merci ^^

    638
    Mardi 21 Avril 2015 à 16:33

    Merci c'est gentil

    637
    Mardi 21 Avril 2015 à 16:26

    @Hazuki : Bonjour ! Je te renvoie vers ce très bon tutoriel, attention, il faut que le javascript soit activé sur ton compte !

    @asladjimi : Ajoute ceci dans ta feuille CSS :
    .module_contenu { border-radius: 20px; }

    20px est le degré d'arrondissement de tes angles, tu peux le changer à ta guise.

    636
    Lundi 20 Avril 2015 à 19:23

    et aussi as tu un code pour un arrondissement sur les cotés d'un article

    635
    Lundi 20 Avril 2015 à 19:20

    Bonjour,

    Je voudrais quel est le CSS pour changer de police à part ceux qui sont suggérer.

    Merci ^^

    634
    Lundi 20 Avril 2015 à 19:09

    hum.... Je me rappelle plus trop du blog enfaite

    633
    Lundi 20 Avril 2015 à 18:53
    Puis-je avoir un exemple ?
    632
    Lundi 20 Avril 2015 à 16:50

    quel est le code pour mettre les rubrique dans le menu du header sous forme de rond ?

    631
    Dimanche 19 Avril 2015 à 16:04

    Il n'est malheureusement pas possible non plus de choisir de n'afficher que quelques éléments de la barre de menu.

    630
    Dimanche 19 Avril 2015 à 15:47

    non juste garder connection et inscription cest tout et profile

    629
    Dimanche 19 Avril 2015 à 08:56

    Bonjour vincedu30,
    À moins d'utiliser la version payante d'eklablog, il est impossible d'enlever complétement cette barre ! Vous pouvez cependant la rendre invisible et ne la laisser apparaître qu'au survol en ajoutant le code ci-dessous dans Apparence > Modifier le thème > Ajouter du CSS :

    #menubar { opacity: 0; }
    #menubar:hover { opacity: 1; }

    628
    Samedi 18 Avril 2015 à 20:46

    bonjour vous auriez pas un code html ou css pour faire disparaitre la barre d outil d eklablog pour les visiteur et les membre juste les admn et modo peuve le voir merci si vous ete createur de code je pensse que vous y arriveraii

    627
    Samedi 14 Février 2015 à 14:15

    Mélou : Pour ce qui est de ta question, il a deux alternatives possibles. Celle en HTML (fait exprès pour tes menus) : http://portfolio.ek.la/ecrire-du-texte-sur-un-fond-colore-c1001205

    Ou alors en utilisant l'éditeur Eklablog (a côté de la couleur de la police d'écriture, tu as 'couleur du surlingage') :)

    626
    Samedi 14 Février 2015 à 14:11

    Coucou ^^

    J'aurais une petite question:

    Comment faire pour mettre des carrés autour des lins dans un menu, comme ici

    625
    Samedi 24 Janvier 2015 à 02:47

    Bonjour! Je voudrais savoir quel est le code de :

    - D'habitude c'est comme ça :

    http://ekladata.com/1Oz8vbu-B-3gsLvLZvario_03iE.png

    - Mais si tu le survole,c'est comme ça :

    http://ekladata.com/mhLu3avImBuWjVvshrugjWU7yj4.png

    Merci d'avance  ! :)

    624
    Mardi 16 Décembre 2014 à 19:59

    Bonjour, J'aurais besoin d'un code pour mettre mes visiteur en tout petit et rond comme sur ce blog :
    http://thefilipaworld.eklablog.com/

    Mais je ne souhaite pas le mettre dans mon header, juste le laisser a sa place mais comme je l'ai dit en haut.

    Mais j'aurais aussi besoin d'un code pour enlever l'espace dans mon menu, l'espace entre chaque lien, aussi un code pour qu'il y ait une transition de couleur quand on survole un lien des menus ( celui a droite)

    Merci d'avance :)

    623
    Dimanche 9 Novembre 2014 à 14:28

    Bonjour ! J'avais quelques questions concernant donc mes codes ;)

    ♦ Comment puis-je 'coller' mon menu au bas de la page ? (comme sur ce site (www))

    ♦ Dans le menu du header, je sais mettre les '/' avec mais #menu a:after {content: "/";} comment les espacer pour faire en sorte qu'elles soient bien droites ?

    ♦ Comment, dans le pied de page, ajouter du texte (avec ​#footer a:before{content: "(c) LE BLOG D'UNE INDOFAN | THEME PAR QUEEN PARAMOUNT";}) mais enlever les liens qui s'y trouvent ?

    ♦ Comment puis-je enlever la petite loupe de la barre rechercher et la petite lettre du module newsletter .0. ♥ ?

    Est-ce nécessaire de déplacer un module ?

    Merci d'avance ♥ !

    622
    Dimanche 12 Octobre 2014 à 22:05

    Hey ! J'aurais besoin d'un code permettant lors du survole d'une image d'afficher un texte sur celle-ci en lui baissant l'opacité. Je sais pas si c'est clair. :') Je suis désolée de ne pas avoir un lien vers un blog pour pouvoir te montrer l'effet... J'espère que tu comprendras, merci d'avance !

    621
    Celebrendal
    Jeudi 2 Octobre 2014 à 06:10

    Je voudrais mettre ce gift :

    http://en.bloggif.com/output/e/a/eab0f9a26b422fc5a32b7509ed360d3a.gif?1412220173
    dsl pour que ce soit dans un commentaire séparer

    620
    Celebrendal
    Jeudi 2 Octobre 2014 à 04:01

    Bonjours, J'aimerais également savoir comment rajouter un gift ou video (tout en gardant l'image de profil) dans ma page tumblr un peu comme celui-ci http://chubby-wubby.tumblr.com/ (dans sa colone) et j'aimerais que mon nom '' celebrendal'' et mon image de ''profil'' soit plus haute dans ma page comment est ce que je peu faire cela?http://celebrendal.tumblr.com/ merci!!

    Oh et merci pour votre aide la dernière fois cela à très bien fonctionner! ♥

    619
    Mercredi 1er Octobre 2014 à 20:25

    Bonjour! J'aimerais savoir si quelqu'un a un code pour avoir les menus de l'header fixe comme la barre Eklablog avec notre profil et tout.

    Merci si quelqu'un a la réponse ...

    618
    Lundi 29 Septembre 2014 à 13:15

    Merci beaucoup ! C'est ce que je voulais. Merci Mikuru ♥

    617
    Dimanche 28 Septembre 2014 à 19:19

    Bonsoir Young Girl !
    J'imagine que c'est de ce blog-là dont tu me parles ? À ce que je vois, il n'est pas centré et doit probablement être positionné en fonction du bord gauche de ta page. Si tel est le cas, alors il ne devrait pas y avoir de problème d'adaptation au niveau des écrans. Il te suffit de positionner ton menu par rapport au bord gauche du blog.

    HTML :
    <div id="menunav2"><img src="http://ekladata.com/21QNfq6SWTu5ywdLTG9VzXAG3yc@180x251.png" alt="" width="180" height="251" /><a href="/">Lien 1</a><a href="/">Lien 2</a><a href="/">Lien 3</a><a href="/">Lien 4</a><a href="/">Lien 5</a></div>

    CSS :
    #menunav2 {
        position: absolute;
        top: 0px; /*Distance entre le bord supérieur de la page et ton menu*/
        left: 0px; /*Distance entre le bord gauche de la page et ton menu*/
        width: 250px; /*Largeur de l'ensemble de ton menu*/
    }
    #menunav2 img {
        float: left;
        margin-right: 5px;
    }
    #menunav2 a {
        background-color: black; /*Couleur de fond des liens*/
        display: block;
        padding: 2px;
        margin-bottom: 3px;
    }

    Cela te convient-il ?

    616
    Mercredi 24 Septembre 2014 à 21:49

    Bonjour, bonsoir !

    Sachant que tu m'a déjà aider, je suis vraiment désolée de t'embêter une deuxième fois. J'ai une petite idée en tête mais j'aimerais bien la réaliser. C'est simple, j'ai un blog RPG et j'aimerais avoir deux menus. Un pour les lieux et un deuxième pour la navigation (avec les inscriptions et tout ça ...). Le menu pour les lieux je compte me débrouiller seule mais pour le deuxième j'aimerais qu'il a une mise en page particulière.

    Donc déjà le premier menu est à gauche pas de souci. Le deuxième menu (pour la navigation) j'aimerais qu'il soit a droite, fixe et à la même hauteur que le header. C'est à dire que je le veux comme ceci (petit schéma) :

    Et j'aimerais que sa soit adapter à tout les écrans.

    Revenons sur le Menu 2 :

    Sur ce menu 2 il y a une image qui est celle ci :

    Et j'aimerais que à droite de l'image, il y a au moins 5 petit blocs avec dedans les liens de navigations.

    A la fin, ça donne ceci :

    Je crois que c'est tout.

    Donc 100000x MERCI pour tes recherches et ton aide. 

    C'est formidable. Et si tu n'y arrive pas c'est pas bien grave je me débrouillerais moi même ^^ !

    Oui c'est compliqué ce que je te demande >.<

    615
    Samedi 20 Septembre 2014 à 10:50

    Pour la permission, c'est bon. Pour l'image c'est :

    200*150

    614
    Vendredi 19 Septembre 2014 à 22:05

    Bonjour Young Girl ! Je pense avoir compris ce que tu voulais. Alors, j'aurais besoin d'accéder à ton blog et également de l'image de ton petit onglet "Memories" en taille réelle, si tu n'y vois pas d'inconvénient !

    613
    Mardi 16 Septembre 2014 à 13:43

    Merci Mikuru tu rends un service formidable a beaucoup de blogueurs. ♥

    Dès gens comme toi, il n'y en a pas 100. Merci, tu es formidable :)

    612
    Mardi 16 Septembre 2014 à 13:40

    Bonjour Mikuru !

    Sur mon blog (Memories) Il y a un menu tout a gauche. 

    Accueil

    Comme ceci. Vu qu'il prend "un peu" trop de place j'ai décidé de l'enlever. Mais d'une manière un peu compliqué.

    Accueil

    La bande beige est une partie du menu. Dès qu'on la survole le menu apparait comme par magie. En fait il est caché a gauche et sur la fênetre n'apparait que une bande beige avec écrit "Memories". Dès qu'on survole avec la souris la bande beige. Pouf le menu apparait en transition.

    C'est assez compliqué, désolée ^^"

    611
    Lundi 8 Septembre 2014 à 21:45
    Merci beaucoup! Ouii c'était tout bete j'ai juste utiliser le module mais au dessus du code :)
    610
    Lundi 8 Septembre 2014 à 19:28

    @ Celebrendal : Si j'ai bien compris, tu souhaites faire ça sur tumblr ? Alors, le mieux serait de rajouter ceci juste après la balise </content> de ton thème, il s'agit du code utilisé sur ton blog d'exemple :

    <img style="position: fixed; max-height: 100%; max-width: 500px; right:0px; bottom:0px; z-index: 9999;" src="urldetonimage.png">

    500px à remplacer par la largeur de ton image. Ici, z-index indique la profondeur et donc plus le chiffre sera grand, plus l'image sera mis en avant (dans ce cas précis, elle va passer par dessus tous les éléments). Tu peux réduire cette valeur et même la rendre négative si tu souhaites faire passer ton image en dessous de tes billets !

    @ Jö Kê : Je crois que tu as trouvé ta solution mais, dans tous les cas la meilleure façon de cacher un module, c'est de le mettre dans un menu que tu n'utilises pas et de donner une largeur de 0 à ce menu !

    609
    Lundi 8 Septembre 2014 à 11:41

    Coucou Mikuru!

    Tu as donné un code à Kisa :

    <div id="side">&Eacute;crivez votre texte...</div>

    CSS :

    #side {
        background-color: black;
        position: absolute;
        left: -220px;
        width: 200px;
        padding: 10px;
        height: 300px;
        border-right: 10px solid;
        transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }
    #side:hover {
        left: 0;
    }
     

    Que j'ai utilisé et qui a marché mais j'aimerais cacher le module simple car il ne me sert à rien, tu saurais comment faire s'il te plait?

    608
    Celebrendal
    Mardi 2 Septembre 2014 à 21:40

    Bonjours, j'ai une petite question. J'aimerais pouvoir avoir une image en fond fixe et rajouter une image par dessus qui peu même aller par dessus mes billets de tumblr. (je ne sais pas si je suis claire)  Comme s'il avait un fond et cette image par dessus! (la deuxième image serais un dessin de personnage) J'espère je suis claire sur ma demande haha merci d'avance! ( une genre de Banière) voici un exemple http://hanasmabiblog.tumblr.com/

    607
    Mardi 2 Septembre 2014 à 17:34

    Effectivement, il y avait un conflit avec un autre code qui empêchait donc ton module de sortir du menu. C'est corrigé. Insères donc ce code-là dans ton CSS pour les visiteurs :

    li#module_menu142560112 {
        left: 50%;
        margin-left: -100px; /*Valeur à modifier en fonction de l'emplacement que tu souhaites*/
        position: absolute;
        top: 0; /*Distance entre le haut de ton blog et le module*/
        width: 200px;
    }

    Ensuite, pour la barre de navigation, utilise ce code-là :

    #menubar {
    opacity: 0.7; /*Tu peux modifier cette valeur entre 0 et 1 à ta guise*/
    transition : all 600ms ease;
    -moz-transition : all 600ms ease;
    -webkit-transition : all 600ms ease;
    }

    #menubar:hover {
    opacity: 1;
    }

    606
    Lundi 1er Septembre 2014 à 21:36

    ok merci (je suis bète...) Je t'ai mis administrateur :)

    605
    Lundi 1er Septembre 2014 à 20:30

    C'est là où l'on insère les codes ; Apparence > Modifier le thème > Ajouter du CSS
    Pour me donner l'accès à ton blog, il te suffit de te rendre dans Configuration > Permissions puis m'ajouter en tant qu'administrateur le temps que je consulte ta feuille et que j'y ajoute les codes demandés !

    604
    Lundi 1er Septembre 2014 à 18:40

    O_O oui bien sûr... désolé mais c'est quoi ma feuille CSS ?

    603
    Lundi 1er Septembre 2014 à 17:44

    Je rencontre quelques problèmes pour ton module des derniers visiteurs, pourrais-je avoir accès à ta feuille CSS ?

    602
    Lundi 1er Septembre 2014 à 11:13

    Bonjour,
    Peux tu me donné un code pour mettre les visiteurs en rond, petit et sur le côté de mon header ? stp
    Et aussi pour que la barre eklablog soit un peu transparente. merci :)

    601
    Vendredi 22 Août 2014 à 19:33

    Ce n'est pas grave je n'en ai plus besoin, merci quand même

    600
    Vendredi 22 Août 2014 à 19:22

    Je ne vois malheureusement pas de photos ! ;;

    599
    Dimanche 17 Août 2014 à 12:05

    He bien, j'aimerais un code pour réaliser un menu de ce type :

    Si tu as un code pour.... ^^"

     

    ET sinon, mon autre demande était de savoir si tu avais un code pour la lueur sur les boutons comme ceci :

    Avant :

    Après :

    Merci de ton aide ! :3

    Arye.

     

    598
    Samedi 16 Août 2014 à 20:41

    Pourrais-tu me repréciser ce que tu souhaites exactement avec des images ?

    597
    Samedi 16 Août 2014 à 18:59

    Je suis désolée mais aucun des deux codes ne m'intéresses, gomen mais ce ne sont pas les bons !

    596
    Samedi 16 Août 2014 à 18:48

    Merci beaucoup, je vais tester ça tout de suite ! >3<

    595
    Samedi 16 Août 2014 à 18:45

    Bonjour Arye !

    Je te propose ceci pour le premier menu, à insérer dans ton CSS :

    .tete {
        background-color: red; /*Fond du titre*/
        display: block;
        width: 200px; /*Largeur de ton menu*/
        height: 19px; /*Hauteur du menu à l'état normal*/
        overflow: hidden;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

    .tete p { margin: 4px; }
    .tete:hover { height: 73px; /*Hauteur du menu au survol*/ }

    .corps p {
        margin: 0 !important;
        padding: 2px;
        background-color: blue; /*Fond du contenu*/
    }


    En plus de ça, à mettre dans l'HTML de ton module :

    <div class="tete">
    <p>Navigation</p>
    <div class="corps">
    <p>Lien 1</p>
    <p>Lien 2</p>
    <p>Lien 3</p>
    </div>
    </div>

    Au niveau du second blog, je ne vois pas vraiment de quelle lueur tu parles (car je n'en vois pas) mais d'après ce que tu me décris, j'en déduis que tu es à la recherche du code CSS suivant :

    #menu a:hover { text-shadow: white 0.1em 0.1em 0.2em; }

    Je m'excuse par avance si ce n'est pas ce que tu demandais ! ;;

    594
    Samedi 16 Août 2014 à 13:30

    Konnichi-wa ! ^^

    J'aimerais savoir si tu connais le code pour réaliser un menu comme celui-ci : Ici en haut à gauche...

    Merci de ton aide !

    AH, oui, aussi, est ce que tu saurais comment fais t'on pour obtenir une lueur aux menus survolés comme Ici , tout en haut.

    Arigatooo gozaimasu !

    593
    Dimanche 10 Août 2014 à 06:23

    EDIT : c'est bon en fait !

    592
    Jeudi 7 Août 2014 à 03:27

    Merci beaucoup je test ça demain et je te tiens au courent

    591
    Mercredi 6 Août 2014 à 23:59

    @Naff : C'est tout bon !

    @Crisis-Fansub : J'ai donc fini par trouver une alternative ! En espérant que cela te convienne, je te propose les codes suivants :

    CSS :

    #progress { margin: 0 auto; }
    .graph {
                    width: 200px;
                    height: 20px;
                    border: 1px solid #888;
                    background: rgb(168,168,168);
                    background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 23%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(23%,rgba(204,204,204,1)));
                    background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                    background: -o-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                    background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
                    background: linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                    position: relative;
                }
                #bar {
                    height: 19px;
                    background: rgb(150, 202, 45);
                    background: -moz-linear-gradient(top, rgba(150, 202, 45, 1) 0%, rgba(100, 142, 16, 1) 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(150, 202, 45, 1)));
                    background: -webkit-linear-gradient(top, rgba(150, 202, 45, 1) 0%,rgba(100, 142, 16, 1) 100%);
                    background: -o-linear-gradient(top, rgba(150, 202, 45, 1) 0%,rgba(100, 142, 16, 1) 100%);
                    background: -ms-linear-gradient(top, rgba(150, 202, 45, 1) 0%,rgba(100, 142, 16, 1) 100%);
                    background: linear-gradient(top, rgba(150, 202, 45, 1) 0%,rgba(100, 142, 16, 1) 100%);
                    border-top: 1px solid #fceabb;
                }
                #bar p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 20px; }


    HTML :

    <div style="margin: 0 auto; margin-top: 5px; width: 191px;">
    <div class="quotetitle"><input style="margin: 0; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" src="http://ekladata.com/by-o3enh-WU3uD83a3Y2kk-Ovdo@191x114.png" type="image" value="Afficher" /></div>
    <div class="quotecontent">
    <div style="display: none;">
    <p style="text-align: center;"><strong>Traduction</strong></p>
    <div id="progress" class="graph">
    <div id="bar" style="width: 98%;">
    <p>98%</p>
    </div>
    </div>
    <p style="text-align: center;"><strong>Timing</strong></p>
    <div id="progress" class="graph">
    <div id="bar" style="width: 75%;">
    <p>75%</p>
    </div>
    </div>
    <p style="text-align: center;"><strong>Edit</strong></p>
    <div id="progress" class="graph">
    <div id="bar" style="width: 65%;">
    <p>65%</p>
    </div>
    </div>
    <p style="text-align: center;"><strong>Qcheck</strong></p>
    <div id="progress" class="graph">
    <div id="bar" style="width: 0%;">
    <p>0%</p>
    </div>
    </div>
    <p style="text-align: center;"><strong>Encodage</strong></p>
    <div id="progress" class="graph">
    <div id="bar" style="width: 0%;">
    <p>0%</p>
    </div>
    </div>
    <p style="text-align: center;"><strong>Upload</strong></p>
    <div id="progress" class="graph">
    <div id="bar" style="width: 0%;">
    <p>0%</p>
    </div>
    </div>
    </div>
    </div>
    </div>

    590
    Vendredi 1er Août 2014 à 21:07

    Hello :3 ! J'aurais besoin de ton aide Mikuru, étant donné que tu as toujours la permission 3 sur ce blog, pourrais-tu repositionner le "Kuroe" et "Luna", qui est censé être en bas à droite dans la bannière s'il te plaît ?

    Comme ceci :

    589
    Jeudi 31 Juillet 2014 à 23:33

    voila le code en question, mes barres apparaisse même plus meme quand je remet mon tout premier code .... a l'aide ^^

    <p><a onclick="this.nextSibling.style.display=((this.nextSibling.style.display=='none')?'':'none');"><img src="http://ekladata.com/by-o3enh-WU3uD83a3Y2kk-Ovdo@191x114.png" alt="" /></a><span style="display: none;"><br /></span></p>
    <p>
    <script type="text/javascript">// <![CDATA[
    function drawProgressBar(color, width, percent) 
          { 
            var pixels = width * (percent / 100); 
         
            document.write('<div class="smallish-progress-wrapper" style="width: ' + width + 'px">'); 
            document.write('<div class="smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>'); 
            document.write('<div class="smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>'); 
            document.write('</div>'); 
          }
    // ]]></script>
    </p>
    <p style="text-align: center;"><strong><span style="font-size: 14pt;">&nbsp;</span></strong><br /><strong><span style="font-size: 14pt;">&nbsp;</span></strong></p>
    <p style="text-align: center;">Traduction</p>
    <p>
    <script type="text/javascript">// <![CDATA[
    drawProgressBar('#96CA2D', 200, 100);
    // ]]></script>
    </p>
    <p>
    <script type="text/javascript">// <![CDATA[
    function drawProgressBar(color, width, percent) 
          { 
            var pixels = width * (percent / 100); 
         
            document.write('<div"smallish-progress-wrapper" style="width: ' + width + 'px">'); 
            document.write('<div"smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>'); 
            document.write('<div"smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>'); 
            document.write('</div
          }
    // ]]></script>
    </p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;">Timing</p>
    <p>
    <script type="text/javascript">// <![CDATA[
    drawProgressBar('#96CA2D', 200, 46);
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    function drawProgressBar(color, width, percent) 
          { 
            var pixels = width * (percent / 100); 
         
            document.write('<div"smallish-progress-wrapper" style="width: ' + width + 'px">'); 
            document.write('<div"smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>'); 
            document.write('<div"smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>'); 
            document.write('</div
          }
    // ]]></script>
    </p>
    <p style="text-align: center;">&nbsp;</p>
    <p>
    <script type="text/javascript">// <![CDATA[
    progression('#96CA2D', 200, 0);
    // ]]></script>
    </p>
    <p><span style="display: none;">
    <script type="text/javascript">// <![CDATA[
    function drawProgressBar(color, width, percent) 
          { 
            var pixels = width * (percent / 100); 
         
            document.write('<div"smallish-progress-wrapper" style="width: ' + width + 'px">'); 
            document.write('<div"smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>'); 
            document.write('<div"smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>'); 
            document.write('</div
          }
    // ]]></script>
    </span></p>
    <p style="text-align: center;">&Eacute;dit</p>
    <p><span style="display: none;">
    <script type="text/javascript">// <![CDATA[
    drawProgressBar('#96CA2D', 200, 33);
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    function drawProgressBar(color, width, percent) 
          { 
            var pixels = width * (percent / 100); 
         
            document.write('<div"smallish-progress-wrapper" style="width: ' + width + 'px">'); 
            document.write('<div"smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>'); 
            document.write('<div"smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>'); 
            document.write('</div
          }
    // ]]></script>
    </span></p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;">Qcheck</p>
    <p><span style="display: none;">
    <script type="text/javascript">// <![CDATA[
    drawProgressBar('#96CA2D', 200, 0);
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    function drawProgressBar(color, width, percent) 
          { 
            var pixels = width * (percent / 100); 
         
            document.write('<div"smallish-progress-wrapper" style="width: ' + width + 'px">'); 
            document.write('<div"smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>'); 
            document.write('<div"smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>'); 
            document.write('</div
          }
    // ]]></script>
    </span></p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;">Encodage</p>
    <p><span style="display: none;">
    <script type="text/javascript">// <![CDATA[
    drawProgressBar('#96CA2D', 200, 0);
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    function drawProgressBar(color, width, percent) 
          { 
            var pixels = width * (percent / 100); 
         
            document.write('<div"smallish-progress-wrapper" style="width: ' + width + 'px">'); 
            document.write('<div"smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>'); 
            document.write('<div"smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>'); 
            document.write('</div
          }
    // ]]></script>
    </span></p>
    <p>&nbsp;</p>
    <p style="text-align: center;">Upload</p>
    <p><span style="display: none;">
    <script type="text/javascript">// <![CDATA[
    drawProgressBar('#96CA2D', 200, 0);
    // ]]></script>
    </span></p>
    <p>
    <script type="text/javascript">// <![CDATA[
    function drawProgressBar(color, width, percent) 
          { 
            var pixels = width * (percent / 100); 
         
            document.write('<div class="smallish-progress-wrapper" style="width: ' + width + 'px">'); 
            document.write('<div class="smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>'); 
            document.write('<div class="smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>'); 
            document.write('</div>'); 
          }
    // ]]></script>
    </p>

    588
    Jeudi 31 Juillet 2014 à 23:23

    Alors, pour ta première question, colle ça dans le fenêtre d'édition HTML de ton module :
    <p><a onclick="this.nextSibling.style.display=((this.nextSibling.style.display=='none')?'':'none');"><img src="urldetonimage.png" alt="" /></a><span style="display: none;"><br />Le contenu à afficher ici</span></p>

    Et puis pour la barre de progression animée, je pense que cet article pourra grandement t'aider !

    587
    Jeudi 31 Juillet 2014 à 23:08

    Salut tout d'abord super blogue ;). Sur mon blogue il y a une image avec en dessous des barres de progression et du texte sa serait possible d'obtenir se résultat la comme sur ce site http://tekmatek.com/ , a droite du site dans la catégorie avancement tu a une image et quand tu clique decu sa affiche les barres)

    Merci d'avance

    MrCrisis

     

    Édit : Et si tu sais comment reproduire leur barre de progression je prend aussi ^^

    586
    Mercredi 30 Juillet 2014 à 01:02

    Ah, oui j'ai compris, merci !

    585
    Mardi 29 Juillet 2014 à 23:13

    Alors en fait, moi je triche un peu (eh oui.). En principe, tu ne peux pas étirer le menu jusqu'en bas de ton blog. C'est en fait le fond de ma page (Apparence > Format du blog > Fond > Fond de la page) répété verticalement qui donne cette impression ! Je ne sais pas si tu as compris l'astuce ? Le fond en question est celui-ci.

    584
    Mardi 29 Juillet 2014 à 22:33

    J'ai encore une question! Comment faire pour que le menu soit jusqu'en bas de la page, comme sur ton blog, car moi ça fait ça :

     

    Merci!

    583
    Lundi 28 Juillet 2014 à 22:18

    Ca marche, merci !

    582
    Lundi 28 Juillet 2014 à 15:46

    Ouvre ton espace d'édition HTML et insères cela à la place de ton image :
    <img style="float: left" src="urldetonimage.jpg">

    581
    Lundi 28 Juillet 2014 à 02:33

    Merci beaucoup! Pour la deuxième question ce n'est plus la peine! ^^

    Par contre, y a un truc que je voudrai savoir oO

    Comment tu fais pour mettre le texte "à coté" de l'image, comme ceci :

     

    Parce que moi ça fait ça :

     

    Merci d'avance!!

    580
    Dimanche 27 Juillet 2014 à 18:51

    C'est bon, on a réussi, merci beaucoup Mikuru :D ♥

    579
    Dimanche 27 Juillet 2014 à 17:54

    Il y avait effectivement un souci avec le code, je n'ai pas pu déceler l'erreur et j'ai donc procédé autrement ; j'ai rajouté ton menu dans le module « ♥ Kuroe et Luna ♥ », on ne le voit pas, mais tu peux l'éditer si tu ouvres le menu et donc mettre des liens aux deux noms. J'ai positionné le menu en utilisant du CSS, tu verras donc que j'ai rajouté un code. En espérant que cela te convienne !

    578
    Dimanche 27 Juillet 2014 à 16:15

    Hmm... Il me semble pourtant que oui, j'avais aidé mon amie a rédiger son message pour demander à EklaBlog d'activer le javascript sur son blog, et je crois bien qu'il l'est maintenant :|...

    577
    Dimanche 27 Juillet 2014 à 13:53

    Le javascript est-il activé sur ton compte ? S'il ne l'est pas, alors il ne serait pas étonnant que ça ne fonctionne pas !

    576
    Dimanche 27 Juillet 2014 à 12:26

    Ca ne marche pas, ça mets juste "Kuroe" et "Luna" dans le module simple :(

    575
    Samedi 26 Juillet 2014 à 13:58

    Salut Muramai ! Pour ta première question utilise ça :

    .module_menu_type_lastvisitors img { display: block; margin-bottom: 5px; }

    Quant à la deuxième, je ne l'ai pas comprise... ;;

    574
    Samedi 26 Juillet 2014 à 03:11

    Bonjour, je voulais savoir comment faire pour mettre les derniers visiteurs à la verticale ?

    Et aussi, comme faire pour fixer tout ça sans tout déformer.

     

    Merci d'avance! ^^

    573
    Vendredi 25 Juillet 2014 à 22:32

    Hanw ** Je te remercie. :D

    572
    Vendredi 25 Juillet 2014 à 22:28

    Bonsoir Just Δngel ! C'est tout à fait possible, je te propose le code CSS ci-dessous :

    .module_titre_contenu, .module_titre_contenu a {
    text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
    color:#000;
    }

    571
    Vendredi 25 Juillet 2014 à 22:08

    Hellow Mikuru ! J'aurais besoin d'un petit code é.è

    J'aimerais savoir si c'est possible déjà le code pour mettre nos titre d'article en mode un peu "3D"

    Comme ce blog là, mais elle l'a sur son header, son titre du blog en gros : ICI

    Voilà, je te remercie de ton aide. (:

    Bonne journée/soirée.~

    570
    Vendredi 25 Juillet 2014 à 16:56

    Ayant eu quelques soucis de connexion tout à l'heure, j'ai eu du mal à placer directement le code sur ton blog. Je te propose donc de l'ajouter par toi-même dans l'espace HTML d'un module simple :

    <div id="forIE">
    <div id="extramenu">Kuroe<br />Luna</div>
    </div>
    <script type="text/javascript">// <![CDATA[
    window.onload=function()   
        {   
         var MonDiv=document.createElement('DIV');  
         MonDiv.setAttribute('id', 'objet_copie');  
         if (Browser.name=='ie'){MonDiv.innerHTML=document.getElementById('forIE').innerHTML;}  
        else  
        {MonDiv.innerHTML=document.getElementById('extramenu').innerHTML;}  
         MonDiv.className = '';  
         MonDiv.style.position='relative';  
         MonDiv.style.right='100px';  
         MonDiv.style.top='50px';  
         var Myctn=document.getElementById("header");  
         var test=Myctn.getElementById("titre_header");  
         Myctn.insertBefore(MonDiv,test);  
         var noeud=document.getElementById('forIE');  
         noeud.parentNode.removeChild(noeud);  
        }
    // ]]></script>

    100px et 50px sont des valeurs à modifier, c'est ce qui te permettra de trouver la bonne position de ton menu !

    569
    Vendredi 25 Juillet 2014 à 09:50

    Pas un menu déroulant, juste si c'est possible de mettre un deuxième menu d'en-tête tout simple, pour isoler les deux séparément si tu veux, (j'aide une amie pour son blog) il y a le premier menu en ligne avec " Accueil - Newsletter - Vidéos " et à côté on aimerait mettre " Kuroe " et " Luna " en colonne mais d'une autre manière, je vais te montrer :D

    J'ai modifié avec Photofiltre pour te montrer comment j'aimerais faire ce fameux deuxième menu x)

    Je te mets la permission pour que tu puisses aller voir :D

    568
    Jeudi 24 Juillet 2014 à 20:26

    Bonjour Naff !
    L'emplacement indiqué sur ta capture me parait bien petit, quel genre de menu souhaites-tu mettre à cet endroit ? Un menu déroulant ? Aussi, pourrais-je accéder à ton blog ? De cette façon, il sera bien plus simple pour moi de visionner tout ça et d'accéder au code source de ton blog !

    567
    Jeudi 24 Juillet 2014 à 17:01

    Bonjour Mikuru :D !

    Je voudrais savoir si c'est possible de créer un deuxième menu d'en-tête qui soit différent du premier et si oui comment et quels codes ( HTML et/ou CSS ) faut-il utiliser s'il te plaît ? Car j'aimerais en ajouter un à cet emplacement. ( voire le blog ici )

    Merci d'avance :3 !

    566
    Vendredi 18 Juillet 2014 à 23:36

    Quelque chose comme ça ?

    HTML (à insérer dans l'espace HTML d'un module simple) :

    <div id="side">&Eacute;crivez votre texte...</div>

    CSS :

    #side {
        background-color: black;
        position: absolute;
        left: -220px;
        width: 200px;
        padding: 10px;
        height: 300px;
        border-right: 10px solid;
        transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }
    #side:hover {
        left: 0;
    }
     

    565
    Vendredi 18 Juillet 2014 à 20:55

    Salut Mikuru !

    Je voulais te demander si tu connaissait le code pour que le menu soit à gauche de la page caché par une "barre" et qu'au survol le menu apparaisse :)

    J'espère que tu m'a comprise malgrès mes explications étranges :S

    564
    Vendredi 18 Juillet 2014 à 15:50

    merci ^^

    563
    Vendredi 18 Juillet 2014 à 15:11

    Sers-toi du code ci-dessous Wolfie !

    #menubar {
     
        opacity: 0;
     
        transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }


    #menubar:hover { opacity: 1}

    562
    Vendredi 18 Juillet 2014 à 14:41

    Bonjour !

    Je voudrais avoir le code qui permet de cacher la berre Eklablog, et quand on passe la souris dessus elle apparait :)

    Merci !

    561
    Jeudi 17 Juillet 2014 à 23:30

    Merci beaucoup ! :)

    560
    Jeudi 17 Juillet 2014 à 20:21

    Bonjour Queen ! Ci-dessous les codes que tu demandes :

    HTML :

    <div id="image">
    <div class="survol">&Eacute;crivez votre texte...</div>
    <img src="http://static.tumblr.com/d96ad011c95be0a8ae38e0e3d1136b01/2icx37z/W6Lmvc1zk/tumblr_static_sdsdsd.png" alt="" /></div>

    CSS :

    .survol {
        background-color: #ffffff;
        height: 401px;
        opacity: 0;
        padding-top: 35px;
        position: absolute;
        text-align: center;
        width: 401px;
        transition: all 0.6s ease;
    }

    #image:hover .survol {
        height: 401px;
        opacity: 0.9;
        padding-top: 35px;
        width: 401px;
    }

    559
    Mercredi 16 Juillet 2014 à 12:51

    Bonjour, j'ai besoin d'un code s'il te plait. :)

    Comme sur ce Blog Tumblr ICI, cette image : ICI affiche un petit texte au survol de la souris.

    J'aimerais savoir si c'est possible d'avoir un code, qui lorsque l'on survol une image, cela affiche un texte à l’intérieur de l'image. (pas besoin d'arrondir ou de faire d'autres codages comme sur ce blog, où l'image à été modifier.) Je veux juste que le texte apparaisse au survol dans l'image.

    Merci. :)

    558
    Jeudi 3 Juillet 2014 à 17:39

    Merci quand même!

    557
    Jeudi 3 Juillet 2014 à 17:02

    J'ai passé pas mal de temps à tenter de récupérer l'icone dans la barre d'outil en gardant sa fonction, j'ai donc fini par trouver un moyen de placer la même icone dans le header. Malheureusement, seule la fonction Ajouter aux favoris fonctionne, je ne suis pas assez calée en javascript pour pouvoir faire la fonction inverse soit Retirer des favoris. Malgré tout, je laisse le code, il pourrait peut-être en aider certains. C'est à insérer dans l'espace HTML d'un module simple :

    <div id="forIE">
    <div id="monobjet"><img onclick="changeimg(this);MenuBar.favoriteBlogClick('add');return false;" src="http://hors-sujet.lo.gs/images/menubar/icon_nofavorite.png" alt="" /></div>
    </div>
    <script type="text/javascript">// <![CDATA[
    window.onload=function()  
        {  
         var MonDiv=document.createElement('DIV'); 
         MonDiv.setAttribute('id', 'objet_copie'); 
         if (Browser.name=='ie'){MonDiv.innerHTML=document.getElementById('forIE').innerHTML;} 
        else 
        {MonDiv.innerHTML=document.getElementById('monobjet').innerHTML;} 
         MonDiv.className = ''; 
         MonDiv.style.position='relative'; 
         MonDiv.style.left='100px'; 
         MonDiv.style.top='50px'; 
         var Myctn=document.getElementById("header"); 
         var test=Myctn.getElementById("titre_header"); 
         Myctn.insertBefore(MonDiv,test); 
         var noeud=document.getElementById('forIE'); 
         noeud.parentNode.removeChild(noeud); 
        }
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    function changeimg(monimage) {
      monimage.src = (monimage.src=="http://hors-sujet.lo.gs/images/menubar/icon_nofavorite.png" ) ? "http://hors-sujet.lo.gs/images/menubar/icon_favorite.png" : "http://hors-sujet.lo.gs/images/menubar/icon_nofavorite.png";
    }
    // ]]></script>

    100px c'est l'espace qui sépare l'icone du bord gauche du header, valeur modifiable.
    50px c'est l'espace qui sépare l'icone du bord supérieur du header, valeur modifiable aussi.

    556
    Jeudi 3 Juillet 2014 à 13:23
    Oui! Pour le déplacer par exemple sur l'header
    555
    Jeudi 3 Juillet 2014 à 13:06

    Salut Seventeen ! Lorsque tu parles des favoris, tu parles du coeur ?

    554
    Jeudi 3 Juillet 2014 à 12:59

    Salut! J'ai une question: est-il possible de déplacer les favoris de la barre d'outil?

    553
    Jeudi 3 Juillet 2014 à 12:45

    ok merci :)

    552
    Jeudi 3 Juillet 2014 à 11:01

    Bonjour Ayumi Chan ! Oui, avec un peu d'HTML et du CSS (la blogueuse en question semble s'y connaître en la matière), ce genre de présentation est faisable. Je ne vais pas te proposer le code utilisé par la blogueuse en question, puisqu'elle y a sûrement passé du temps et que cela ne se fait pas, mais un code similaire qui devrait faire l'affaire. Je t'envoie le tout par MP !

    551
    Mercredi 2 Juillet 2014 à 23:42

    bonjour mikuru,
    Je voudrais savoir si c'était possible de faire un article comme cela (la manière dont s'est présenté)  ; http://fan-manga.ek.la/shinsekai-yori-a107627612
    Merci :)

    550
    Mercredi 2 Juillet 2014 à 19:04

    Je t'ai envoyé un MP Mikuru ^.^ Bises.

    549
    Mercredi 2 Juillet 2014 à 18:40

    Ah, ça c'est étrange ! Pourrais-je avoir accès à ton blog pour regarder ça ?

    548
    Mercredi 2 Juillet 2014 à 17:51

    Coucou Mikuru ^.^

    Alors j'ai crée un nouveau module simple, et j'y ai inséré le fameux code.

    Et voilà ce que j'ai comme résultat :

    Ici Le menu s'affiche dans le module... [Tout en bas]

    Pourtant j'ai bien le javascript activé sur mon blog... :'(

    547
    Mercredi 2 Juillet 2014 à 15:55

    @ Azuka : Ah, je vois ce que tu veux dire, je crois savoir où tu as vu ça. Mais il ne s'agit pas de la menubar, puisque l'on ne peut pas remplacer les éléments de la menubar par d'autres. Cette barre que tu as vue a été faite de A à Z, en fait, il ne s'agit pas de la barre d'Eklablog modifiée. Ce n'est peut-être pas exactement ce que tu souhaites faire, mais je peux te proposer ça, en espérant que cela t'aide :

    CSS :

    #barre {
        position: absolute;
        left: 50%;
        top: 110px; /*Remplacer la valeur par la hauteur de ton header*/
        width: 800px; /*Largeur de la barre*/
        margin-left: -400px; /*Moitié négative de la largeur de la barre*/
        background-color: #000000; /*Fond de la barre*/
    }
    .liens { font-family: Arial; font-size: 12px; }
    .liens a {
        font-weight: bold;
        display: inline-block;
        padding: 6px;
        color: #f1abc9; /*Couleur du texte*/
    }
    .liens a:hover { color: #ffffff; /*Couleur du texte au survol*/ }

    HTML (à insérer dans un module simple) :

    <div id="barre">
    <div class="liens">
    <table>
    <tbody>
    <tr>
    <td><a href="http://eklablog.com/"><img src="http://www.eklablog.com/images/menubar/logo.png" /></a></td>
    <td><a href="http://">Lien 1</a></td>
    <td><a href="http://">Lien 2</a></td>
    <td><a href="http://">Lien 3</a></td>
    <td><a href="http://">Lien 4</a></td>
    </tr>
    </tbody>
    </table>
    </div>
    </div>

    Tout ce qui est en rouge est à remplacer.

    @ Pii_Lov3 : Le code qui suit, à insérer dans l'espace HTML d'un module simple, permet de faire ça. Par contre, il te faut le javascript activé sur ton compte pour le mettre en place (s'il n'est toujours pas activé sur le tien, une autre alternative serait qu'un utilisateur dont le javascript est activé sur son compte te le mette en place). En principe, il ne devrait pas y avoir de problème au niveau de la présentation du menu puisqu'elle va reprendre celle que tu as paramétrée dans l'interface Apparence !

    <style type="text/css"><!--
    #menu, #menu ul /* Liste */     
     
    {       z-index:100;
            padding : 0; /* pas de marge intérieure */
            margin : 0; /* ni extérieure */
            list-style : none; /* on supprime le style par défaut de la liste */
            line-height : 160%; /* on définit une hauteur pour chaque élément */
            text-align : center; /* on centre le texte qui se trouve dans la liste */
    }
     
    #menu a /* Contenu des listes */
    {
            display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
            padding : 0; /* aucune marge intérieure */    
            text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    }
     
    #menu li /* Elements des listes */ {  float : left; }
     
    #menu li ul /* Sous-listes */

            position: absolute; /* Position absolue */
            width: 139px; /* Largeur des sous-listes */
            left: -999em; /* Hop, on envoie loin du champ de vision */
    }
     
     
    #menu li ul li /* Éléments de sous-listes */
    {
            /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
            margin-top: 0;
    }
     
    /* IE ne reconnaissant pas le sélecteur ">" */
    html>body #menu li ul li                
    {
    }
     
    #menu li ul ul 
    {
            margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
            /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
            border-left     : 1px solid black ; /* Petite bordure à gauche pour ne pas coller ... */      
    }
     
     
    html>body #menu li ul ul                
    {
            border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
    }
    #menu li:hover ul ul, #menu li.sfhover ul ul 
    /* Sous-sous-listes lorsque la souris passe sur un élément de liste */ 
    {         left: -999em; 
    }  
    #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
     
    {         left: auto; /* Repositionnement normal */ 
            min-height: 0; /* Corrige un bug sous IE */ }
    --></style>
    <p>/* Code HTML */</p>
    <ul id="menux">
    <li><a href="http://asiaddictfansub.eklablog.fr/news-sorties-c21134714">Accueil</a></li>
    <li><a href="http://asiaddictfansub.eklablog.fr/menu-des-projets-c24815476">Projets</a>
    <ul>
    <li><a href="http://asiaddictfansub.eklablog.fr/en-cours-c25040398">En cours</a></li>
    <li><a href="http://asiaddictfansub.eklablog.fr/finis-c25040082">Finis</a></li>
    <li><a href="http://asiaddictfansub.eklablog.fr/futurs-c25040466">Futurs</a></li>
    </ul>
    </li>
    <li><a href="http://asiaddictfansub.eklablog.fr/menu-des-musiques-c24644622">Musiques</a>
    <ul>
    <li><a href="http://asiaddictfansub.eklablog.fr/fiches-des-clips-c25103910">Clips</a></li>
    <li><a href="http://asiaddictfansub.eklablog.fr/les-musiques-c25103982">OST</a></li>
    </ul>
    </li>
    <li><a href="http://asiaddictfansub.eklablog.fr/on-a-besoin-de-vous-a92935895">Help us</a></li>
    <li><a href="http://asiaddictfansub.eklablog.fr/vos-idees-c24815382">Id&eacute;es</a></li>
    <li><a href="http://asiaddictfansub.eklablog.fr/notre-team-c24815356">&Agrave; propos</a></li>
    </ul>
    <p>/* Code Javascript */</p>
    <script type="text/javascript">// <![CDATA[
    window.onload=function() {
    var MonDiv=document.createElement('DIV');
    MonDiv.setAttribute('id', 'menu');
    MonDiv.innerHTML=document.getElementById('menux').innerHTML;
    MonDiv.style.position='relative';
    var Myctn=document.getElementById("header");
    var test=Myctn.getElementById("titre_header");
    Myctn.insertBefore(MonDiv,test);
    var noeud=document.getElementById('menux');
    noeud.parentNode.removeChild(noeud);}
    // ]]></script>

    546
    Mercredi 2 Juillet 2014 à 13:51

    Merci infiniment Mikuru ~

    J'aurais encore une question *.*

    J'ai un menu dans mon header, et dans certaines rubriques il y a plusieurs sous rubriques :

    Projets : En cours > Finis > Futurs

    Musiques : Clips > OST

    J'aimerais que ça se déroule xD

    Tu saurais faire ça ? *.*

    Biseeeeeeeees !

     

    545
    Mercredi 2 Juillet 2014 à 13:18

    Non je connais ce code ! J'ai vu qu'on pouvais faire ceci mais avec le menubar. C'est assez difficile a expliquez. La barre que je t'ai montrée sur l'image, c'est bien le menubar et non le menu du header. On peut "transformer" le menubar en menu du header.

    Si tu ne sais pas comment faire ce n'est pas grave, c'est pas si important que ça ^^

    544
    Mercredi 2 Juillet 2014 à 13:03

    Aaah ! Mais le code que je t'ai donné n'est pas le bon alors, tu peux le supprimer ! C'est le menu du header dont tu me parles, pas la menubar donc. Il te suffit d'aller dans Apparence > Modifier le thème > En-tête > Menu puis cocher En ligne et cliquer sur Déplacer à la souris. Ça devrait être bon !

    543
    Mercredi 2 Juillet 2014 à 12:49

    Voici une petite image qui représente ce que je voudrais faire :

    Clic !

    542
    Mercredi 2 Juillet 2014 à 12:41

    Couper la hauteur ? Je ne vois pas bien ce que tu veux dire par là ! Pour retirer la barre blanche, utilise ce code-là :

    #top { display: none; }

    541
    Mercredi 2 Juillet 2014 à 12:00

    Oui c'est ça merci ! Mais comment faire pour couper la hauteur. Et a la place de la barre il y a une barre blanche comment l'enlever ?

    Merci encore

     

    540
    Mercredi 2 Juillet 2014 à 11:44

    Bonjour Azuka ! Je pense avoir compris, peut-être que c'est ce code-là que tu cherches :

    #menubar {
        margin-top: 110px; /*Remplacer la valeur par la hauteur de ton header*/
        position: absolute;
    }

    539
    Mardi 1er Juillet 2014 à 18:49

    Bonjour, j'aimerais savoir comment déplacé le menubar en dessous du header. J’espère que tu comprends ce que je veux dire ^^'

    Merci !

    538
    Mardi 1er Juillet 2014 à 16:15

    @ Sasha27 : Alors, pour la couleur du pseudo dans la menubar, utilise ce code :
    #menubarabsolute .menubar_section > a {
        color: #000000; /*Couleur du texte à remplacer*/
    }

    Et pour l'avatar, utilise celui-ci :
    #menubarabsolute td#menubar_section_account img { border-radius: 50px; }

    @ Pii_Lov3 : Tu n'arrives pas à aller à la ligne ? Je n'ai pas de problème pour revenir à la ligne de mon côté mais, si la touche Entrée ne fonctionne pas, essaie la combinaison Maj+Entrée, ça devrait régler le problème ! Ensuite, oui, tu peux bien évidemment régler l'espace entre les titres et les contenus, il te suffira d'agrandir les valeurs surlignées dans le code :

    <table style="width: 811px; background-color: #000000; margin: auto;">
    <tbody>
    <tr>
    <td>
    <p style="width: 229; height: auto; padding: 5px; background-color: #ffffff; text-align: center; margin: 0px; letter-spacing: -0.5px; font-size: 16px;"><strong>nouveaut&eacute;s</strong></p>
    <div style="height: 229px; width: auto; overflow: auto; padding-right: 4px; padding-left: 5px; text-align: left; background-color: #131111;">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec lorem id eros adipiscing varius. Nam ut ultricies dui. Morbi dolor urna, elementum sed blandit et, aliquet eu metus. Etiam tincidunt sodales quam, vitae ullamcorper risus. Phasellus at pellentesque metus. Pellentesque nec metus consequat, tincidunt odio nec, faucibus augue. Nullam dignissim lacus dolor, et tempus felis tempor vitae. Mauris dictum nisi nec massa porttitor, vel auctor nisi lobortis. Ut a tortor id velit vehicula suscipit. Praesent blandit orci turpis, quis pharetra nunc porta eu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus fermentum suscipit quam id lacinia. Aliquam mattis elit nec mi molestie ultricies. Proin cursus luctus nunc sit amet ultrices.</p>
    <p>Integer iaculis lorem et tristique fermentum. Phasellus vitae turpis orci. Aenean eget imperdiet sapien. Vivamus rutrum ultricies velit non semper. Morbi sem magna, lacinia at porttitor eu, consectetur ut libero. Aenean consectetur erat ligula. Maecenas sit amet odio dapibus, condimentum risus sit amet, vehicula orci.</p>
    <p>Quisque accumsan ipsum rhoncus, tincidunt felis eu, varius enim. Fusce ac ligula rhoncus, consectetur quam sit amet, eleifend lacus. Vestibulum varius velit sed quam auctor, sed vestibulum lacus accumsan. Donec interdum arcu eu sem commodo, nec suscipit enim lacinia. Proin pharetra est et turpis porttitor, non molestie mi commodo. In adipiscing leo quis vestibulum malesuada. In volutpat purus metus, vel sodales elit mollis consequat. Etiam sagittis facilisis nisi eu convallis. Vestibulum ut dapibus nulla. Donec lacinia tempus ligula, ultrices fermentum ipsum pellentesque id. Pellentesque ultricies sem eu tortor mattis lobortis in nec ligula. Sed iaculis tellus sit amet eros aliquam, id dapibus turpis ultrices. Nullam quis risus at orci dapibus hendrerit. Suspendisse potenti. Suspendisse bibendum erat interdum ipsum venenatis aliquam.</p>
    </div>
    </td>
    <td>
    <p style="width: 470px; height: auto; padding: 5px; background-color: #ffffff; text-align: center; margin: 0; letter-spacing: -0.5px; font-size: 16px;"><strong>coup de c&oelig;ur</strong></p>
    <p style="margin: 1px 0 0 0;"><iframe src="//www.youtube.com/embed/pls2oSGsxwY" frameborder="0" width="480" height="228" allowfullscreen="allowfullscreen"></iframe></p>
    </td>
    </tr>
    </tbody>
    </table>

    Oh, et, tout le plaisir est pour moi !

    537
    Mardi 1er Juillet 2014 à 12:02

    Oh oui génial merci <3

    J'ai un peu changé le code hihi.

    J'aimerais savoir comment revenir à la ligne lorsque je met de nouvelles mises à jour (pour le texte) xD

    Et s'il était possible de mettre un peu plus d'espace entre les titres et les contenus ^0^

    Merci infiniment pour ton merveilleux code qui va radicalement changer ma vie xD

    Hihi.

    Bisous bisous Mikuru et encore merci ^.^

    536
    Mardi 1er Juillet 2014 à 00:06

    Coucou ! Je voudrais avoir un code s'il-te-plaît pour mettre la couleur du pseudo dans la barre de menus et l'avatar dans la barre de menu rond aussi...

    Merci de ton aide ^^

    535
    Lundi 30 Juin 2014 à 21:14

    Est-ce que cela te convient ? Le code est donc à coller dans l'espace HTML de ton article :

    <table style="width: 811px; background-color: #000000; margin: auto;">
    <tbody>
    <tr>
    <td>
    <p style="width: 229; height: auto; padding: 5px; background-color: #ffffff; text-align: center; margin: 0; letter-spacing: -0.5px; font-size: 16px;"><strong>nouveaut&eacute;s</strong></p>
    <div style="height: 229px; width: auto; overflow: auto; padding-right: 4px; padding-left: 5px; text-align: left; background-color: #131111;">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec lorem id eros adipiscing varius. Nam ut ultricies dui. Morbi dolor urna, elementum sed blandit et, aliquet eu metus. Etiam tincidunt sodales quam, vitae ullamcorper risus. Phasellus at pellentesque metus. Pellentesque nec metus consequat, tincidunt odio nec, faucibus augue. Nullam dignissim lacus dolor, et tempus felis tempor vitae. Mauris dictum nisi nec massa porttitor, vel auctor nisi lobortis. Ut a tortor id velit vehicula suscipit. Praesent blandit orci turpis, quis pharetra nunc porta eu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus fermentum suscipit quam id lacinia. Aliquam mattis elit nec mi molestie ultricies. Proin cursus luctus nunc sit amet ultrices.</p>
    <p>Integer iaculis lorem et tristique fermentum. Phasellus vitae turpis orci. Aenean eget imperdiet sapien. Vivamus rutrum ultricies velit non semper. Morbi sem magna, lacinia at porttitor eu, consectetur ut libero. Aenean consectetur erat ligula. Maecenas sit amet odio dapibus, condimentum risus sit amet, vehicula orci.</p>
    <p>Quisque accumsan ipsum rhoncus, tincidunt felis eu, varius enim. Fusce ac ligula rhoncus, consectetur quam sit amet, eleifend lacus. Vestibulum varius velit sed quam auctor, sed vestibulum lacus accumsan. Donec interdum arcu eu sem commodo, nec suscipit enim lacinia. Proin pharetra est et turpis porttitor, non molestie mi commodo. In adipiscing leo quis vestibulum malesuada. In volutpat purus metus, vel sodales elit mollis consequat. Etiam sagittis facilisis nisi eu convallis. Vestibulum ut dapibus nulla. Donec lacinia tempus ligula, ultrices fermentum ipsum pellentesque id. Pellentesque ultricies sem eu tortor mattis lobortis in nec ligula. Sed iaculis tellus sit amet eros aliquam, id dapibus turpis ultrices. Nullam quis risus at orci dapibus hendrerit. Suspendisse potenti. Suspendisse bibendum erat interdum ipsum venenatis aliquam.</p>
    </div>
    </td>
    <td>
    <p style="width: 470px; height: auto; padding: 5px; background-color: #ffffff; text-align: center; margin: 0; letter-spacing: -0.5px; font-size: 16px;"><strong>coup de c&oelig;ur</strong></p>
    <p style="margin: 1px 0 0 0;"><iframe src="//www.youtube.com/embed/pls2oSGsxwY" frameborder="0" width="480" height="228" allowfullscreen="allowfullscreen"></iframe></p>
    </td>
    </tr>
    </tbody>
    </table>
     

    534
    Lundi 30 Juin 2014 à 18:40

    Oh génial *0*

    Alors j'aimerais un cadre (Fond noir) de 811 x 229 :)

    Pour les titres seront blancs :)

    À gauche "Nouveautés, à droite "Coup de coeur"

    En dessous de "Nouveautés" un scroll-bar et en dessous de "Coup de coeur" une vidéo :)

    En fait comme pour ton module "Mise à jour" :)

    Bises.

     

    533
    Lundi 30 Juin 2014 à 18:11

    <table style="width: 500px;">
    <tbody>
    <tr>
    <td>
    <p style="width: 190px; height: auto; padding: 5px; background-color: #000000; text-align: center; margin: 0;">TITRE VIDEO</p>
    <p style="margin: 1px 0 0 0;"><iframe src="http://www.youtube.com/embed/yJDc5vYw_UE" frameborder="0" width="200" height="95"></iframe></p>
    </td>
    <td>
    <p style="width: 299px; height: auto; padding: 5px; background-color: #000000; text-align: center; margin: 0;">TITRE MAJ</p>
    <div style="height: 96px; width: 300px; overflow: auto; padding-right: 4px; padding-left: 5px; text-align: left; background-color: #cccccc;">Itaque tum <strong>Scaevola</strong> cum in eam ipsam mentionem incidisset, exposuit nobis sermonem Laeli de amicitia habitum ab illo secum et cum altero genero, C. Fannio Marci filio, <em>paucis diebus post mortem Africani.</em>Eius disputationis sententias memoriae mandavi, quas hoc libro exposui arbitratu meo; quasi enim ipsos induxi loquentes, ne 'inquam' et 'inquit' saepius interponeretur, atque ut tamquam a praesentibus coram haberi sermo videretur.</div>
    </td>
    </tr>
    </tbody>
    </table>

    width: 500px : largeur totale du cadre dans son ensemble
    width: 190px : largeur de l'encadré titre de la vidéo
    width="200" : largeur de la vidéo (doit être proportionnelle à la hauteur)
    height="95" : hauteur de la vidéo (doit être proportionnelle à la largeur)
    width: 299px : largeur de l'encadré titre des mises à jour
    height: 96px : hauteur de l'encadré des mises à jour
    width: 300px : largeur de l'encadré des mises à jour

    J'espère que c'est compréhensible et que tu pourras t'en sortir en modifiant les valeurs à ta guise ! Cela dit, si ce n'est pas du tout ton truc de remplacer à droite à gauche, et si tu as un ordre d'idée de la taille que tu souhaites pour ton encadré (avec une photo représentative de préférence), je peux facilement modifier le code en connaissance de cause et te le renvoyer !

    Ensuite, si j'ai bien compris, c'est le sélecteur qu'il te manque puisque tu sais déjà comment faire les transitions ? Le sélecteur à utiliser pour les images qui contiennent des liens est a img { } puis tu insères ton code pour les transitions entre les deux crochets !

    532
    Lundi 30 Juin 2014 à 15:34

    Oh merci beaucoup *.*

    Dis-moi est-ce ce qu'il est possible d'agrandir le tout ?

    Je trouve ça petit :)

    J'aurais aussi une question (qui est complètement HS haha).

    J'aimerais faire une transition avec mes images. (Je sais faire les transitions)

    Mais uniquement pour les images qui ont un lien.

    Est-ce que c'est possible ça ? *.*

    Bises.

    531
    Dimanche 29 Juin 2014 à 22:53

    Le code HTML est le suivant :

    <table style="width: 500px;">
    <tbody>
    <tr>
    <td>
    <p style="width: 190px; height: auto; padding: 5px; background-color: #000000; text-align: center; margin: 0;">TITRE VIDEO</p>
    <p style="margin: 1px 0 0 0;"><iframe src="http://www.youtube.com/embed/yJDc5vYw_UE" frameborder="0" width="200" height="95"></iframe></p>
    </td>
    <td>
    <p style="width: 299px; height: auto; padding: 5px; background-color: #000000; text-align: center; margin: 0;">TITRE MAJ</p>
    <div style="height: 96px; width: 300px; overflow: auto; padding-right: 4px; padding-left: 5px; text-align: left; background-color: #cccccc;">Itaque tum <strong>Scaevola</strong> cum in eam ipsam mentionem incidisset, exposuit nobis sermonem Laeli de amicitia habitum ab illo secum et cum altero genero, C. Fannio Marci filio, <em>paucis diebus post mortem Africani.</em>Eius disputationis sententias memoriae mandavi, quas hoc libro exposui arbitratu meo; quasi enim ipsos induxi loquentes, ne 'inquam' et 'inquit' saepius interponeretur, atque ut tamquam a praesentibus coram haberi sermo videretur.</div>
    </td>
    </tr>
    </tbody>
    </table>

    En rouge, ce sont les textes que tu pourras modifier. Ensuite, background-color: #000000; c'est la couleur du fond des titres. Pour changer la couleur, tu remplaces #000000 par le code de la couleur qui te convient. Et puis <iframe src="http://www.youtube.com/embed/yJDc5vYw_UE" frameborder="0" width="200" height="95"></iframe> est à remplacer par le code d'intégration de la vidéo youtube que tu souhaites afficher. Attention, pense bien à remplacer width="200" height="95" dans le code que tu obtiendras, sinon la vidéo ne rentrera pas. Enfin, background-color: #cccccc; c'est la couleur du fond des mises à jour, celle qui apparaît gris sur l'exemple. Il te suffit de remplacer #cccccc pour changer la couleur !

    530
    Dimanche 29 Juin 2014 à 22:27

    Oh oui voilà, c'est exactement ça *.*

    Comment tu as fait ? Hihi.

    Bises.

    529
    Dimanche 29 Juin 2014 à 19:58

    Merci de tes compliments, ça me fait vraiment plaisir ! Pour la boîte, c'est quelque chose comme ça que tu souhaiterais ?

    528
    Dimanche 29 Juin 2014 à 13:45

    Oh merci Mikuru ^0^

    Oui je vais très bien, les beaux jours sont là donc tout va bien hihi.

    Je tenais à te féliciter pour la nouvelle décoration de ton blog *.*

    C'est vraiment magnifique !

    J'ai vraiment plaisir à naviguer dessus.

    Je voulais te demander ^.^

    J'aimerais créer ceci *0* : Ici

    Est-ce qu'il est possible de mettre une vidéo à la place de l'image ?

    Et de mettre un titre au-dessus de cette vidéo et au-dessus du bloc mise à jour ?

    Encore merci pour ton aide ~

    527
    Dimanche 29 Juin 2014 à 12:50

    Tout va pour le mieux Pii_Lov3, merci ! J'espère que tu te portes bien également. Pour que tous les liens de ton blog fasse une transition au survol, il te faut rajouter ceci dans ton CSS :

    a { transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; }

    Le temps de transition 0.6s est une valeur que tu peux modifier à ta guise !

    Par contre, je ne vois pas les cadres rose sur le menu de ton header. Peut-être que tu les as retirés entre temps ? Quoiqu'il en soit, tente le code suivant, il devrait fonctionner si jamais tu décides d'appliquer un fond rose au survol à nouveau !

    #menu a { transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; }

    526
    Samedi 28 Juin 2014 à 21:57

    Bonsoir Mikuru !

    Comment vas-tu depuis la dernière fois ? ^.^

    J'aimerais savoir comment faire pour :

     1 - Que les liens de TOUT mon blog fasse une jolie transition.

     2 - De plus, j'aimerais que les cadre rose qui se forme lorsque je passe sur le menu de mon header fasse une transition.

    Merci de ton aide ^0^

    Bisous !

    525
    Vendredi 27 Juin 2014 à 18:50

    Oh, je vois. Ecoute, je vais faire avec, merci énormément! :D

    Si jamais, je trouve par hasard la solution, je te préviendrai!

    524
    Vendredi 27 Juin 2014 à 16:03

    C'est exactement mon souci. ;; Ah, c'est dommage. Je vais essayer d'aller chercher un petit peu, je finirai bien par trouver quelque chose. Je te tiens au courant !

    EDIT : Je n'ai malheureusement pas trouvé de moyen d'appliquer la transition sur firefox. Le code suivant passe bel et bien du noir et blanc à la couleur au survol, mais de manière brutale sur firefox tandis que la transition se fait sur chrome. Je n'ai pas trouvé mieux je suis désolée. ;;

    img {    
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
         filter: gray; /* IE6-9 */
         -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
         -webkit-backface-visibility: hidden; /* Fix for transition flickering */
         -webkit-transition: all 0.5s ease-in-out;
         -moz-transition: all 0.5s ease-in-out;
         -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
         transition: all 0.5s ease-in-out; }

    img:hover {    
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(0%);
         -webkit-transition: all 0.5s ease-in-out;
         -moz-transition: all 0.5s ease-in-out;
         -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
         transition: all 0.5s ease-in-out; }

    523
    Vendredi 27 Juin 2014 à 14:46

    Le hic c'est que je retrouve plus le lien du blog en question... :c

    J'ai essayé le code, effectivement, ça ne marche pas, mais toutes mes images disparaissent également. :o

    522
    Vendredi 27 Juin 2014 à 14:44

    Ah, aurais-tu un lien ? Ça m’intéresse ! Le code de The Joker que je t'ai proposé juste avant ne fonctionne malheureusement pas sur firefox chez moi. ;; Fais-moi savoir s'il fonctionne de ton côté ! Cela vient peut-être de chez moi si c'est le cas !

    521
    Vendredi 27 Juin 2014 à 14:41

    Merci beaucoup! (:

    Ah oui? J'utilise firefox, et pourtant, je l'ai déjà vu sur quelques blogs.

    520
    Vendredi 27 Juin 2014 à 14:38

    Bonjour Whispers ! Un code a été fourni il y a quelques temps, le voici :

    img {        
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filterid=\'grayscale\'><feColorMatrix  type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0  0 0.3333 0.3333 0.3333 0 0 0 0 0 1  0\'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%);
     transition: all 1s;  
        -moz-transition: all 1s;
        -o-transition: all 1s;  
        -webkit-transition: all 1s;
    }    
    img:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filterid=\'grayscale\'><feColorMatrix  type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1  0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
     transition: all 1s;  
        -moz-transition: all 1s;
        -o-transition: all 1s;  
        -webkit-transition: all 1s;
    }

    À remarquer qu'il ne fonctionne pas sur Firefox. Il est toutefois opérationnel avec Chrome ! Tu peux changer les 1s par le temps de transition qui te convient.

    519
    Vendredi 27 Juin 2014 à 13:14

    Bonjouur ~

    Est-ce qu'il existe un code pour mettre toutes les images des articles en noir et blanc et que quand on passe la souris, elle retrouve progressivement leur couleur? :3

    Merci d'avance!

    518
    Dimanche 22 Juin 2014 à 12:18

    Merci :)

    517
    Dimanche 22 Juin 2014 à 11:50

    Aucun problème ! Le propriétaire du blog en question utilise en fait deux images différentes : une lorsque l'image n'est pas survolée, et une autre lorsque elle est survolée. Le code a utiliser est le suivant :

    <img onmouseover="javascript:this.src='urldetonimage1.png';" onmouseout="javascript:this.src='urldetonimage2.png';" src="urldetonimage1.png" alt=""/>

    Tu n'as plus qu'à remplacer urldetonimage1.png et urldetonimage2.png par les deux images que tu souhaites utiliser !

    Remarque : le javascript doit être activé sur ton compte pour que le code fonctionne.

    516
    Dimanche 22 Juin 2014 à 11:30

    bonjour, désolé de te  redéranger, mais j'aurais besoin d'un code pour q'une image devienne plus foncé quand le curseur passe dessus et que je puisse mettre des écritures dessus aussi.
    Je ne sais pas si j'ai bien expliqué donc je te met un blog qui fait ça : ici

    515
    Mardi 17 Juin 2014 à 20:23

    Merci ! ;)

    514
    Mardi 17 Juin 2014 à 19:25

    Bonjour Ayumi Chan ! Les codes suivants t'aideront probablement :

    #body { border-top: 0; } /*Enlève le bord blanc*/
    #menubar_info { display: none; } /*Enlève le "Aidez eklablog à se développer plus facilement !"*/
    #menubar { opacity: 0; transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease;} /*Menu barre*/
    #menubar:hover { opacity: 1; transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; } /*Menu barre au survol*/

    Pour plus de codes de personnalisation de la menu barre, je t'invite à consulter cet article du blog : http://portfolio.ek.la/barre-de-navigation-a5874897

    513
    Mardi 17 Juin 2014 à 17:37

    Bonjour ! :) j'ai besoin de plusieurs codes.
    Un pour faire apparaître la menu barre comme sur ce blog: http://pullip-dreams.lo.gs/
    (mais pas de la même couleur)

    Et si possible faire disparaître la petite bordure blanche de mon menu barre.
    Et enlever la phrase du menu barre  qui dit " Aidez eklablog à se développer plus facilement !"

    Merci :)

    512
    Lundi 16 Juin 2014 à 11:13

    Oh merci Mikuru ^0^

    C'est génial !

    Merci infiniment et à très bientôt ( sûrement :p )

    Bises et bonne continuation <3

    511
    Mercredi 11 Juin 2014 à 22:23

    Voici pour toi Pii_Lov3 ! J'ai uniquement modifié le CSS du .ma_boite, tu pourras donc le remplacer par ceci :

    .ma_boite
    {
    width:200px;
    height:18px;
    margin: auto;
    overflow:hidden;
    transition: height 1s;
    -moz-transition: height 1s;
    -webkit-transition: height 1s;
    -o-transition: height 1s; 
    }

    510
    Mercredi 11 Juin 2014 à 14:03

    Coucou Mikuru, encore merci pour tes conseils.

    En effet je n'avais pas le javascript activé xD

    Dis-moi, est-ce que tu saurais comment mettre un boite déroulante au centre d'une page xD

    J'ai un code htlm :

    <div class="ma_boite">
    <div class="title_box">Première boite</div>
    <div class="content_box" style="overflow: none;">Vous mettez bien entendu ce que vous souhaitez dans cette boite.</div>
    </div>
    <div class="ma_boite">
    <div class="title_box">Seconde boite</div>
    <div class="content_box" style="overflow: none;">Vous mettez bien entendu ce que vous souhaitez dans cette boite.</div>
    </div>

    Et un code css :

    .ma_boite
    {
    width:200px;
    height:18px;
    overflow:hidden;
    transitionheight 1s
    -moz-transitionheight 1s;
    -webkit-transitionheight 1s;
    -o-transitionheight 1s;  
    }

    .ma_boite:hover
    {
    height:150px;
    }
    .title_box
    {
    color:black;
    background-color:salmon;
    border1px solid black;
    border-radius: 5px;
    }

     

    Cependant BIG problème...

    Les boîtes que je crée se place tout à gauche de ma page, je ne sais pas comment la centrer.

    Je parle bien des boites et pas du texte qui se trouve dessus hein :)

    Tu saurais m'aider please :'( ?

    Merci encore Mikuru <3

    Bises !

    509
    Mercredi 4 Juin 2014 à 20:06

    Ah, alors cela signifie probablement que le javascript n'est pas activé sur ton compte ! Tu dois donc envoyer un message à Stéphanie pour lui demander de l'activer !

    508
    Mercredi 4 Juin 2014 à 19:40

    Re Mikuru ^.^

    Je suis vraiment vraiment désolée, mais je suis vraiment pas douée j'crois haha.

    Quand tu dis : Insère ce code dans l'espace HTML d'un module simple.

    Je créer un module simple et je colle dans le code source (du module simple) le code que tu m'as créer.

    Mais je pense que je dois mal faire un truc car le module simple apparaît dans mon menu ainsi que le code en question haha.

    Désolée... J'suis vraiment, vraiment pas douée...

     

    507
    Mercredi 4 Juin 2014 à 19:25

    Tout le plaisir est pour moi Pii_Lov3 !
    À l'aide du tutoriel de Papasti que je remercie infiniment (http://le-blog-facile.ek.la/menu-horizontal-superieur-deroulant-methode-simplifiee-p348708), j'ai pu élaborer un menu plus ou moins ressemblant à celui de ton exemple !

    Insère ce code dans l'espace HTML d'un module simple :
    <style type="text/css"><!--
    #menu, #menu ul /* Liste */      
     
    {       z-index:100; 
            padding : 0; /* pas de marge intérieure */ 
            margin : 0; /* ni extérieure */ 
            list-style : none; /* on supprime le style par défaut de la liste */ 
            line-height : 21px; /* on définit une hauteur pour chaque élément */ 
            text-align : center; /* on centre le texte qui se trouve dans la liste */ 

     
    #menu /* Ensemble du menu */ 

            font-weight : bold; /* on met le texte en gras */ 
            font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */ 
            font-size : 12px; /* hauteur du texte : 12 pixels */ 

     
    #menu a /* Contenu des listes */ 

            display : block; /* on change le type d'élément, les liens deviennent des balises de type block */ 
            padding : 0; /* aucune marge intérieure */     
            color : black; /* couleur du texte */ 
            text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */ 
            width : 144px; /* largeur */ 

     
    #menu li /* Elements des listes */       
    {  
            float : left;  
            border: 1px solid #ff91b5;
            /* pour IE qui ne reconnaît pas "transparent" */ 
            margin-right: 0.3em;
            transition: all 1s ease;
            -moz-transition: all 1s ease;
            -webkit-transition: all 1s ease;


    #menu li:hover {
            border: 1px solid #ff0000;
            background-color: #ff91b5;
            border-radius: 0 0 15px 15px;
            -moz-border-radius: 0 0 15px 15px;
            -webkit-border-radius: 0 0 15px 15px;
            transition: all 1s ease;
            -moz-transition: all 1s ease;
            -webkit-transition: all 1s ease; }
     
    #menu li ul /* Sous-listes */ 
    {  
            position: absolute; /* Position absolue */ 
            width: 144px; /* Largeur des sous-listes */ 
            left: -999em; /* Hop, on envoie loin du champ de vision */ 

     
     
    #menu li ul li /* Éléments de sous-listes */ 

            /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */ 
            margin-top: 3px;

     
    /* IE ne reconnaissant pas le sélecteur ">" */ 
    html>body #menu li ul li                 


     
    #menu li ul ul  

            margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */  
            /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */ 
            border-left     : 1px solid black ; /* Petite bordure à gauche pour ne pas coller ... */       

     
     
    html>body #menu li ul ul                 

            border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */ 

    #menu li:hover ul ul, #menu li.sfhover ul ul  
    /* Sous-sous-listes lorsque la souris passe sur un élément de liste */  
    {         left: -999em;  
    }   
    #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul   
     
    {         left: auto; /* Repositionnement normal */  
            min-height: 0; /* Corrige un bug sous IE */ }
    --></style>
    <p>/* Code HTML */</p>
    <ul id="menux">
    <li><a href="urldulien1.ek.la">Lien 1</a></li>
    <li><a href="urldulien2.ek.la">Lien 2</a>
    <ul>
    <li><a href="urldulien21.ek.la">Lien 2.1</a></li>
    <li><a href="urldulien22.ek.la">Lien 2.2</a></li>
    </ul>
    </li>
    <li><a href="urldulien5.ek.la">Lien 5</a>
    <ul>
    <li><a href="urldulien51.ek.la">Lien 5.1</a></li>
    <li><a href="urldulien52.ek.la">Lien 5.2</a></li>
    </ul>
    </li>
    <li><a href="urldulien6.ek.la">Lien 6</a>
    <ul>
    <li><a href="urldulien61.ek.la">Lien 6.1</a></li>
    <li><a href="urldulien62.ek.la">Lien 6.2</a></li>
    </ul>
    </li>
    <li><a href="urldulien7.ek.la">Lien 7</a>
    <ul>
    <li><a href="urldulien71.ek.la">Lien 7.1</a></li>
    <li><a href="urldulien72.ek.la">Lien 7.2</a></li>
    <li><a href="urldulien73.ek.la">Lien 7.3</a></li>
    </ul>
    </li>
    </ul>
    <p>/* Code Javascript */</p>
    <script type="text/javascript">// <![CDATA[
    window.onload=function() { 
    var MonDiv=document.createElement('DIV');
    MonDiv.setAttribute('id', 'menu');
    MonDiv.innerHTML=document.getElementById('menux').innerHTML;
    MonDiv.style.position='relative';
    var Myctn=document.getElementById("header");
    var test=Myctn.getElementById("titre_header");
    Myctn.insertBefore(MonDiv,test);
    var noeud=document.getElementById('menux');
    noeud.parentNode.removeChild(noeud);}
    // ]]></script>

    Et le tour est joué !
    Bien sûr, il te faudra remplacer les différents liens indiqués en rouge.

    506
    Mercredi 4 Juin 2014 à 15:20

    Merci beaucoup Mikuru <3

    Comme toujours, tu réussis toujours à me sortir de mes galères haha.

    J'voulais te demander :p

    J'aurais aimé mettre un menu déroulant dans le menu de mon header.

    Je ne sais pas si c'est très français ce que je dis haha.

    Comme ceci :

    http://jsfiddle.net/mikegmz/3kyTB/embedded/result/

    Est-ce que tu saurais comment faire ?

    Au niveau de la déco de cet effet tu saurais me guider ?

    Merci d'avance et merci pour toutes les fois où tu m'as aidé.

    Bises à toi et bonne continuation !

    505
    Mercredi 21 Mai 2014 à 15:30

    Ah ok ! Pas de souci alors merci comme même :)

    504
    Samedi 17 Mai 2014 à 21:17

    Comme on se retrouve ! Bonsoir Pii_Lov3 !
    1. Alors, pour le petit encadré en en-tête, avec quelques connaissances en CSS et HTML, ce n'est pas très compliqué. Maintenant, expliquer quelles étapes suivre de A à Z serait assez long et fastidieux !

    Au niveau du positionnement des images, ce n'est pas très compliqué avec la nouvelle interface d'édition d'Eklablog ! Il faut juste faire quelques tests avec l'alignement des images ! Si tu as quelques soucis et que tu souhaites faire quelque chose de bien précis n'hésite pas à demander !

    Pour le titre et le contenu « dans un même bloc », je pense que c'est plutôt le jeu de couleurs choisit qui donne cette impression. Le fond du titre a tout simplement été rempli de la même couleur que celui du contenu ! Apparence > Modifier le thème > Contenu > Titre > Fond du bloc conteneur

    2. Pour placer le menu en dessous du header, il suffit juste de le déplacer à partir de l'interface Apparence > Modifier le thème > En-tête > Menu > Déplacer à la souris

    Pour les cadres qui apparaissent au survol du menu, il suffit d'aller dans Menu Survolé et de changer la couleur du Fond !

    @Sugar♥ : Il y a bien un moyen de faire ce que tu demandes, mais c'est assez fastidieux (http://cyberzoide.developpez.com/html/map.php3) et il faut utiliser le langage HTML pour faire ceci. De plus, tu ne pourras pas intégrer ton header "normalement" !

    503
    Mardi 13 Mai 2014 à 19:52

    Salut ! :)

    Je sais pas si il faut un code CSS mais j'aimerais savoir si il y avait quel que chose pour mettre des liens sur un header comme celui-ci que j'ai fait : http://ekladata.com/QveLsm1eeQc3pXdAGtae40o1J78.jpg merci d'avance !

    502
    Samedi 10 Mai 2014 à 12:13

    Bonjour à tous ^.^

    J'aurais besoin de plusieurs petits conseils.

    J'espère que vous pourrez m'aider <3

    Alors je suis allée sur ce blog :

    http://omoshiroi-anime.eklablog.com/

    Et j'aurais aimé savoir comment on pouvait créer l'en tête de la page (Information et nouveauté)

    De plus j'aimerais savoir comment on peut faire pour positionner à notre guise les images d'un articles comme dans la section accueil du blog.

    J'aimerais aussi savoir comment encadrer le titre et le contenu d'un article dans un même bloc comme sur le blog ci dessus. (Car lorsque j'encadre le contenu, le titre n'est pas compris dedans)

    Dernière petite chose :

    Sur ce blog : http://lalybook.eklablog.com/

    J'aimerais positionner mon menu d'en tête juste en dessous de mon header comme ci-dessus.

    De plus, lorsque l'on passe la souris sur le menu de l'en tête, des cadres de couleurs se forment.

    Comment faire cet effet ?

    Merci d'avance pour votre aide.

    Bisous à tous.

     

    501
    Vendredi 2 Mai 2014 à 14:08

    Le Javascript, c'est juste un langage parmi tant d'autre ! On peut y avoir recours dans la programmation et le développement web. Certains codes permettent de faire des petits effets très sympathiques !

    500
    Vendredi 2 Mai 2014 à 10:57

    D'accord ! Merci !! Mais hormis ça que fait le Javascript ? ._.

    499
    Jeudi 1er Mai 2014 à 11:32

    Bonjour Elda ! Pour insérer un lecteur SCM, ce n'est pas du CSS dont tu as besoin mais du Javascript. Si le Javascript n'est pas activé sur ton compte, il y a peu de chances que tu puisses voir ce lecteur. Normalement, une fois ton lecteur prêt, tu obtiens un code à insérer dans l'espace HTML d'un module simple. Mais, si le Javascript n'est pas activé sur ton compte, le lecteur ne pourra pas se mettre en place. Tu as donc deux solutions, soit envoyer un message à Stéphanie pour demander une activation du Javascript sur ton compte, soit demander à un bloggeur, ayant le Javascript activé sur son compte, de placer le code du lecteur sur ton blog !

    498
    Mercredi 30 Avril 2014 à 16:26

    Coucou, je voudrais savoir quel code CSS il me faut pour mettre de la musique sur mon blog tel que SCM Music Player

    J'ai déjà essayer mais je n'est toujours pas trouver comment faire...

    Merci d'avance !

    497
    Dimanche 6 Avril 2014 à 12:07

    Oh merci Mikuru ^0^

    Tout de devient clair à présent !

    J'avais vraiment tout compliqué dans ma petite tête hihi.

    Merci infiniment <3

    Bonne continuation et peut être à bientôt hihi !

    Bisous bisous !

    496
    Dimanche 6 Avril 2014 à 12:06
    Merci ! :3
    495
    Dimanche 6 Avril 2014 à 11:39

    Pas de soucis, je suis là pour répondre aux questions ! Alors, pour obtenir l'url d'une image, il te suffit de faire clique droit sur ton image > Copier l'adresse de l'image et hop ! Elle est dans ton presse-papier. Tu n'as plus qu'à la coller à l'emplacement prévu !

    494
    Samedi 5 Avril 2014 à 18:38

    Oh je vois *.*

    Quand tu dis "url de ton image" c'est à dire ?

    Comment trouver l'url de l'image lol ? *Inculte*

    Bises et merci de ton aide si précieuse ^.^

    493
    Samedi 5 Avril 2014 à 17:14

    Bonjour Pii_Lov3 !
    Alors en fait, le code HTML n'est vraiment pas compliqué, le voici :

    <img onmouseover="javascript:this.src='urldetonimage1.png';" onmouseout="javascript:this.src='urldetonimage2.png';" src="urldetonimage1.png" alt=""/>

    Il te suffit de remplacer urldetonimage1.png et urldetonimage2.png par les deux images que tu souhaites utiliser, et le tour est joué !

    492
    Samedi 5 Avril 2014 à 16:10

    Bonjour Mikuru.

    Oui c'est cet effet que je souhaite produire.

    Pourrais-tu m'expliquer en détails la démarche à suivre car je ne comprends pas très bien où je dois mettre mes 2 images etc...

    Merci de ton aide ^.^

    Bisous !

    491
    Jeudi 3 Avril 2014 à 22:09

    Ooh, merci beaucoup ! *^*

    490
    Jeudi 3 Avril 2014 à 21:16

    Merci :)

    489
    Jeudi 3 Avril 2014 à 19:39

    @Pii_Lov3 : En faisant une petite recherche sur google, je suis tombée sur cette page-là, c'est ce que tu cherches ?

    @Muramai : C'est la première fois que je vois ça ! En fait, je me suis rendue compte que Papasti a récemment fait un tutoriel sur ça, je te renvoie chez lui ! De même pour l'espèce de slideshow à l'accueil de ton site d'exemple, Papasti a ce qu'il faut !

    @Amichu : Les codes suivants sont à coller dans la feuille CSS de ton blog !

    #menu1 {
        top: 0;
        bottom: 0;
        position: absolute;
    }

    ou

    #menu2 {
        top: 0;
        bottom: 0;
        position: absolute;
    }

    En fonction de l'emplacement de ton menu (s'il se trouve à droite ou à gauche).

    @Kisa♪ : C'est sûrement possible si tu as une idée précise, et avec un peu de bidouillage !

    @Craspou.Chan : Tu peux créer ta playlist ici : http://scmplayer.net/ Une fois que tu auras terminé ton lecteur, un code te sera fourni, tu n'auras plus qu'à l'insérer dans l'espace HTML d'un des modules simples de ton blog ! Attention, le javascript doit être activé sur ton compte pour que le lecteur puisse apparaître.

    488
    Lundi 31 Mars 2014 à 07:30

    Me re-re-voilà x) !

    Je voulais savoir s'il était possible de mettre un "défilant" sur Ekalblog (avec du CSS, HTML ou autres) comme à l'accueil de ce site là ?

    Voilà, merci d'avance j'espère que j'ai été assez clair :)

    487
    Dimanche 30 Mars 2014 à 19:24

    Me revoilà ! :3

    Je voulais juste savoir comment faire pour mettre une barre de musique en bas du blog. 

    Merci ~ 

    486
    Dimanche 30 Mars 2014 à 15:13

    Hello !

    J'aimerai savoir si il était possible de mettre un menu en tant qu'header ? Et aussi qu'il sois fixe :

    Schéma

    Merci d'avance !

    485
    Dimanche 30 Mars 2014 à 13:50

    Bonjour ! J'aimerai savoir comment on fait pour qu'un menu soit fixe et prenne toute la hauteur de la page. Merci d'avance ! :D

    484
    Dimanche 30 Mars 2014 à 00:40

    Me revoilà ! Je voudrai savoir comment changer...le texte "commentaires" à la fin des articles.

    Un exemple que j'ai trouvé sur un blog : commentaires

     

    Voilà, merci d'avance.

    483
    Samedi 29 Mars 2014 à 21:11

    Coucou tout le monde ^.^

    J'ai besoin d'un petit code hhihi.

    Alors voilà, il se trouve que j'ai vu sur un site récemment que l'on pouvait grâce à un code changer d'image lorsque celle-ci est survolée par la souris.J'ai essayé de comprendre les explications donné mais j'avoue que je n'ai rien compris du tout.

    J'ai plusieurs images sur mon site et j'aimerais que chacune soit remplacé par une image où je mettrais le nom de la série concernée.

    Je sais qu'il me faut 2 images pour cela :) Je les ai.

    Pour ce qui est de la suite je n'y arrive pas xD

    Est-ce que quelqu'un pourrait m'expliquer en détails la démarche à suivre pour réaliser ce petit phénomène ? :p

    Merci d'avance !

    482
    Samedi 29 Mars 2014 à 19:32

    D'accord merci beaucoup :)

    481
    Samedi 29 Mars 2014 à 18:02

    Remplace
    #titre a:hover {
     text-decoration: none;
    }

    par

    #titre a:hover {
     color: #fff; /*Couleur de ton lien au survol*/
     text-decoration: none;
    }

    480
    Samedi 29 Mars 2014 à 12:14

    Le code avec les deux exemples que je t'ai montré. :3

    479
    Samedi 29 Mars 2014 à 12:07

    Mais je ne t'ai donné qu'un seul code. Je ne vois plus de quoi tu me parles ! :o

    478
    Samedi 29 Mars 2014 à 10:15

    J'ai insérer l'autre code que tu m'as fourni.

    Les titres sont en blancs et j'aimerai qu'ils testent blanc au survol mais je n'y arrive pas ( Ils deviennent orange ). Comment je fais ? ><

    Merci :3

    477
    Samedi 29 Mars 2014 à 09:52

    D'accord ce n'est pas grave merci quand même :)

    476
    Samedi 29 Mars 2014 à 06:38

    Merci beaucoup ! *-*

    475
    Vendredi 28 Mars 2014 à 22:37

    @Craspou.Chan : Je ne vois pas vraiment... Désolée. ;;

    @GreddyMai : Alors, j'ai trouvé comment faire pour la partie articles avec scrollbar. Donc, tu pourras rajouter ceci dans le #content de ton CSS :
    #content {
    border: 1px solid #9C5339;
    padding: 10px;
    }

    Par contre pour encadrer la totalité là, j'ai beau me creuser la tête, je ne vois pas de moyen de le faire en CSS. Alors, je vois deux solutions, soit tu sors ton header de son emplacement prévu en bidouillant (en mettant l'image de ton header dans un module simple et en l'encadrant d'un div que tu sortiras du module et que tu pourras placer comme tu le voudras, un peu comme ma chatbox, par exemple), et donc tu encadres ton contenu en laissant de l'espace vide pour placer ton header avec du CSS, soit tu créés un fond avec un cadre en guise de bordure !

    Sinon, pour le header aléatoire ! J'ai peut-être quelque chose à proposer.
    Tu crées un module simple, tu insères ceci dans le HTML en remplaçant ce qu'il y a à remplacer :
    <div id="en-tete"><script>// <![CDATA[
    function random_imglink(){
    var myimages=new Array()
    myimages[1]="urldetonimage1.png"
    myimages[2]="urldetonimage2.png"

    var ry=Math.floor(Math.random()*myimages.length)
    if (ry==0)
    ry=1
    document.write('<img src="'+myimages[ry]+'" border=0>')
    }
    random_imglink()
    // ]]></script></div>

    Puis, dans le cas où tu souhaites centrer ton header pour tous les ordinateurs, dans ton CSS, tu insères :
    #en-tete {
    position: absolute;
    height: 200px; /*Hauteur de ton header*/
    width: 400px; /*Largeur de ton header*/
    top: 0; /*Marge entre le bord supérieur de la page et ton header*/
    left: 50%; /*Marge entre le bord gauche de la page et ton header*/
    margin-left: -200px; /*Moitié de la largeur de ton header*/
    }

    474
    Vendredi 28 Mars 2014 à 03:59

    Voilà, tu peux y accéder ! Je vais aussi essayer de chercher de mon coté. ^^

    Merci !

    473
    Jeudi 27 Mars 2014 à 21:28

    Est ce que c'est possible de les mettres sur la page de la rubrique ? :3

    ( Si tu vois ce que je veux dire )

    472
    Jeudi 27 Mars 2014 à 21:00

    Merci :D 

    471
    Jeudi 27 Mars 2014 à 20:56

    @Mayumi, coucou. ;; Je viens de faire un petit tour des lieux ! J'ai testé de créer un nouvel article en y insérant une image importée de mon pc, ça a bien fonctionnée ! Pour la musique par contre, c'est vrai que je ne vois pas le lecteur s'afficher. Alors, là, je t'avoue que je ne vois vraiment pas d'où vient le problème. Il est peut-être passager ! Ça peut venir des serveurs d'ekla. Sinon, tu as une autre alternative, ce serait d'heberger tes images et musiques dans ta partie 'Gérer les fichiers', puis de les importer de là dans tes articles. C'est malheureusement tout ce que je peux te proposer, en espérant que ce problème ne perdure pas ! ;;

    @Craspou.Chan : Colle ceci dans ton CSS :
    #liste {
     width:150px; /*Largeur des cases*/
     height:16px; /*Hauteur des cases*/
     overflow:hidden;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     transition: all 1s ease
     }
    #liste:hover{
     height: 80px; /*16 x (nbre de sous-titres + 1)
     Ici, on a fait 16 x (4+1) = 80px*/
     }

    #titre a {
     text-align: center;
     background-color: #333333; /*Fond des titres*/
     color: #F8F8F8; /*Couleur de police des titres*/
     width: 150px; /*Largeur des cases*/
     display: block;
     -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
     -o-transition: all 2s ease
     }
    #titre a:hover {
     text-decoration: none;
    }

    #sous-titre a{
     text-align: center;
     background-color: #333333; /*Fond des sous-titres*/
     color: #f8f8f8; /*Couleur de police des sous-titres*/
     -webkit-transition: all 0.8s ease;
     -moz-transition: all 0.8s ease;
     transition: all 0.8s ease;
     display:block;
     padding:3px;
     }
     #sous-titre a:hover{
     text-decoration: none;
     background-color: #f8f8f8; /*Fond des sous-titres survolés*/
     color: #333333; /*Couleur de police des sous-titres survolés*/
     }

    Et ceci dans l'HTML de ton module (ou article) :
    <div id="liste">
    <div id="titre"><a>titre</a></div>
    <div id="sous-titre"><a>sous-titre 1</a> <a>sous-titre 2</a> <a>sous-titre 3</a></div>
    </div>

    470
    Jeudi 27 Mars 2014 à 19:45

    Hey ! :3

    Je voulais savoir comment faire pour avoir ceci dans une rubrique ::

    Je t'explique. Dans les cases rouges, il y a la catégorie. Par exemple, "Graphisme". Quand on survole cette case, cela devient comme sur l'image numéro 2. Donc on y trouve les liens. Par contre, y'a pas de case. C'était juste pour enlever les noms des liens. Voilà merci :3

    469
    Jeudi 27 Mars 2014 à 19:22

    Hello, je reviens embêter, j'ai un petit problème, je n'arrive pas à mettre le lecteur musique eklablog avec des musiques de mon ordi sur mon blog http://reflexion-en-cours.eklablog.com/, ni d'images importées depuis mon ordi. Je pouvais avant, mais plus maintenant...

    Je n'ai aucune idée de pourquoi ça ne marche pas, alors si tu pouvais m'éclairer... Je te mets la permission pour que tu ailles voir, parce que je doute que tu puisses régler le problème comme ça ^^" 

    468
    Jeudi 27 Mars 2014 à 13:48

    Je peux accéder à ton blog ? Pour les bords, je ne vois pas vraiment comment faire, le problème, c'est que tu souhaites encadré des éléments qui n'existent pas dans la configuration de base du blog (c'est-à-dire cette partie-là : http://ekladata.com/hors-sujet.lo.gs/perso/greedymai.png, je suppose que tu l'as remarqué !) et donc du coup je me demande si ce n'est pas possible en trifouillant un peu, mais il faudrait que je puisse accéder à ton blog pour voir le code source !

    Et pour le header, ça me paraît un peu difficile à faire sur eklablog. Mais, je vais me renseigner, je te tiens au courant !

    467
    Jeudi 27 Mars 2014 à 01:52

    Bonjour ! (Je vais plutôt poster ici x) )

    J'ai plusieurs choses à te demander...

    * Je voudrai savoir s'il y a un moyen pour enlever l'encadrement sur le header. En fait, je n'ai pas encadrer le header mais la page, car je voudrai encadrer la page (le bas) mais pas le header...

    http://img15.hostingpics.net/pics/171177help.png

     

    * Est-ce-que c'est possible que le header change lorsque l'on change de rubrique ?

     

    Merci d'avance !

    466
    Mardi 25 Mars 2014 à 19:04

    Un petit truc tout bête mais qui avait le don de m'irriter :D Merci beaucoup, ça marche nickel! 

    465
    Mardi 25 Mars 2014 à 18:57

    Hello Mayumi ! J'ai ce que tu cherches, voilà pour toi :
    body { overflow-y: hidden; }

    Ce petit code qui, en fait, 'cache' cette scrollbar sur l'axe vertical y (respectivement l'axe horizontal x), est à insérer dans ton CSS !

    464
    Mardi 25 Mars 2014 à 04:42

    Merci beaucoup ! ^^

    463
    Lundi 24 Mars 2014 à 19:47

    Hello! Je suis de retour pour te demander conseil :D J'aimerais retirer la scrollbar de mon second blog: réflexion en cours. Tu sais, celle que tu as sur toutes les pages internet, celle à droite (la grande), mais j'ai beau tout tenter, elle reste et est inutile. Tu aurais une réponse à mon problème?

    Merci d'avance~

    462
    Dimanche 23 Mars 2014 à 18:07

    Ah non désolé c'est moi. J'ai oublié de mettre l'HTML x)

    461
    Samedi 22 Mars 2014 à 19:52

    J'ai essaye sur mon blog de test mais ça ne marche pas j'ai peut être mal fait ? ;s

    460
    Samedi 22 Mars 2014 à 18:50

    @GreedyMai, je crois avoir trouvé ce que tu cherches ! Par contre, après (je suppose que c'est ce que tu as prévu de faire), je vois qu'il va falloir que tu bidouilles encore un peu les paramètres de ton thème pour arriver au résultat que tu as schématisé. Si tu as besoin de quelque chose, n'hésite pas ! Voici pour le cadre :

    #content {
    overflow-y: scroll;
    height: 465px; /*Hauteur du cadre*/
    }

    459
    Samedi 22 Mars 2014 à 12:10

    D'accord merci beaucoup :3

    458
    Samedi 22 Mars 2014 à 00:02

    Insère ceci dans ton CSS :
    .liste {
        padding-left: 2px;
        border-bottom: 1px solid #b1c4fc; /*Couleur du bord qui sépare chaque case*/
        letter-spacing: -0.5px;
        text-transform: lowercase;
        text-align: center;
        font-family: Georgia;
        font-size: 12px;
        background-color: #c2d0fb; /*Couleur du fond des cases*/}
    .liste a { display: block; color: #507cfd; /*Couleur des liens*/}
    .liste a:hover { text-decoration: none; color: orange; /*Couleur des liens au survol*/}
    .liste:hover {
        background-color: transparent; /*Couleur du fond au survol*/}

    Maintenant, crée un module simple puis clique sur . Ensuite, colle ceci :
    <p style="text-align: center;"><span style="color: #99ccff;"><strong><em>animes &amp; manga</em></strong></span></p>
    <div class="liste" style="margin-top: 4px;"><a href="/bleach-c17268128">Bleach</a></div>
    <div class="liste"><a href="/blue-exorcist-c17268134">Blue Exorcist</a></div>
    <div class="liste"><a href="/code-geass-c17272842">Code Geass</a></div>
    <div class="liste"><a href="/durarara-c17272844">Durarara!!</a></div>
    <div class="liste"><a href="/hunter-x-hunter-c17272880">Hunter X Hunter</a></div>
    <div class="liste"><a href="/kaichou-wa-maid-sama-c17272846">Kaichou wa Maid-sama!</a></div>
    <div class="liste"><a href="/kissxsis-c17272850">KissXSis</a></div>
    <div class="liste"><a href="/kuroshitsuji-c17272854">Kuroshitsuji</a></div>
    <div class="liste"><a href="/naruto-shippuden-c17272860">Naruto Shippuden</a></div>
    <div class="liste"><a href="/noragami-c17272862">Noragami</a></div>
    <div class="liste"><a href="http://iconmunity.lo.gs/one-piece-c17295920">One Piece</a></div>
    <div class="liste"><a href="/panty-stocking-with-garterbelt-c17272864">Panty &amp; Stocking with Garterbelt</a></div>
    <div class="liste"><a href="/toradora-c17272866">Toradora</a></div>
    <div class="liste"><a href="/touhou-c17272870">Touhou</a></div>
    <div class="liste"><a href="/uta-pri-c17272878">Uta&acirc;&tilde;&dagger;Pri</a></div>

    Enregistre le tout, et normalement, ça devrait être bon !
    J'ai rajouté des indications dans le CSS pour te permettre de personnaliser ton menu plus facilement. En espérant que cela fonctionne !

    457
    Vendredi 21 Mars 2014 à 21:01

    Bonsoir :3

    Je voulais juste savoir comment on met le noms des liens vers les rubriques ( dans le menu ) dans des petites cases. 

    Merci beaucoup :)

    456
    Mercredi 19 Mars 2014 à 20:05

    Bonjour, bonsoir GreedyMai ! Je vais m'y attarder de ce pas et voir si cela est faisable !

    455
    Dimanche 16 Mars 2014 à 22:10

    Bonjour Mikuru,

    Je voudrai savoir s'il y a un moyen de mettre tout le contenu du blog (sauf le header) dans un cadre avec scrollbar. J'ai fait un plan pour que tu comprennes mieux de quoi je parle ^^' :

    http://img15.hostingpics.net/pics/241690plan2.png

    J'ai vu qu'un blog Eklablog avait ça aussi !

    Je t'ai mis en permission pour que tu puisses voir à quoi ressemble mon blog actuellement.

    Ce que je te demande est peut-être compliqué...

    Voilà, merci d'avance >.<

    454
    Mercredi 12 Mars 2014 à 18:29

    Merci beaucoup je vais essayé !

    453
    Mercredi 12 Mars 2014 à 18:22

    Insère ceci dans ton CSS :
    .liste {
        padding-left: 2px;
        border-bottom: 1px solid #b1c4fc; /*Couleur du bord qui sépare chaque case*/
        letter-spacing: -0.5px;
        text-transform: lowercase;
        text-align: center;
        font-family: Georgia;
        font-size: 12px;
        background-color: #c2d0fb; /*Couleur du fond des cases*/}
    .liste a { display: block; color: #507cfd; /*Couleur des liens*/}
    .liste a:hover { text-decoration: none; color: orange; /*Couleur des liens au survol*/}
    .liste:hover {
        background-color: transparent; /*Couleur du fond au survol*/}

    Maintenant, crée un module simple puis clique sur . Ensuite, colle ceci :
    <p style="text-align: center;"><span style="color: #99ccff;"><strong><em>animes &amp; manga</em></strong></span></p>
    <div class="liste" style="margin-top: 4px;"><a href="/bleach-c17268128">Bleach</a></div>
    <div class="liste"><a href="/blue-exorcist-c17268134">Blue Exorcist</a></div>
    <div class="liste"><a href="/code-geass-c17272842">Code Geass</a></div>
    <div class="liste"><a href="/durarara-c17272844">Durarara!!</a></div>
    <div class="liste"><a href="/hunter-x-hunter-c17272880">Hunter X Hunter</a></div>
    <div class="liste"><a href="/kaichou-wa-maid-sama-c17272846">Kaichou wa Maid-sama!</a></div>
    <div class="liste"><a href="/kissxsis-c17272850">KissXSis</a></div>
    <div class="liste"><a href="/kuroshitsuji-c17272854">Kuroshitsuji</a></div>
    <div class="liste"><a href="/naruto-shippuden-c17272860">Naruto Shippuden</a></div>
    <div class="liste"><a href="/noragami-c17272862">Noragami</a></div>
    <div class="liste"><a href="http://iconmunity.lo.gs/one-piece-c17295920">One Piece</a></div>
    <div class="liste"><a href="/panty-stocking-with-garterbelt-c17272864">Panty &amp; Stocking with Garterbelt</a></div>
    <div class="liste"><a href="/toradora-c17272866">Toradora</a></div>
    <div class="liste"><a href="/touhou-c17272870">Touhou</a></div>
    <div class="liste"><a href="/uta-pri-c17272878">Uta&acirc;&tilde;&dagger;Pri</a></div>

    Enregistre le tout, et normalement, ça devrait être bon !
    J'ai rajouté des indications dans le CSS pour te permettre de personnaliser ton menu plus facilement. En espérant que cela fonctionne !

    452
    Mercredi 12 Mars 2014 à 17:59

    Merci mais sa ne marche pas ! :/

    451
    Mardi 11 Mars 2014 à 18:07

    Merci beaucoup !

    450
    Mardi 11 Mars 2014 à 11:11

    Bonjour ! Ci-dessous le CSS demandé :
    #body { border-top: 0; } /*Retire la bordure blanche sous la barre*/
    #menubar { opacity: 0; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease}
    #menubar:hover { opacity: 1; }

    449
    Lundi 10 Mars 2014 à 19:38

    Bonjour ! Est-il possible de mettre la barre EklaBlog en transparent ou la cacher puis en passant la souris à l'endroit où elle se trouve elle ré-apparaît ?

    448
    Samedi 8 Mars 2014 à 19:43

    Je te conseillerai de faire un tour par ici http://scmplayer.net/
    Lorsque tu auras obtenu un code d'intégration, il te suffira de l'insérer dans l'espace HTML d'un module simple. Attention, si le javascript n'est pas activé sur ton compte, cela ne fonctionnera pas.

    447
    Jeudi 6 Mars 2014 à 20:13

    veut mettre je voiler avoir un music layer sur mon blog comment ????

    446
    Jeudi 6 Mars 2014 à 20:10

    Pour le menu, il est constitué de CSS et de HTML. Je te propose de te baser sur ces deux codes pour réaliser ce menu :

    CSS à l'adresse suivante : http://ekladata.com/tOBr-qbgOjgxyx5oDeYgR12BaOg/css-customize.css
    HTML à l'adresse suivante : http://ekladata.com/wG_M68Ee34cDkTKdJ_ue5pJDmEw/html-customize.txt

    445
    Mardi 4 Mars 2014 à 15:53

    Salut ! J'aimerais savoir si il y aurai un code CSS pour ce genre de menu : http://cosmo.eklablog.net/ Merci ! :)

    444
    Samedi 1er Mars 2014 à 19:07

    Yeaaaah merci ! ♥ :D

    443
    Jeudi 27 Février 2014 à 20:57

    @MuseKim : Bonjour ! Je vous propose d'utiliser ceci :
    .pagination select { display: none; }

    @Rarity : Essaie donc ceci :
    #background { box-shadow: 0 0 10px #000000; /*Couleur de la lueur modifiable*/ }

    442
    Mardi 25 Février 2014 à 15:30

    Hey :3 !

    Je cherche le code pour ajouter une lueur autour de mon blog sans qu'il soit arrondi. Je dois avouer que je le trouve sur plusieurs blogs et que ça m'a beaucoup plu. Si tu pouvais me passer le CSS, ce serait giga. Merci (:

    Bye !

    441
    Mardi 25 Février 2014 à 13:31

    Bonjour,

    Je voudrais savoir comment enlever la barre "aller a la page", si vous saviez comment faire, ça serait cool, vous remerciant

    Kim

    440
    Mercredi 19 Février 2014 à 09:02

    EDIT :  Finalement, je n'en ai plus besoin ! ^^'

    439
    Dimanche 12 Janvier 2014 à 22:46

    Merci beaucoup ^-^ .

    438
    Dimanche 12 Janvier 2014 à 21:43

    'Soir !

    J'aimerais savoir si c'était possible d'ajouter un fond au module dernier visiteurs et une scrollbar ?

    Merci d'avance à la gentille personne qui me répondra . :3

    437
    Dimanche 12 Janvier 2014 à 19:32

    Bonsoir Lu Han !
    Je te propose ça :

    CSS
    #navigation a {
        text-decoration: none;
        color: #000000; /*Couleur du texte*/
        text-transform: uppercase;
        font-size: 11px;
        font-family: Georgia;
        background-color: #ffffff; /*Couleur du fond*/
        padding: 2px;
        margin-bottom: 2px;
        width: 200px; /*Largeur du menu*/
        text-align: center;
        display: block;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

    #navigation a:hover {
        padding: 7px 2px;
    }

    HTML
    <div id="navigation">
    <a href="/">Lien 1</a>
    <a href="/">Lien 2</a>
    <a href="/">Lien 3</a>
    <a href="/">Lien 3</a>
    <a href="/">Lien 3</a>
    </div>

    436
    Dimanche 12 Janvier 2014 à 15:54

    Bonjour ,

    j'ai une question s'il te plait , j'aimerais savoir il existe un code comment ce style du menu de ce blog:

    http://kpop-in-the-sky.tumblr.com/ 

    et merci c: .

    435
    Lundi 30 Décembre 2013 à 22:00

    C'est bon comme ça ? :o J'espère qu'il est bien placé !

    434
    Lundi 30 Décembre 2013 à 21:50
    Et voilq ^^ Sur le blog OnceUponASerie ;)
    433
    Lundi 30 Décembre 2013 à 21:48

    Oui, d'accord :)

    432
    Lundi 30 Décembre 2013 à 21:37
    Si je te met les perms tu pourrait le faire ?
    Car rien que modifier un truc j ai du mal ^^

    Si non merci du code ;-)
    431
    Lundi 30 Décembre 2013 à 21:26

    Est-ce que ce code-là pourrait t'aider ?
    À insérer dans l'espace Code source d'un module :
    <script>// <![CDATA[
    TargetDate = "03/09/2014 5:00 AM";
    BackColor = "transparent";
    ForeColor = "white";
    CountActive = true;
    CountStepper = -1;
    LeadingZero = true;
    DisplayFormat = "%%D%% Jours, %%H%% Heures, %%M%% Minutes, %%S%% Secondes<br>avant le retour de OnceUponATime sur ABC";
    FinishMessage = "C'est le jour-J !";
    // ]]></script>
    <script src="http://scripts.hashemian.com/js/countdown.js"></script>

    Ensuite pour l'image, j'ai cru comprendre qu'il s'agissait de la bannière, donc il te faudra le placer toi-même, puisque je n'ai pas le moyen de le faire sur ton blog. Les parties en rouge sont modifiables :)

    430
    Lundi 30 Décembre 2013 à 18:32
    Et tu ne connaispas un site ou on peut en faire ? ( ou cas ou la xate est le 9 Mars 2014 ^^ )
    429
    Lundi 30 Décembre 2013 à 18:18

    Non c'est pas que je craint qu'on me vole des codes ça je m'en fou complètement mais je n'arriver vraiment pas à t'envoyer tous le CSS car ça s'effacer à chaque fois. ee

    Je t'envoie le MP !

    428
    Lundi 30 Décembre 2013 à 17:41

    @ JiJi_ : Avec ce bout de code, tout à l'air de fonctionner. Donc le problème ne vient pas là, mais comme je n'ai pas ta feuille entière je ne peux pas le déceler. Si tu crains vraiment que l'on te pique les codes de ta feuille, va dans Contenu > Gérer les fichiers > Nouveau fichier, renomme le fichier comme tu veux mais sous la forme nomdetonfichier.css et colle tes codes là-dedans. Puis quand ce sera bon envoie-moi le lien du fichier par MP s'il-te-plait, que je puisse voir ça !

    @ Mini guigui : Je vais me pencher sur ça, merci !
    Edit : Ah, mais oui, du coup, non, on ne peut pas changer le fond puisqu'il est déjà déterminé. Si l'on met un fond derrière, cela n'enlèvera pas ce design "post-it". :/

    427
    Lundi 30 Décembre 2013 à 15:13

    Tien je te l'envoie ici. J'arrive pas à l'envoyer entièrement aussi c'est bizarre.. Donc je te colle un bout de la fin :

    h1 a:first-letter color#8e8e8e}
    displayinline-block}

    .description {
        height350px;
        width177px;
        -moz-transitionall 400ms ease;
        background-color#FFFFFF;
        color#000000;
        font-familyCalibri;
        font-size13px;
        letter-spacing5px;
        opacity0;
        padding13px;
        positionabsolute;
        text-aligncenter;
        text-transformuppercase;
    }
    .description:hover {
        opacity0.68;
    }
    .bg {
        min-height200px;
        min-width200px;
        
    }

    #menubar{opacity0.4transitionall 1s;
        -moz-transitionall 1s;
        -webkit-transitionall 1s;}
    #menubar:hover
    {opacity9;
    }


    .article_text {    
        transitionall 1s ease;
        -moz-transitionall 1s ease;
        -webkit-transitionall 1s ease;
    }

    .article_text a:hover {
        transitionall 1s ease;
        -moz-transitionall 1s ease;
        -webkit-transitionall 1s ease;
        background-color#ce3069/*Remplace par le code de la couleur de ton choix*/
    }

    426
    Lundi 30 Décembre 2013 à 14:44

    Salut Mikuru ! Le code est :

     

    <p><object style="display: block; margin-left: auto; margin-right: auto;" width="160" height="160" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"><param name="movie" value="http://www.starholly.com/m/cdc/clock4.swf"><param name="wmode" value="transparent"><param name="quality" value="high"><param name="FlashVars" value="yy=2014&mm=3&dd=9&hh=00&ff=00&titler=Avant le retour de OnceUponATime sur ABC"><embed src="http://www.starholly.com/m/cdc/clock4.swf" quality="high" width="160" height="160" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" FlashVars="yy=2014&mm=3&dd=9&hh=00&ff=00&titler=Avant le retour de OnceUponATime sur ABC"></object></p>

     

    Et j'aimerais qu'il y aille cette image par dèrrière. L'idéale aurait été que le compte soit transparent mais j'ai pas trouvé ^^ ( Le compte sera a la place de l'Horloge ^^

     

    425
    Lundi 30 Décembre 2013 à 12:00

    Merci Mikuru !

    424
    Lundi 30 Décembre 2013 à 00:07

    Modifier la couleur du pseudo :
    Sans survol
    #menubar_section_account a { color: #FFFFFF; }

    Au survol
    #menubar_section_account a:hover { color: #FFFFFF; }

    423
    Dimanche 29 Décembre 2013 à 22:53

    Hey je voulais savoir s'il y avait la possibilité de changer la couleur du pseudo sur la barre (qui est en bleu normalement) stp ? merci d'avance.

    422
    Dimanche 29 Décembre 2013 à 17:25

    Tu aurais le code de ton compte à rebours ? Je veux bien essayer de faire quelque chose dans cette idée-là, si ça peut fonctionner !

    421
    Dimanche 29 Décembre 2013 à 16:56

    Oui c'est mon idée ^^

    420
    Dimanche 29 Décembre 2013 à 16:46

    Oui c'est possible, c'est le principe du cadre de l'encadré mises à jour sur la page d'accueil. Après, tout est relatif. Tu voudrais mettre ton compte à rebours généré sur un fond ?

    419
    Dimanche 29 Décembre 2013 à 16:23

    Oui je sais mais comme j'en trouve pas avec qu'on puisse mettre d'images. Est ce que , sans montage , on peut mettre un texte sur une image ? ( car une idée de viens ) 

    418
    Dimanche 29 Décembre 2013 à 16:22

    @ Mini guigui : J'y penserai, merci ! Un compte à rebours ? Le CSS et le HTML ne suffiront jamais à concevoir un compte à rebours, je pense qu'il faut absolument passer par du Javascript. Je ne sais vraiment pas comment cela se fait, alors je ne vais pas te dire de bêtise, mais je pense qu'en cherchant sur internet tu trouveras facilement un générateur de compte à rebours. Il y en aura probablement qui te permettront de le personnaliser !

    @ JiJi_ : Puis-je jeter un coup d'oeil à ta feuille CSS ?

    417
    Dimanche 29 Décembre 2013 à 13:27

    Oui je ne comprend pas .. 

    416
    Dimanche 29 Décembre 2013 à 12:18

    Salut Mikuru :)

    Déjà je te conseil de refaire un article pour demandez des codes , sa refais long x)

    Ensuite a tu un code pour que je fasse un compte a rebour , mais que je puisse mettre une image en arrière plant ?

    Merci ^^ 

    415
    Dimanche 29 Décembre 2013 à 12:04

    Tu as retiré le code précédent avant d'ajouter celui que je t'ai donné ?

    414
    Samedi 28 Décembre 2013 à 13:46

    Alors j'ai mit le code que tu m'a donner mais le fond du texte reste blanc, même quand j'actualise ou que je change la couleur ..

    413
    Samedi 28 Décembre 2013 à 11:45

    @ Naff : Excuse moi de la réponse tardive, j'attendais de recevoir de nouvelles notifications afin de voir comment modifier ça ! En fait, j'ai trouvé quelque chose de beaucoup plus simple. L'image de fond utilisée pour les notifications (nouvelles ou non) est la même, tu peux la trouver ici : http://portfolio.ek.la/images/menubar/notifs_item.png

    Je te conseillerai donc de simplement modifier cette image, à savoir que le bloc blanc correspond aux notifications lues, le bloc bleu ciel aux nouvelles notifications, et le bloc bleu aux notifications survolées !

    Lorsque tu auras personnalisé ton image, il te suffira de l'héberger et de coller ceci dans ta feuille de style CSS :
    #notifications_panel li { background: url('urldetonimageperso.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0); }

    Tu pourras donc retirer les codes précédents qui attribuent un fond noir à tes notifications pour préférer celui-ci !

    Pour ta deuxième demande, utilise ceci :
    .menubar_section:hover { color: red; }
    .menubar_section li:hover { color: red; }

    red à remplacer par le code couleur de ton choix.

    Quant au logo, voilà, voilà :
    #menubar_logo { margin-top: 5px; position: absolute; right: 0; }

    Pour l'icône des favoris, essaie donc cela :
    #menubar_favorites_btn,
    #menubar_nofavorites_btn:hover {
    background: url('urldetonicone.png') no-repeat 50% 50%; }

    @JiJi_ : Alors, voici, voilà :
    .article_text a {   
        transition: all 1s ease;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
    }

    .article_text a:hover {
        transition: all 1s ease;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        background-color: #ce3069; /*Remplace par le code de la couleur de ton choix*/
    }

    412
    Jeudi 26 Décembre 2013 à 13:46
    411
    Jeudi 26 Décembre 2013 à 10:25

    @Miliav : Normalement c'est celui ci :

    #menubar{opacity0.4transitionall 1s;
        -moz-transitionall 1s;
        -webkit-transitionall 1s;}
    #menubar:hover
    {opacity9;
    }

    Tu peut aussi changer les valeurs en rouge

    410
    Lundi 23 Décembre 2013 à 19:51
    comment faire pour que la barre soit legerement transparente et au survole du curseur qu'elle redeviennent normal (non transparente)
    merci :3
    409
    Lundi 23 Décembre 2013 à 18:42

    Boooonsoir j'aimerais qu'avec ce code on est seulement que les liens de l'article qui est un fond.  C'est possible ou pas ? ;u; car sur les petites icônes de gestion ça fait très très laid .. Bref voilà !

    {
        transitionall 1s ease;
        -moz-transitionall 1s ease;
        -webkit-transitionall 1s ease;
    }

    a:hover {
        transitionall 1s ease;
        -moz-transitionall 1s ease;
        -webkit-transitionall 1s ease;
        background-color#ce3069/*Remplace par le code de la couleur de ton choix*/
    }

     

     

    408
    Samedi 21 Décembre 2013 à 10:57

    Merci beaucoup :DD

    Edit : J'aurais besoin de plusieurs autres codes s'il te plaît >w< !

    _ D'abord, celui pour changer la couleur du fond des nouvelles notifications qu'on n'a pas encore vues ( en bleu à l'origine ) et changer la couleur du fond des notifications quand on passe dessus simplement, ( j'aimerais pouvoir le mettre en gris ) car moi ça me donne ça ( en ayant passé le curseur sur ma première notif ) :

    Donc je crois que ce n'est pas très pratique pour voir les nouvelles notif's car on ne voit pas la différence facilement >< !

    - Ensuite, j'aimerais un code pour modifier la couleur du texte dans l'encadré rouge et celui au dessus ( "Contenu", et donc avec passage du curseur ) :

    _ J'ai vu sur ce blog : http://pullip-dreams.lo.gs que le logo EklaBlog était à droite, et non à gauche :

    Si c'est bien un code CSS, je me demandais si tu le connaissais.

    _ Et pour finir, comme sur le site du dessus, un code pour pouvoir modifier l'icon pour mettre en favori un blog :

      → 

    Je suis consciente que tu ne puisses pas répondre à toutes mes demandes, mais je ne sais pas si tu pourras quand même y répondre, donc je tente le tout pour le tout xD !

    Merci beaaaauuuuucoup, car je dois être très exigeante owo" !

    407
    Samedi 21 Décembre 2013 à 10:35

    Hop là, pour le petit souci de la flèche rajoute ceci :
    #menubar_show {
        background: url("urldetonimage.png") no-repeat scroll -17px 0 rgba(0, 0, 0, 0); }

    En ce qui est de la scrollbar, il faut savoir que les modifications ne seront visibles que Chrome ! Je te recolle donc le code que The Joker avait précédemment donné :

    ::-webkit-scrollbar {
        width: Xpx; /*Largeur du petit truc pour faire défiler*/
        height: 0px; /*Automatiquement 0*/
    }
    ::-webkit-scrollbar-track {
        background-color: #000000; /*Couleur du fond de la scrollbar*/
    }
     
    ::-webkit-scrollbar-thumb {
        background-color: #FFFFFF; /*Couleur du truc pour faire défiler*/
    }

    406
    Samedi 21 Décembre 2013 à 10:13

    Oh merci beaucooouuuup Mikuru, tu me sauves la vie, moi qui suis censée ouvrir mon blog aujourd'hui :'D !

    J'ai 2 autres petites choses à te demander >w<' !

    _ Sur certains blogs j'ai vu des personnes ayant réussi à modifier la scrollbar à droite, aurais-tu un code qui puisse faire ça ?.?

    _ Et aussi autre chose, j'ai un petit problème avec les flèches de la barre tout à gauche ! Quand on voit la barre elle est de la bonne couleur, mais quand je clique dessus pour cacher la barre elle fait ça :

    405
    Vendredi 20 Décembre 2013 à 22:52

    Bonsoir, bonsoir Naff !
    Si ton problème n'est toujours pas résolu, je crois avoir la solution !

    Retirer les séparations restantes :
    En me basant sur ta capture, il te faudrait rajouter ces codes ci-dessous :

    #menubar_logo { background-image: none; }
    .menubar_separation { display: none; }
    #menubar_section_help { background-image: none; }


    Modifier la couleur du pseudo :
    Sans survol
    #menubar_section_account a { color: #FFFFFF; }

    Au survol
    #menubar_section_account a:hover { color: #FFFFFF; }


    Modifier la couleur du fond des menus au survol :
    .menubar_section:hover { background-color: #000000; }


    Modifier couleur du texte et fond des notifications :
    ul#notifications_panel li {
        background-image: none;
        background-color: #000000;
    }
    ul#notifications_panel li span.notif_date { color: #FFFFFF; }
    ul#notifications_panel li:hover span.notif_date { color: #ff0000; }
    ul#notifications_panel li span.notif_msg { color: #FFFFFF; }
    ul#notifications_panel li:hover span.notif_msg { color: #ff0000; }

    404
    Lundi 16 Décembre 2013 à 15:43

    Bijour :3

    Je recherche un code pour pouvoir modifier ceci :3 ( à cause du nouveau système d'EklaBlog, la barre a été modifié et y'a quelques trucs qui me font bien chi** que je n'arrive pas à résoudre --' ) :

    _ Enlever les barres qui se sont rajoutées avec la nouvelle version de la barre d'Ekla,

    _ Modifier la couleur du pseudo sur la barre,

    _ Modifier le fond des "Contenu", "Apparence", "Interactions"... au dessus des sous-menu quand on passe le curseur,

    - Et enfin modifier le fond des notifications ( avec et sans passage du curseur + couleur de police si possible ><' )

    Merci d'une réponse TuT

    403
    Dimanche 15 Décembre 2013 à 16:30

    Oui pardon je vais le faire. ~ 

    Et voilà !

    402
    Dimanche 15 Décembre 2013 à 15:01

    J'aurais besoin d'accéder à ton blog par contre, pour voir le module.

    401
    Dimanche 15 Décembre 2013 à 13:12

    Si cela ne te dérange pas je veux bien de l'aide. ;u; 

    400
    Dimanche 15 Décembre 2013 à 09:52

    Ouh là. Hum, tu veux peut-être que j'essaie de le faire ?

    399
    Samedi 14 Décembre 2013 à 19:44

    C'est complexe tout ça ... Surtout que je vois écris en gros que mes cookies ne sont pas activé gsrgt. ;;

    398
    Samedi 14 Décembre 2013 à 14:49

    Alors je ne peux pas vraiment vérifier si tu as le bon sans le voir sur ton blog, mais d'après ton code, je suppose que tu devras utiliser li#module_menu134209839 dans ton CSS. Tente le coup !

    397
    Samedi 14 Décembre 2013 à 12:44

    Ah excuse moi .. Oui j'ai vue sur un autre blog qu'on pouvait encadrer les commentaires ou bien faire un arrondissement dessus.  Je sais pas si tu voie ce que je veux dire. Sinon merci pour les codes !

    Par contre j'ai peur de faire une bêtise au sujet du CSS des visiteurs alors je voudrait être sûr si c'est bien cette ligne dont tu parle :

    <table> <tbody> <tr> <td class="webkit-line-content"><div id="menu1_float"></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><div id="menu1"></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><div id="menu1_top"></div></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><ul id="ulmenu1" class="ulmodule_menu"></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><li id="module_menu134209839" class="module_menu_type_html"></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><div class="module_menu_titre"></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><div class="module_tools" style="display: none;"></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><a href="javascript:Module.edit('menu', 'html', 134209839);void(0);" onmouseover="Help.bubble(this, 'Éditer')"><img src="/images/common/icon_edit.png" alt="Éditer" /></a><a href="javascript:Module.del('menu', 'html', 134209839);void(0);" onmouseover="Help.bubble(this, 'Supprimer')"><img src="/images/common/icon_delete.png" alt="Supprimer" /></a></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"></div></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><span id="module_menu_titre134209839"></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content">w e l c o m e</td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"></span></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"></div></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><div id="module_menu_contenu134209839" class="module_menu_contenu"></td> </tr> <tr> <td class="webkit-line-number"> </td> <td class="webkit-line-content"><div class="module_menu_contenu_block"></td> </tr> </tbody> </table>
    396
    Samedi 14 Décembre 2013 à 11:17

    Grosse erreur de ma part, encore désolée je me suis trompée de selecteur. Le code fonctionne, mais pas là où il faut haha. Je devais être trèèèèès fatigué dis donc ! Bon, réactualisation, ne modifie rien sur la première liste de code que j'ai envoyée et rajoute cela à la fin :

    .menu-lastvisitors-avatar {
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        box-shadow: 0 0 7px #d3d2d3;
        background-color: #FFFFFF;
        border: 5px solid #FFFFFF;
        padding: 0;
    }

    .menu-lastvisitors-avatar:hover {
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    Là, ça devrait être bon !
    Par contre, ce code-là ne figurait pas dans la liste que tu m'avais envoyée, je pense qu'il devait manquer une partie des codes ! Enfin, l'essentiel c'est que ça refonctionne !

    Appliquer une ombre aux images des articles :
    Ajoute ce code-là à la suite de ta feuille de style :

    .module_contenu_block img {
        -moz-box-shadow: 3px 3px 6px #00000;
        -webkit-box-shadow: 3px 3px 6px #00000;
        box-shadow: 3px 3px 6px #00000;
    }

    Remplace #000000 pour changer la couleur de l'ombre.
    3px et 3px donnent la position de l'ombre par rapport à l'image et 6px l'intensité du flou, je te laisse le plaisir de t'amuser avec tout ça !

    Par contre, je ne vois pas ce que tu veux dire par « le CSS qui encadre les commentaires » ? Éclaire-moi un petit peu, que je puisse t'aider !

    Puis pour les visiteurs, c'est un peu plus compliqué que la chatbox mais le principe est exactement le même. Il me semblait avoir répondu à une question un peu plus générale dans les commentaires, j'ai trouvé la réponse donc je te recolle tout ça, je pense que cela va t'aider !

    Question : Comment « sortir » un module du cadre du blog ?

    Réponse : « Donc, lorsque tu vas sur ton blog et que tu fais Ctrl+U, tu obtiens normalement la page du code source. Fais ensuite Ctrl+F et recherche le nom du module que tu souhaites faire sortir de la page, tu devrais obtenir ce type de ligne, j'ai pris l'exemple de mon module "Partenaires" ici (http://ekladata.com/ZEg8feeEgt55_BVaP-4rgIeNIq8/code.png), essaie de repérer le premier bout surligné en jaune, il est situé un peu plus au dessus du titre du module. Copie ensuite de bout, puis, dans ton CSS, insère-le dans ce code-là :

    li#colletonboutdecodeici {
        position: absolute;
        top: 50px;
        left: 5px;
    }

    Le tour est joué ! Il ne te reste plus qu'a changer les différentes positions, selon l'endroit où tu veux placer ton module, soit les valeurs 50px et 5px. :) »

    395
    Mardi 10 Décembre 2013 à 21:24

    Ca fais rien ... J'ai beau enlever et retirer, actualisé pour voir si ça bug pas et j'ai rien. Pourtant j'ai bien remplacer ce que tu as mit. Bon c'est pas grave ! Sinon j'aimerais avoir le code CSS pour mettre une ombre aux images seulement les images des articles et aussi avoir le CSS qui encadre les commentaires.

    Pour les visiteurs j'aimerais les mettre en dehors du menus .. C'est le même code avec la chatbox ?

    394
    Mardi 10 Décembre 2013 à 21:10

    Ah excuse-moi j'ai du faire une bêtise ! Donc retrouve cette partie-là dans ton code :

    .commentavatar {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0 0 7px #d3d2d3;
        background-color: #FFFFFF;
        border: 5px solid #FFFFFF;
        padding: 0;
    }

    et remplace-la par ça :

    .commentavatar {
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0 0 7px #d3d2d3;
        background-color: #FFFFFF;
        border: 5px solid #FFFFFF;
        padding: 0;
    }

    .commentavatar:hover {
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    Toutes mes excuses !

    393
    Mardi 10 Décembre 2013 à 20:52

    Je viens de perdre un code. :cry:

    Pourrais-tu me repasser le code ou les avatars des visiteurs sont en cercle et quand on passe notre souris dessus ils redeviennent normaux mais dans une rotation lente ? S'il te plaît.  ;;

    392
    Mardi 10 Décembre 2013 à 20:45

    Han merci. **

    391
    Mardi 10 Décembre 2013 à 20:35

    Oui je pense qu'il s'agissait de ça, il y avait pas mal de lignes doubles dans ton code. Je l'ai entièrement corrigé je pense que celui-ci devrait fonctionner sans soucis !

    #background {
        border-radius: 30px;
        box-shadow: 0 0 10px #e6e5e6;
    }

    .module_contenu {
    border-radius: 30px ;
    box-shadow: 0 0 10px #e6e5e6;
    }

    #menu1 {
    border-radius: 30px ;
    box-shadow: 0 0 10px #e6e5e6;
    }

    #header {
        border-radius: 30px;
    }

    .commentavatar {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0 0 7px #d3d2d3;
        background-color: #FFFFFF;
        border: 5px solid #FFFFFF;
        padding: 0;
    }

    body { cursor: crosshair; }

    #help_bubble {
     color:#ad5260; /*Couleur du texte*/
     background-color:#ffffff; /*Couleur du fond*/
     border: 1px solid; /*Taille et aspect de la bordure*/
     border-top-color:#e6e5e6; /*Couleur bordure supérieure*/
     border-left-color:#e6e5e6; /*Couleur bordure gauche*/
     border-right-color:#e6e5e6; /*Couleur bordure droite*/
     border-bottom-color:#e6e5e6; /*Couleur bordure inférieure*/
     padding:4px; /*Espace entre le texte et la bordure*/
    }

    a {
        -moz-transition: color 0.5s linear;
        -webkit-transition: color 0.5s linear;
        transition: color 0.5s linear;
        -moz-transition: letter-spacing 0.4s linear;
        -webkit-transition: letter-spacing 0.4s linear;
        transition: letter-spacing 0.4s linear;
        letter-spacing: 0;
    }

    a:hover {
        -moz-transition: letter-spacing 0.4s linear;
        -webkit-transition: letter-spacing 0.4s linear;
        transition: letter-spacing 0.4s linear;
        letter-spacing: 2px;
        -moz-transition: color 0.5s linear;
        -webkit-transition: color 0.5s linear;
        transition: color 0.5s linear;
        color: #9f9f9f;
    }

    .pagination {
        background-color: #FFFFFF;
        box-shadow: 2px 2px 3px #e6e5e6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 2px;
        position: fixed;
        right: 20px;
        bottom: 20px;
    }

    .module_menu_type_lastvisitors img {max-width: 50px;}

    img {
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        opacity: 1;
    }

    img:hover {
        -moz-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;  
        opacity: 0.5;
    }

    390
    Mardi 10 Décembre 2013 à 20:14

    Oui bien sûr. ~

    #background {
        border-radius30px;
    }


    #background {
        border-radius30px;
         box-shadow10px #e6e5e6;
    }

    .module_contenu {
    border-radius30px ;
    }



    .module_contenu {
    border-radius30px ;
    box-shadow10px #e6e5e6;
    }

    #menu1 {
    border-radius30px 
    }


    #menu1 {
    border-radius30px ;
    box-shadow10px #e6e5e6;
    }

    #header {
        border-radius30px;
    }

    .commentavatar {
        background-color#FFFFFF;
        border2px solid #FFFFFF;
        padding0;
    }


    .commentavatar {    -moz-border-radius5px
        -webkit-border-radius5px
        border-radius5px
        background-color#FFFFFF;
        border5px solid #FFFFFF;
        padding0;
    }

    .commentavatar {
        box-shadow7px #d3d2d3
        background-color#FFFFFF;
        border5px solid #FFFFFF;
        padding0;
    }


    body cursorcrosshair}

    #help_bubble {
     color:#ad5260/*Couleur du texte*/
     background-color:#ffffff/*Couleur du fond*/
     border1px solid/*Taille et aspect de la bordure*/
     border-top-color:#e6e5e6/*Couleur bordure supérieure*/
     border-left-color:#e6e5e6/*Couleur bordure gauche*/
     border-right-color:#e6e5e6/*Couleur bordure droite*/
     border-bottom-color:#e6e5e6/*Couleur bordure inférieure*/
     padding:4px/*Espace entre le texte et la bordure*/
    }

     {
        -moz-transitioncolor 0.5s linear;
        -webkit-transitioncolor 0.5s linear;
        transitioncolor 0.5s linear;
    }

    a:hover {
        -moz-transitioncolor 0.5s linear;
        -webkit-transitioncolor 0.5s linear;
        transitioncolor 0.5s linear;
        color#9f9f9f;
    }

    .pagination {
        background-color#FFFFFF;
        box-shadow2px 2px 3px #e6e5e6;
        -moz-border-radius10px;
        -webkit-border-radius10px;
        border-radius10px;
        padding2px;
        positionfixed;
        right20px;
        bottom20px;


    .module_menu_type_lastvisitors img {max-width50px;}



    img {
        -moz-transitionall 1s ease;
        -webkit-transitionall 1s ease;
        transitionall 1s ease;
    }

    img:hover {
        -moz-transformrotate(3deg);
        -webkit-transformrotate(3deg);
        transformrotate(3deg);
        -moz-transitionall 1s ease;
        -webkit-transitionall 1s ease;
        transitionall 1s ease;   
    }

    {
        -moz-transitionletter-spacing 0.4s linear;
        -webkit-transitionletter-spacing 0.4s linear;
        Répondre

    389
    Mardi 10 Décembre 2013 à 20:08

    Il s'agit peut-être de l'ordre de tes codes qui crée un conflit, je peux jeter un oeil à la feuille de style de ton blog ?

    388
    Mardi 10 Décembre 2013 à 19:50

    Mikuru : Ouais j'avais envie de changer comme d'habitude MDRR. Merci ! Sinon j'ai mit le code mais comme j'ai un autre code qui permet aux images de se pencher un peux ben ça m'a ralentit la rotation. C'est à dire elles ne se penchent plus lentement à cause du code que j'ai mit. ;;

    387
    Mardi 10 Décembre 2013 à 19:42

    @ Toshiki : Coucou~ ! Oui, Toshiki je pense avoir compris. Du moins je l'espère ! Je te laisse le soin de vérifier si le code suivant correspond à ce que tu veux :

    .module_contenu_block {
        max-height: 200px;
        overflow-y : auto;
    }

    Tu le sais déjà mais, je le réécris pour les novices qui tomberaient sur ce code ! Donc, la valeur 200px correspond à la hauteur que l'on veut fixer par défaut à nos articles, valeur modifiable bien sûr ! :)

    @JiJi_ : Aah ça fait un petit moment oui ! Toujours à changer de pseudo décidément ! ;) Le Seo Hami m'a mis sur la piste ! Tu n'as donc pas quitté la plateforme~ Ça fait toujours plaisir de retrouver les « anciens » héhé. Tu parles peut-être de ce code-là je pense :

    img {
        -moz-transition: opacity 0.4s linear 0s;
        -webkit-transition: opacity 0.4s linear 0s;
        transition: opacity 0.4s linear 0s;
        opacity: 1;
    }

    img:hover {
        -moz-transition: opacity 0.4s linear 0s;
        -webkit-transition: opacity 0.4s linear 0s;
        transition: opacity 0.4s linear 0s;
        opacity: 0.5;
     }

    386
    Mardi 10 Décembre 2013 à 16:31

    Yolooo. C'est moi. ♥ ( Et oui ça fais longtemps ! Je sais pas si tu me reconnaît.. )

    J'aimerais récupérer le code CSS des images progressive qui s'atténue doucement quand on passe la souris dessus. Car je l'ai perdue et j'aimerais le récupérer ertfgsqtgqsrtg. ;; Voilà voilà. 

    385
    Lundi 9 Décembre 2013 à 20:24

    Coucou Mikuru!! J'aimerai savoir comment on définis la taille d'un article. j'aimerai que ca reste à une taille précise et que ce qui dépasse soit en scroll. Genre ce n'est plus la hauteur de l'article qui s'adapte au contenu mais il reste à sa taille définit et met un scroll pour tout voir. Je sais pas si je suis clair xD

    384
    Dimanche 1er Décembre 2013 à 16:19

    Merci c'est parfait *-*

    383
    Dimanche 1er Décembre 2013 à 16:12

    @ Sugar : Bonjour !

    La barre de "recherche" :
    Insère le code suivant dans un module simple (que tu cacheras si possible) :
    <div id="recherche"><form action="/search" method="get" onsubmit="return Loader.loadForm(this);"><label for="formquery"> <input id="formquery" style="width: 200px;" name="q" type="text" /> </label><input type="submit" value="Rechercher" /></form></div>

    Ouvre ensuite ta feuille de style CSS et colle ceci :
    #recherche {position: absolute; top: 50px; right: 50px;}

    À toi de modifier les valeurs en vert pour déplacer ta barre à ta guise !

    Rotation des images :
    À rajouter dans ta feuille de style CSS :

    img {
        transition: all 1s;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
    }

    img:hover {
        -moz-transform:rotate(1deg);
        -webkit-transform:rotate(1deg);
        transform:rotate(1deg);
        transition: all 1s;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
    }

    Les valeurs de transition 1s sont modifiables ainsi que les valeurs des angles 1deg de rotation !

    Arrondir les titres des menus :
    À rajouter dans ta feuille de style CSS :

    .module_menu_titre { border-radius: 5px; }

    La valeur de l'arrondi 5px est modifiable.

    @ Kisa : Ça devrait fonctionner avec ça !

    .module_menu_type_lastvisitors img {
        border-radius: 0px 30px 30px 30px;
        transition: all 1s;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .module_menu_type_lastvisitors img:hover {
        border-radius: 30px 0px 0px 0px ;
        transition: all 1s;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
    }

    382
    Jeudi 28 Novembre 2013 à 19:49

    'Lut tout le monde !

    J'ai un code ,mais j'aimerai rajouter une transition :

    .module_menu_type_lastvisitors img {border-radius0px 30px 30px 30px;}
    .module_menu_type_lastvisitors img:hover
    {
    border-radius30px 0px 0px 0px ;
    }

    Merci d'avance :3

    381
    Mardi 26 Novembre 2013 à 20:27

    Boujour,

    J'aimerais savoir comment fait-on pour mettre le menu "Recherche" en haut de la page ? Et j'aimerais savoir comment on fait pour pivoter des images et aussi comment on fait pour arrondire les titres des menus s'il vous plait ? Merci. :D 

    380
    Dimanche 24 Novembre 2013 à 18:00

    Merci ! :)

    379
    Dimanche 24 Novembre 2013 à 17:54

    Tu n'as plus qu'à changer les 0.6s pour modifier le temps de transition !

    .
    module_menu_titre span {color:pink; transition: all 0.6s; -webkit-transition: all 0.6s-moz-transition: all 0.6s; }
    .module_menu_titre span:hover {color:white; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;}

    .module_titre_contenu a {color:pink; transition: all 0.6s-webkit-transition: all 0.6s; -moz-transition: all 0.6s;}
    .module_titre_contenu a:hover {color:white; transition: all 0.6s-webkit-transition: all 0.6s; -moz-transition: all 0.6s;}

    .module_titre_contenu {color:pink; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;}
    .module_titre_contenu:hover {color:white; transition: all 0.6s-webkit-transition: all 0.6s; -moz-transition: all 0.6s;}

    378
    Dimanche 24 Novembre 2013 à 11:55

    Par contre comment on fait pour que ça soit progressif stp ?

    377
    Dimanche 24 Novembre 2013 à 11:52

    Merci !

    376
    Dimanche 24 Novembre 2013 à 11:50

    Alors, normalement c'est ce code-ci :

    .module_menu_titre span {color:pink;}
    .module_menu_titre span:hover {color:white;}

    .module_titre_contenu a {color:pink;}
    .module_titre_contenu a:hover {color:white;}

    .module_titre_contenu {color:pink;}
    .module_titre_contenu:hover {color:white;}

    J'ai essayé sur mon blog test et ça fonctionne !  Bonne journée (:

     

    375
    Dimanche 24 Novembre 2013 à 11:10

    Bonjour je chercherais un code pour que en fait les titres des menus 1, 2 et du contenu soient rose en "normal" et que quand on passe dessus qu'ils deviennent progressivement blancs. J'ai du mal à voir comment faire, merci d'avance !

    374
    Dimanche 24 Novembre 2013 à 11:08

    Je suis désolé je n'ai pas réussi à supprimer mon commentaire.

    J'ai finalement trouvé ce dont j'avais besoin.

    Je vous remercie pour votre aide si précieuse !

    Bonne continuation, votre blog est une vraie mine d'or !

    Encore merci pour tout !

    373
    Samedi 23 Novembre 2013 à 12:46

    @ Pii_Lov3 : Je ne sais pas si c'est ce dont tu parles mais, j'aurais toujours essayé ! Essaie http://liendetonblog.ek.la/newsletter

    372
    Samedi 23 Novembre 2013 à 12:23

    Huwi > Pour ça, il faut héberger tes musiques ! C'est pas comme pour SRC player.
    Pour ma part, je les uploads sur Dropbox (site confiant, tout ce que tu upload ne peux pas être trouvé sur le net à part si tu donnes le lien of course || si tu y va, il vont te proposer de télécharger leur application, mais tu peux dire non, car elle sert à rien !). Normalement tout est expliqué sur le site billy, mais sinon, tu héberges ta musique, tu attends qu'elle charge et quand c'est finit tu cliques sur partager. Une page s'ouvre avec ton fichier (si une fenêtre s'ouvre, tu cliques sur "Obtenir le lien"), et tu fais clique droit > Copier l'adresse du lien sur le bouton bleu "Télécharger" puis tu le colles là ou il faut sur billy !

    Pii_Lov3 > Comment ça ? ouo 

    371
    Jeudi 21 Novembre 2013 à 11:12

    Bonjour, ce n'est pas pour un code mais j'ai quand même besoin d'aide.En fait, je veux mettre un lecteur Billy mais je ne sais pas comment insérer de la musique. J'essaye de mettre un lien d'une video youtube mais cela m'affiche buffering. Comment faire?

    Merci à celle, celui ou ceux qui m'aideront.

    370
    Samedi 16 Novembre 2013 à 07:45

    J'ai finalement réussi à faire ce que je voulais au niveau du menu de droite :)

    Je voulais juste vous demander une dernière chose.

    J'aimerais mettre le lien de mon module "Newsletter" dans mon menu en haut.

    Seul problème, je n'ai pas de lien pour la "Newsletter".

    Pourtant je vois beaucoup de gens qui mettent la mette dans leurs menus.

    Mais quel lien ont-ils mis ?

    Je ne trouve pas...

     

    J'espère que vous pourrez m'aider (une nouvelle fois)

    Merci d'avance pour votre aide si précieuse !

     

     

    369
    Vendredi 15 Novembre 2013 à 23:22

    Hello.

    Pour les lueurs sur les images de tes articles, c'est simple :

    #content img {box-shadow: Xpx Xpx Xpx #xxxxxx.}
    [ que tu changes à ta guise ]

    Ensuite, pour les images des avatars, il suffit d'ajouter le code de tes bordures avec ce sélecteur :

    .comment_normal img {border: Xpx double #FFFFFF;}

     

    Pour le menu, j'ai pas trop compris, tu veux qu'il commence en haut de la page jusqu'en bas ?

    368
    Vendredi 15 Novembre 2013 à 20:50

    Coucou ! Je poste une deuxième fois mon commentaire cra je me suis aperçue que je m'étais trompée d'endroit. Désolé :S Je voulais te demander plusieurs petites choses lol.

    - Je souhaite mettre une lueur autour des images de mes articles uniquement. Est-ce possible ?

    - Je veux aussi changer la forme (rond) des avatars des personnes qui mettent un commentaire. Et mettre une double bordure blanche. Comme je l'ai fait sur le avatars de mes derniers visiteurs en fait :)

    - Et dernière chose (une des plus importantes finalement lol) Je souhaite mettre mon menu de droite, dans le header. J'ai déjà un menu dans le header, mais je souhaite mettre tout en haut. Comment je peux faire ?

    J'espère que tu pourras m'aider.

    Merci d'avance, et gros bisous à toi !

    Merci pour tes conseils <3

     

     

     

    Bisous et merci de ton aide :D

    367
    Samedi 9 Novembre 2013 à 15:08

    Pour le soucis de transparence, le meilleur moyen serait de désactiver temporairement sur ton navigateur le CSS qui contient la ligne qui a engendré la transparence de toute ta barre de menu, afin de pouvoir accéder à la barre de navigation, et donc de retirer cette ligne fâcheuse dans ta feuille de style.

    Si tu utilises Google Chrome,
    un fois sur ton blog, va dans Menu > Outils > Console JavaScript
    Ensuite, dans la console qui s'est ouverte en bas, séléctionne l'onglet Sources
    En haut à gauche de la console, il y a ce signe là , clique dessus
    Selectionne ensuite la feuille theme-349197-376.css
    Le contenu va s'afficher dans la console. Séléctionne tout, puis efface.

    Tu ne verras plus que le CSS de base du blog, le stricte minimum. À partir de là, tu pourras en profiter pour modifier ton thème, et enlever la ligne qui a activé la transparence.

    Lorsque tu ouvriras à nouveau ton blog sur un nouvel onglet, tout devrait être réglé.
    Et oui, il faut faire attention !

    366
    Samedi 9 Novembre 2013 à 14:55

    Alors pour l'image et le titre, c'est simple.

    Il faut créer une classe. Pour commencer, il te faut un menu (si tu le veux sur toutes tes pages. Tu crée un module simple, et tu cliques sur "html" et colles ceci :

    <div class="image"><p>LE TITRE QUE TU VEUX<br /><img src="URL DE TON IMAGE" alt="" /></p></div>

    Ensuite il faut aller dans ton CSS et coller :

    .image{position:fixed;left:0px;bottom:0x;} <- Tu peux changer les valeurs ou left par right et bottom par top.

    Pour les pages, c'est un peu pareil.

    Il suffit de faire .pagination{position:fixed; bottom:0px;left:0px;} <- encore une fois tu peux changer.

    Pour la menubar, idk, tu peux peut être envoyer un message à ekla qu'ils te règlent ça ? :/

    Il faut faire attention :S

    365
    Samedi 9 Novembre 2013 à 10:32

    Je viens de faire une grosse bourde avec le code pour rendre la barre ekla transparente je l'ai mis à 0 résultat je ne peux pas acceder à modier le théme ni quoi que ce soit que faire?!!

    364
    Samedi 9 Novembre 2013 à 00:31

    Merci beaucoup beaucoup!

    Tu m'as beaucoup aider <3

    (N'oubliez pas ma deuxiéme question xD)

    363
    Vendredi 8 Novembre 2013 à 23:37

    Oh oui pardon, c'est pas en PX !facepalm!

    En fait tu peux mettre 0.6 par exemple (mais retire le PX x3) <= Fatigue.

    Pour les bordures, tu peux faire :

    #menu1 img ou .module_contenu img {border: Xpx #COULEUR solid;} :3

    362
    Vendredi 8 Novembre 2013 à 23:35

    Desoler du double poste mais je voudrai aussi savoir comment mettre un texte et une image ainsi que le nombre de page à gauche comme dans ce blog :

    Accueil - ▬ VOICΣ ჻ мαιl †

    361
    Vendredi 8 Novembre 2013 à 23:21

    La scollbar a marché parfaitement parcontre la transparence non :/ Sinon dans le même blog comment encadrée une image mais seulement d'un des menu ou bien juste du contenue?

    Est-ce possible? (please~)

    360
    Vendredi 8 Novembre 2013 à 22:47

    Ici c'est toute la menubar qui est légèrement transparente.

    Pour ceci :

    #menubar {opacity: Xpx} ! ^w^

    359
    Vendredi 8 Novembre 2013 à 22:46

    Merci beaucoup! Je cours essayer :D Sinon encore une question : comment avoir le menu d'eklablog en transparent comme ici s'il te plai? http://polyvore.eklablog.net/

    358
    Vendredi 8 Novembre 2013 à 22:42

    Ah oui pardon, j'ai vraiment mal compris la question. Je suis conne !
    Enfait si c'est possible et que sur chrome je crois. xD

    Et voici le code :

    ::-webkit-scrollbar {
        width:Xpx; (largeur du petit truc pour faire défilé)
        height:0px; (automatiquement 0)
    } 
    ::-webkit-scrollbar-track {
        background-color:COULEUR DU FOND DE LA SCROLLBAR;
    }
     
    ::-webkit-scrollbar-thumb {
        background-color:COULEUR DU TRUC POUR FAIRE DEFILER;
    }

    Voilà, bonne soirée :3

    357
    Vendredi 8 Novembre 2013 à 22:23
    Ah quand je dit barre de défilement de la page je veux dire scollbar!
    Je veux passer du gauche au droit dans cette image (du chrome au custom)
    www.joomlavision.com/wp-content/uploads/2012-10-31/6c2dd_scrollbars.jpg
    356
    Vendredi 8 Novembre 2013 à 22:07

    Comment ça ? Je ne vois rien qui fait afficher la page au court du défilement. .3.

    355
    Vendredi 8 Novembre 2013 à 09:56

    Ah d'accord mais comment ont-ils fais ici?

    pullipparadiseandco.kif.fr

    354
    Mercredi 6 Novembre 2013 à 12:15

    Usagi : Désolé de te décevoir mais il me semble que c'est impossible sur EklaBlog.

    Bonne journée.

    353
    Dimanche 3 Novembre 2013 à 19:27

    Coucou!

    J'aimerais connaitre le code qu'on utilise pour rendre la barre qui fais défiler la page comme dans tumblr s'il vous plait?

    Thank's ♥

    352
    Mercredi 30 Octobre 2013 à 17:52

    Oui j'utilise Chrome ,c'est surement la faute à Firefox ou à sa version. Si ça ne se régle pas ,tu pourrais peut-être basculer vers chrome :)

    351
    Mercredi 30 Octobre 2013 à 17:45

    Je ne pense pas que ce sois toi, Mikuru, parce que si tu ne t'es pas trompée en copiant le code, je ne vois pas pourquoi ce serai spécialement toi...

    Du coup, c'est sûrement du à ton Navigateur.

    350
    Mercredi 30 Octobre 2013 à 17:41

    Ok merci. :)

    349
    Mercredi 30 Octobre 2013 à 17:39

    @ Hokira, @ Kisa : Juste, au niveau de ce code donc donné par The Joker, j'aimerais vous demander quels navigateurs vous utilisez ? J'utilise Firefox de mon côté et, encore une fois, j'ai re-testé ces codes, et, encore une fois, tout ce que j'obtiens, ce sont des espaces blancs là où sont sensées être situées des images. À priori, avec Chrome cela fonctionne, mais je tenais juste à préciser que cela ne fonctionne vraiment pas sur Firefox, enfin, pour ma part. J'aimerais juste savoir si c'est généralisé pour les utilisateurs de Firefox ou si cela ne concerne que moi ?

    @ Hilarry : Oui, je vois le problème, si cela vient du CSS comme tu le soupçonnes, alors le plus judicieux serait se retirer l'ensemble des codes ajoutés pour vérifier si le problème subsiste toujours. Et puis les rajouter tour à tour, en faisant le test à chaque fois, afin de voir quel est le code qui pose problème. C'est peut-être un peu long mais il sera plus simple de cibler le problème de cette façon.

    348
    Mercredi 30 Octobre 2013 à 15:41

    Bonjour, j'ai un petit problème (enfin ça ne me concerne pas spécialement, mais vu que j'ai la permission 3 sur ce blog). Sur ce blog : http://youcallmefaith.eklablog.com/ 

    A chaque fois que l'on clique sur le premier article (dans ce cas là journal du site) ça revient à l'accueil, quand j'essaye d'aller dans la rubrique "Forum" impossible de créer un sujet car ça ramène à l'accueil. Je pense que c'est à cause d'un code css mais j'ignore à quoi il ressemble. Mon message n'est pas très clair, mais en espérant que quelqu'un puisse comprendre, merci d'avance.

    347
    Mercredi 30 Octobre 2013 à 15:34

    ah super merci beaucoup xD

    346
    Mercredi 30 Octobre 2013 à 14:43

    Bonjour Ichigo Chan,

    le code est juste après ton commentaire :D

    345
    Mercredi 30 Octobre 2013 à 14:41

    coucou ! J'aimerai savoir quel est le code qui permet de mettre toute les images du blog en noir et blanc et lorsqu'on passe la souris sur les images elles reprennent leur couleur initiale, merci d'avance ! :)

    344
    Mercredi 30 Octobre 2013 à 14:38

    Ah oui, en effet.

    Merci x3

    343
    Mercredi 30 Octobre 2013 à 14:35

    @Hokira ,ce code existe et fonctionne pour ma part. Il me semble que c'est The Joker qui l'avait posté .Je te le passe tout de suite :

    img {         
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filterid=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%);
     transitionall 7s;   
        -moz-transitionall 7s;
        -o-transitionall 7s;   
        -webkit-transitionall 7s
    }     
    img:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filterid=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
     transitionall 7s;   
        -moz-transitionall 7s;
        -o-transitionall 7s;   
        -webkit-transitionall 7s
    }

     Si tu t'y connais en CSS ,tu pourra modifier certaines choses :)

    342
    Mercredi 30 Octobre 2013 à 14:15

    Je t'en pris é_è

    341
    Mercredi 30 Octobre 2013 à 14:13

    Ca marche! Les versions Iphone et tablette sont les mêmes que celle sur ordinateur! Merci bien~

    340
    Mercredi 30 Octobre 2013 à 13:32

    Bonjour,

    J'ai plusieurs questions (et oui), je voudrai modifier la menubarre. J'ai déjà modifier le fond mais pas pour le menu qui défile quand on survole l'image de profil et le psedo, par exemple. Aussi, je souhaiterai enlevez TOUTES les séparations, notament les deux grosses qui sont entre le logo eklablog et le profil ainsi qu'entre le profil et les notifications.

    Ensuite, je voudrai modifier la couleur du survol de notifications, profil, aide ... Et pour finir, je me demande comment on met une playlist comme celle-ci.

    Merci d'avance :D

    339
    Mercredi 30 Octobre 2013 à 12:53

    Mayumi : Hello, je pense que je peux t'aider :D

    The Joker m'avais expliquer a peu près la même chose. Voici son commentaire :

    ______________________________

    Hokira : Eh bien il faut tout simplement ajouter ce code et le modifier à ta guise :

    (imaginons que tu veux déplacer un menu)

    .module_menuXXXXXXXXX {position: valeur;}
    (les "XXX" représentent le numéro du menu, que tu peux trouver dans le code source de ton blog, en faisant clic droit).

    Pour la position, tu as le choix entre Fixed ou Absolute (sinon ça ne bougera pas).
    Fixed : Il reste à l'endroit ou il est et bouge en même temps que ta page défile.
    Absolute: Il est à l'endroit que tu indiques mais ne défile pas avec ta page.

    Pour le déplacer, j'ai deux façons. D'abord le "top: Xpx; left: Xpx" mais c'est assez compliqué de mettre ça car il n'est pas forcément accordé à tous les écrans.
    La deuxième façon, c'est de faire par exemple : "margin-top: Xpx".

    Tu peux changer top par : right ; left ou bottom. 
    Si par exemple tu veux mettre un menu sur l'header, tu devras probablement faire : "margin-top: -50px" (par exemple. Le "-" va monter ton menu vers le haut, tandis que si tu ne le ets pas, ton menu va descendre). Je ne sais pas si c'est très clair, excuse moi ^^'..

    ______________________

    Comme tu peux le voir, j'ai coloré le texte qui pourrai t'aider. En gros, margin-top est la réponse à ta question :]

    Voilà ~

    338
    Mercredi 30 Octobre 2013 à 12:46

    Hello~ 

    Désolée de venir déranger mais je voudrais qu'on me renseigne sur un certain point: J'ai créé deux modules que j'ai déplacé à mon aise sur mon blog, le seul problème est que celon l'ordinateur utilisé, soit ils ne sont pas placés au même endroit soit ils sont hors de la page web, y aurait-il une solution?

    Merci d'avance~

    337
    Mardi 29 Octobre 2013 à 20:50

    Ah mais ne t'inquiète pas, ce n'est pas grave. On ne peut pas savoir tout faire dans la vie. En tout cas, merci de m'avoir répondu.

    Bonne soirée.

    336
    Mardi 29 Octobre 2013 à 20:25

    Je me souviens avoir lu la même question il y a quelques mois, et j'en suis malheureusement venue au fait qu'il était impossible sur le CSS éditable d'Eklablog d'appliquer cette transition progressive dont tu parles, si j'ai bien compris, quand il s'agit d'une transition noir et blanc > couleur. Du moins, je n'y suis jamais arrivée pour ma part, mais peut-être que d'autres t'apporteront la solution ? Je suis désolée !

    335
    Mardi 29 Octobre 2013 à 19:31

    Bonsoir, je reviens encore une fois pour vous embêter.

    Cette fois je vais demandé... Ah oui, je voudrai pouvoir, en css, mettre toutes mes images en noir et blanc et qu'au survol les mettres en couleur mais petit à petit. Je ne sais pas si vous voyez ce que je veux dire.

    En tout cas, merci à celui, celle ou ceux qui m'aideront !

    Hokira ~

    334
    Mardi 29 Octobre 2013 à 18:52

    Merci beaucoup!

    Je metterais un lien dés que Akemi-Love (la proprio du blog) aura fini de m'expliquer :)

    333
    Mardi 29 Octobre 2013 à 18:38

    Bonjour Kisa !

    Je te propose ces codes-là !

    #menu1 {
        position: fixed;
        top: 0px; /*marge entre le menu et le haut de la page*/
        bottom: 0px; /*marge entre le menu et le bas de la page*/
        overflow-y: scroll;
    }

    #menu2 {
        position: fixed;
        top: 0px; /*marge entre le menu et le haut de la page*/
        bottom: 0px; /*marge entre le menu et le bas de la page*/
        overflow-y: scroll;
    }

    Aussi, si tu as pu trouver la solution à ta question sur les onglets "spoiler" qui se déplient automatiquement au passage de la souris, pourrais-tu la partager ? Pour ma part, je n'avais pas la solution à ta question, je me suis donc abstenue, mais je pense que cela pourrait en intéresser plus d'un. :) On ne sait jamais, la question pourrait être reposée ! Je t'en remercie d'avance !

    332
    Mardi 29 Octobre 2013 à 15:43

    Bonjour je reviens vous embêter !

    Est-ce possible de mettre un menu fixe et qu'il ait une scrolbar pour que l'on voit sa totalitée ?

    Si oui ,c'est possible d'avoir le code ? 

    Merci d'avance !

    331
    Vendredi 25 Octobre 2013 à 19:16

    Bonjour ~

    J'ai lu tout les commantaires (sisi vraiment '^') et à ce que j'ai vu ,personne à posé cette question ,je me lance donc .

    Pourrais-tu me passer le code pour faire un spoiler sans bouton et qu'au survol de la souris il s'ouvre comme ici .(onglet du milieu )

    Merci à la gentille personne qui m'aidera :)

    EDIT :

    Finalement  c'est bon.

    330
    Vendredi 25 Octobre 2013 à 14:18

    Merci beaucoup pour ta réponse Mikuru. Ce qui embétant avec le coeur c'est que l'on ne sais pas si l'image a été remplacer puis que l'on ne peut plus ajouter son propre blog en favoris (ce qui est normal).

    Je jeterai un oeil au lien du forum que tu m'as donné. Ah oui ? Dommage... :/

    Encore Merci ~

    329
    Vendredi 25 Octobre 2013 à 12:01

    Bonjour Hokira !
    En ce qui est de changer l'icône de favoris et celle des notifications, tu n'étais pas très loin. Après quelques recherches, j'ai trouvé ce qu'il te faut. Essaie donc ça pour le coeur !

    #menubar_favorites_btn,
    #menubar_nofavorites_btn:hover {
    background: url("http://ekladata.com/MquGR53-3mMhNW-OjQWwZhq-_sQ.gif") no-repeat 50% 50%; }

    En ce qui est des notifications, c'est apparement un peu plus compliqué, il serait impossible de changer l'icône sans passer par du javascript. Je te laisse te renseigner ici : http://doc.eklablog.com/changer-les-icones-topic72679
    Pour ma part, cela n'a pas fonctionné, mais peut-être que cela fonctionnera de ton côté, on ne sait jamais !

    328
    Jeudi 24 Octobre 2013 à 13:01

    Merci mais sa ne marche pas ...

    Pour le curseur qui apparaît quand tu va sur les notifications, je pense que tu peux mettre ce code :

    Au survol d'une image:

    img:hover
        {
    cursorurl("http://downloads.totallyfreecursors.com/cursor_files/cool1.ani"),
                   url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif")auto;
        }

    Remplace les liens http://... par le lien de l'image de ton curseur mais n'enlève pas les " ".

    Au survol d'une image:

     A:hover
        {
    cursorurl("http://downloads.totallyfreecursors.com/cursor_files/cool1.ani"),
                   url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif")auto;
        }

    Pareils, remplace les liens http://... par le lien de l'image de ton curseur mais n'enlève pas les " ".

    J'espère t'avoir aidée, en revanche, je n'est pas essayé donc si sa ne marche pas dis le moi.

    327
    Jeudi 24 Octobre 2013 à 12:07

    je crois qu'il faut enlever les ""

    326
    Jeudi 24 Octobre 2013 à 12:06

    Bonjour !

    Désoler de redéranger mais j'ai une autre question.

    Je voudrai changé l'icone de favoris et de notifications . J'ai donc mis ce code mais ça ne marche pas :

    #menubar_notifications_btn {backgroundurl("http://ekladata.com/MquGR53-3mMhNW-OjQWwZhq-_sQ.gif")no-repeat 50% 50%;}

    #menubar_notifications:hover
    #menubar_notifications_btn{backgroundurl("http://ekladata.com/rWqTAwu9Y-Sl4DPAlTGYQjMob-g.png")no-repeat 50% 50%;}

    #menubar_favorites_btn,
    #menubar_nofavorites_btn:hover backgroundurl("http://ekladata.com/ovvaE-_GUVrmrKOZohsFiqOb5VA.png"no-repeat 50% 50%;}

    #menubar_favorites_btn:hover,
    #menubar_nofavorites_btn  {backgroundurl("http://ekladata.com/7PBD29-OiRcogOc7voaUtJfinzs.png"no-repeat 50% 50%;}

    Quelqu'un peut-il m'aidé, s'il vous plaît ? Merci d'avance .

    325
    Mercredi 23 Octobre 2013 à 15:04

    Merci beaucoup ^ ^ !

    324
    Mercredi 23 Octobre 2013 à 14:44

    The Joker: C'est pas grave :D

    Romy: Ah oui, j'ai oublié de te demander si tu avais le javascript.

    Si non, va sur la menu barre (favoris de blog, ton profil et les notifications). Ensuite, va sur aide puis Contacter le support. Tu leur écrit un message pour leur demander de t'activé le javascript.

    Attends quelques heures ou un jour et la barre de musique apparaîtra.

    Voilà o/

    323
    Mercredi 23 Octobre 2013 à 14:24

    Merci beaucoup (et désolée d'avoir mal regardé), mais ça ne marche pas... le code HTML s'affiche dans le module, mais il ne se passe rien d'autre. Peut être parce que je suis pas douée mais j'ai fais exactement ce que tu m'as dis de faire.

    322
    Mercredi 23 Octobre 2013 à 14:13

    Si tu regardais bien le blog, tu aurais aperçu que le lien est dans le menu 

    http://scmplayer.net/

     

    (Sorry Hokira j'avais pas vu ta réponse o/' )

    321
    Mercredi 23 Octobre 2013 à 12:20

    Bonjour The Joker,

    Oui, je sais c'est bizarre. Ne t'inquiète pas, je vais faire à la normal.

    Merci de m'avoir aidée.

    320
    Mercredi 23 Octobre 2013 à 12:18

    Bonjour Romy-Wendy-Chan,

    Ce site permet de faire cette barre de musique. Lien

    Quand tu as fini de créer ta barre, prend le code HTLM donné et place le dans l'HTLM d'un module simple. N'oublie pas que le module choisit ne doit contenir aucun texte, image, video...

    Voilà, j'espère t'avoir aidé.

    319
    Mercredi 23 Octobre 2013 à 10:27

    Coucou ! La question à peut être déjà été posée, désolée si c'est le cas, mais j'aimerai savoir s'il faut un code CSS pour ajouter une bande son comme dans ce blog -> lucy63.eklablog.net (j'arrive pas à ajouter le lien, ça marche pas), en haut de la page et qu'il soit possible de faire "pause", voilà. Merci beaucoup !

    318
    Samedi 19 Octobre 2013 à 19:10

    Oh shit.

    C'est bizarre, normalement ça prends tout le menu (titre et contenu compris) °^°
    Je vais voir comment arranger ça sur mon blog test.

     

    EDIT : Oups, petite erreur, remplace le "." par un "#". Si ça ne marche toujours pas, je ne comprends pas. :s

    317
    Samedi 19 Octobre 2013 à 19:06

    Merci beaucoup , The Joker !

    Sauf que je vais devoir mettre deux fois le même code , un pour le contenu et l'autre pour le titre :/

    316
    Samedi 19 Octobre 2013 à 18:29

    Hokira : Eh bien il faut tout simplement ajouter ce code et le modifier à ta guise :

    (imaginons que tu veux déplacer un menu)

    .module_menuXXXXXXXXX {position: valeur;}
    (les "XXX" représentent le numéro du menu, que tu peux trouver dans le code source de ton blog, en faisant clic droit).

    Pour la position, tu as le choix entre Fixed ou Absolute (sinon ça ne bougera pas).
    Fixed : Il reste à l'endroit ou il est et bouge en même temps que ta page défile.
    Absolute: Il est à l'endroit que tu indiques mais ne défile pas avec ta page.

    Pour le déplacer, j'ai deux façons. D'abord le "top: Xpx; left: Xpx" mais c'est assez compliqué de mettre ça car il n'est pas forcément accordé à tous les écrans.
    La deuxième façon, c'est de faire par exemple : "margin-top: Xpx".

    Tu peux changer top par : right ; left ou bottom. 
    Si par exemple tu veux mettre un menu sur l'header, tu devras probablement faire : "margin-top: -50px" (par exemple. Le "-" va monter ton menu vers le haut, tandis que si tu ne le ets pas, ton menu va descendre). Je ne sais pas si c'est très clair, excuse moi ^^'..

     

     

    ~Miliav♥ > qu'est ce que tu entends par là ? Changer le fond bleu quand tu survol l'icon des notifications ?

    315
    Samedi 12 Octobre 2013 à 21:22

    comment on fait le truck au survole de la souris dans les notigiquation

    314
    Samedi 12 Octobre 2013 à 20:48

    Comme pour déplacer un module sur le header par exemple .

    313
    Samedi 12 Octobre 2013 à 20:37

    Les déplacer ? Je veux bien mais, c'est-à-dire ?

    312
    Samedi 5 Octobre 2013 à 16:39

    Bonjour mikuru , sais-tu le code css pour déplacer les articles , pages simples ... bref , le contenu avec le titre ? Merci d'avance .

    Hokira ~

    311
    Samedi 28 Septembre 2013 à 15:23

    C'est bon j'ai trouver ♥

    ::selection background-color: pink;  }

    Et je change "pink" par la couleur que je veux ;D

     

     

    310
    Samedi 28 Septembre 2013 à 15:13

     Coucou !
    Juste une petite question : Saurais-tu comment changer la couleur du surlignement de texte du bleu à une autre couleur comme ici :  graph-n-style.ek.la

    Merci d'avance ♥

     

    309
    Lundi 9 Septembre 2013 à 20:56

    Merci beaucoup Mikuru! :D

    308
    Dimanche 8 Septembre 2013 à 19:12

    Merci beaucoup pour m'avoir aidé. Pardon si je répond en retard. :D

    Ca marche à moité on va dire. :)

    307
    Dimanche 8 Septembre 2013 à 18:59

    Alors pour le mettre en colonne ce n'est pas très compliqué il suffit d'aller dans Apparence > Modifier le thème > En-tête > Menu > Disposition des éléments du menu : En colonne

    Puis pour le faire sortir de son emplacement, je te propose ce code-là :
    ul#menu {position: fixed; top: 50px; left: 10px;}

    Les valeurs 50px et 10px sont modifiables !

    306
    Samedi 7 Septembre 2013 à 20:35

    Bonjour à tous! \o

     

    J'aimerais savoir comment faire pour pouvoir mettre le menu de l'header, en colonne en dehors de la page du blog. ^^

     

    Merci d'avance!

    305
    Mercredi 4 Septembre 2013 à 07:15

    Non en fait ça va être bon, je trouve ça joli le menu scotché au contenu. Même si y'a du vide sur le fond /o.
    Merci quand même, bye

    304
    Mardi 3 Septembre 2013 à 17:41

    Je passais juste par là, et vu la date des commentaires et vu qu'on était en Août, je supposais que tu étais en vacances. Mais ça me fait plaisir de t'aider, pas besoin d'argent. :meurt: o/

    303
    Mardi 3 Septembre 2013 à 17:17

    Je vais finir par te rémunérer The Joker dis-moi. ^^
    Merci infiniment cela dit, tu m'enlèves une épine du pied ! Je suis rentrée de vacances il y a quelques jours et je n'ai pratiquement pas eu d'internet de tout le mois d'Août, je m'excuse de ne pas avoir prévenu, et donc de ne pas avoir pu répondre, merci encore The Joker !

    302
    Mardi 3 Septembre 2013 à 15:37

    Hmmm, ça m'aide pas trop, j'peux voir le code en entier ?

    301
    Lundi 2 Septembre 2013 à 08:15

    Hmm après avoir mis le menu en 0 px et avoir ajouté le Css (sans avoir modifié le "(...)position:absolute" pour "fixed") apparement le CSS comporte une erreur. Je sais pas si c'est moi qui ai fait un truc de travers ou autre.

    300
    Dimanche 1er Septembre 2013 à 17:00

    En gros faire que le menu soit dehors et l'article fasse toute la largeur du blog ?

    D'abord il faudrait que le menu soit en 0px dans le truc pour modifier le menu afin que l'article fasse toute la largeur (enlève les marges), puis ajouter  #menu1{width: Xpx;} dans ton css.

    Ensuite il faut faire position:absolute; (fixed si tu veux qu'il reste quand tu scroll) et peut-être faire margin-left: 100px; (par exemple)

     

    Je sais pas si je t'ai aidé, redis-moi.

    299
    Dimanche 1er Septembre 2013 à 16:38

    Hey. owo

    Alors ceci est une demande de code mais aussi une question du genre "est-ce que c'est possible ?" .. Donc sur mon nouveau blog http://alien.ek.la qui est encore en cours (et donc fermé), j'aimerais avoir le code pour faire ça : (j'ai retouché la capture sur photofiltre. J'ai encadré en rouge ce que je voudrais pour mes changements.

    http://ekladata.com/BPTiX-nVKvFNycIjCNtHELH9CXY.jpg

    Walah. Première question : Est-ce possible ? Deuxième question : Si oui, peux-tu me donner le code ?

    298
    Dimanche 1er Septembre 2013 à 13:42

    Merci beaucoup de ta réponse !

    297
    Dimanche 1er Septembre 2013 à 12:21

    Je me permet de répondre.. owo

     

    Isumie : 

    Pour celà il faut que tu ajoute ce code :

    .module_menu_type_lastvisitors img:hover {-webkit-transform: rotate(Xdeg);

    -moz-transform: rotate(Xdeg);

    -o-transform: rotate(Xdeg);

    transform: rotate(Xdeg);}

    Il faut que tu choisisses le nombre de dégré en remplaçant X par un nombre (20, 50, 74, enfin un nombre que tu veux !)

    Pour les contours, il suffit d'aller dans Modifier mon thème > Menu 1 > Format et tout en bas tu rajoutes ce que tu veux en cochant la case. 

    Pour ce que tu veux, il faut 1px partout et choisir "en tiret" dans le menu déroulant.

     

    #Candy : Pour arrondir la Shoutbox il suffit de faire :

    .menu_shoutbox{border-radius:Xpx;}

     

    Akumi : Je crois malheureusement que se soit difficile voir même infaisable. S'ils sont fixés avec  top: Xpx; et Left/right: Xpx; il y a peu de chance que se soit cadré. Je te propose tout de même de peut être faire avec margin-top: -Xpx & margin-left: -Xpx ?

     

    Sinon désolé, mais je ne peux t'aider. :/

    296
    Dimanche 1er Septembre 2013 à 02:44

    Bonjour, j'aimerais savoir comment faire pour que quand t'on passe la souris sur l'Avatar des derniers visiteurs elle tourne ? Merci d'avance.

    Comment faire en sorte que le contour de nos menus et contenus soient en petit traits.

    (Je m'explique peut-être mal désolé)

    295
    #Enjoy Profil de #Enjoy
    Vendredi 23 Août 2013 à 13:18

    Salut ! Est-ce que quelqu'un pourrait me dire comment arrondir le shootbox svp?? Je suppose qu'il faut un code CSS mais je ne le trouve pas... Donc si quelqu'un sait, aidez-moi svp

    294
    Suga Profil de Suga
    Jeudi 22 Août 2013 à 21:41

    Bonjour/Bonsoir Mikuru.

    En fait, j'ai un problème que je n'arrive pas à ressoudre et ça concerne les modules dans le header, quand je place les modules à ma façon pour que les modules soit bien placés comme il le faut vu de mon ordi' (qui n'a que très peu de pouces...), Kim Myung Soo, une de mes amies à qui j'ai demandés si les modules était aussi correctement placés vu de son ordi à elle, m'a dit que les modules était décalés...

    Vu de mon ordi :

    ICI

    Vu de l'ordi de Kim Myung Soo :

    ICI

    Donc je lui est donc proposé de replacer les modules pour qu'ils soit bien placés sur son ordi mais moi ça fait moche :

    ICI

    Donc je suis obligée de dézoomer (ce qui ne devrais pas être obligé pour que les modules soit biens positionnés sur mon ordi' (enfin un peu près on va dire..), je suis quand même obligé de passe de 100% à 67% pour le zoom...)  :

    ICI

    Bon j'était prète à survivre...x) Mais quand Hilarry m'a dit que quand elle dézoome la page, les modules ne restent pas à leurs places...(Donc même hic que moi sauf qu'au lieu dézoomer pour que ça reste potable, c'est quand elle dézoome que tout se chamboule...).

    Donc j'aimerais bien savoir comment faire pour que les modules sur l'header soient toujours à la même place que ça soit sur n'importe quel ordi' et n'importe quelle taille de page zoomée ou dézoomée. :)

    Désolé c'est un peu long...Mais merci d'avance ! :D

    293
    Upside Profil de Upside
    Mercredi 21 Août 2013 à 20:15

    De rien! ^-^

    292
    Rarity Profil de Rarity
    Mercredi 21 Août 2013 à 14:44

    Merci beaucoup ! nwn

    291
    Upside Profil de Upside
    Mercredi 21 Août 2013 à 11:57

    Je me permets de répondre à ta question Shizoko, c'est très simple, tu prends ce code:

    #background {
         box-shadow: 0 0 10px #FFFFFF;
    }

    (Le code de Mikuru)

     

    290
    Rarity Profil de Rarity
    Mercredi 21 Août 2013 à 09:41

    Hey ! En fait, je viens parce que je recherche le code CSS de la lueur sans que le blog soit arrondi... Genre juste le carré du blog avec la lueur. Merci :)

    289
    Mercredi 14 Août 2013 à 15:39

    Coucou Mikuru! Me revoilà c'était pour savoir pour le menubar la petite flèche en haut quand on clique dessus comment enlever le blanc? :o

    288
    Vendredi 2 Août 2013 à 19:01

    Merci, c'est très gentil ! :) C'est pas grave tu mas m'aider ! Encore merci :D 

    287
    Vendredi 2 Août 2013 à 18:10

    Bonjour Sugar !
    Alors, ce lien a déjà été envoyé plus bas, accompagné d'une question précise concernant le menu également, j'y ai répondu, mais je n'ai malheureusement pas le temps ces derniers-jours de reproduire les codes de ces menus qui demandent l'usage d'HTML et de CSS, je m'en excuse ! :( Mais, je pense qu'en t'aidant du code suivant (qui te permettra de retirer les titres des menus), de la réponse que j'ai donnée à Paynette plus bas, de quelques bases de codage (facilement trouvables sur google), ainsi que d'un petit peu de volonté, tu pourras faire quelque chose d'entièrement personnalisable et de très ressemblant !

    Donc, si tu as pu sortir ton module, c'est qu'il y a quelque chose comme ça dans ton CSS :
    li#module_menuXXXXXXXXX {
        position: absolute;
        top: 50px;
        left: 5px;
    }

    Si tu as besoin de retirer le titre, il faudra s'aider du code ci-dessus pour rajouter un autre code à la suite :

    li#module_menuXXXXXXXXX .module_menu_titre {
        display: none;
    }

    286
    Jeudi 1er Août 2013 à 17:30

    Boujour,

    J'aimerais savoir s'il y'avait un code CSS pour avoir ce genre de menus http://obloomsource.tumblr.com ? Et si il y avait un code CSS pour que le titre des menus sois effacé ? Parce que j'ai mis le module "Visiteurs" en dehors de la page et j'aimerais enlever le titre. :) 

    Merci ! 

     

    285
    Lu` Profil de Lu`
    Mardi 30 Juillet 2013 à 19:04
    Ok et merci! :)
    284
    Mardi 30 Juillet 2013 à 18:38

    Ah, alors je pense que la meilleure solution serait de le demander directement à Nagalia, je ne suis pas une professionnelle du javascript, et je ne veux pas dire de bêtises, n'ayant pas eu le temps de me pencher sur le tutoriel, alors n'hésite pas à lui poser la question par commentaire !

    283
    Lu` Profil de Lu`
    Mardi 30 Juillet 2013 à 17:21

    Oui Mikuru, merci! *o*

    Sauf que je voudrais juste savoir comment mettre les petits "marque-page" sur la gauche!

    282
    Mardi 30 Juillet 2013 à 13:28

    @ Lu' : Peut-être parle-tu de ce genre d'aspect ? :o

    281
    Mardi 30 Juillet 2013 à 10:03

    Lu : Un bloc conteneur pour image?

    280
    Lu` Profil de Lu`
    Mardi 30 Juillet 2013 à 02:34

    Bonjour bonjour! :)

    Ma question sera un peu bizarre ou incompréhensible mais je tente quand même. ^^"

    J'aimerais un code pour avoir une sorte de bloc conteneur dans un article avec comme une sorte de marque page accroché sur le côté, où, quand on passe la sourie dessus, le contenu change.

    Merci d'avance et dites moi si je me suis mal  exprimé! ^^"

    279
    Lundi 29 Juillet 2013 à 18:07

    Selon la taille de l'ordinateur, fin de l'écran je veux dire.

    278
    Lundi 29 Juillet 2013 à 18:03

    Puis-je avoir l'exemple ? Elle s'adapte à l'ordinateur.. c'est à dire ? :o

    277
    Lundi 29 Juillet 2013 à 18:01

    Coucou, saurais-tu comment mettre une bannière flash au centre en position normal ? J'ai demandé à quelqu'un de me la mettre, mais le problème c'est qu'elle s'adapte pour l'ordinateur, chose que je veux éviter, merci d'avance !

    276
    Paynette
    Lundi 29 Juillet 2013 à 13:56

    Waou ! Encore merci Mikuru !!!! (que ferais-je sans toi !? :o )

    275
    Lundi 29 Juillet 2013 à 13:18

    Je t'ai répondu sur ton premier post Sugar, mais revoici le code CSS à insérer.
    a {
        -moz-transition: letter-spacing 0.4s linear;
        -webkit-transition: letter-spacing 0.4s linear;
        transition: letter-spacing 0.4s linear;
        letter-spacing: 0;
    }

    a:hover {
        -moz-transition: letter-spacing 0.4s linear;
        -webkit-transition: letter-spacing 0.4s linear;
        transition: letter-spacing 0.4s linear;
        letter-spacing: 2px;
     }

    Les valeurs colorées sont modifiables !

    274
    Lundi 29 Juillet 2013 à 10:29

    Boujour j'aimerais savoir c'est quoi le code css quand le curseur passe sur les liens sa s'espace ? :) 

    merci, à bientôt ! 

    273
    Dimanche 28 Juillet 2013 à 01:26

    Pardonne ma réponse tardive~
    Pour les avatars des derniers visiteurs, tu peux régler la largeur maximale de ceux-ci à l'aide du code CSS ci-dessous:
    .module_menu_type_lastvisitors img {max-width: 100px;}

    100px est la valeur à changer si jamais celle-ci ne te convient pas !

    En ce qui concerne les infobulles, voilà pour toi !
    #help_bubble {
     color:#000; /*Couleur du texte*/
     background-color:#FFFFDC; /*Couleur du fond*/
     border: 1px solid; /*Taille et aspect de la bordure*/
     border-top-color:#EEE5B0; /*Couleur bordure supérieure*/
     border-left-color:#EEE5B0; /*Couleur bordure gauche*/
     border-right-color:#D9C968; /*Couleur bordure droite*/
     border-bottom-color:#D9C968; /*Couleur bordure inférieure*/
     padding:4px; /*Espace entre le texte et la bordure*/
    }

    272
    Paynette
    Mardi 23 Juillet 2013 à 15:17

    Waou ! Merci beaucoup Mikuru ! :)

    Hum... j'aurai une autre question... ^^' Aurais-tu un code pour rendre les avatars des "Derniers Visiteurs" plus petits, ainsi qu'un code pour changer la couleur des "bulles" quand on survole un avatar ?

    Voilà, merci encore de ton aide par avance !!! :)

    271
    Lundi 22 Juillet 2013 à 20:51

    Bonjour Paynette !
    J'ai ce qu'il te faut, voilà pour toi !
    Les codes suivants sont à coller dans la feuille CSS de ton blog !

    #menu1 {
        top: 0;
        bottom: 0;
        position: absolute;
    }

    ou

    #menu2 {
        top: 0;
        bottom: 0;
        position: absolute;
    }

    En fonction de l'emplacement de ton menu (s'il se trouve à droite ou à gauche). :)

    270
    Paynette
    Lundi 22 Juillet 2013 à 15:36

    Bonjour Mikuru !

    J'aurai voulu savoir s'il y avait un code pour mettre le menu sur toute la hauteur du blog, comme sur ce blog Tumblr http://obloomsource.tumblr.com/ ?

    Merci de ton aide par avance !

    269
    Dimanche 21 Juillet 2013 à 16:47

    Alors je vais essayer ^^ 

    Mercipour ta précieuse aide =D

    268
    Dimanche 21 Juillet 2013 à 16:39

    Non, l'affichage des players sur les autres blogs ne dépend pas de ton Javascript mais de celui de la personne qui a intégré le player. C'est donc bien normal que tu puisses voir celui des autres. Il faut donc que tu actives ton Javascript en en faisant la demande à Stéphanie ! Après ça, tout fonctionnera parfaitement ! :)

    267
    Dimanche 21 Juillet 2013 à 15:56

    J'ai fait ce que tu m'as dit [Partie HTML d'un module simple] mais lorsque j'enregistre, ça fait pareil : Le code Html et pas de lecteur.

    Pourtant, sur d'autre blog, je vois le lecteur donc j'imagine que mon javascript est active non ?? 

    266
    Dimanche 21 Juillet 2013 à 14:43

    Ton player ne sera jamais visible si le code inséré se trouve dans un article hors-ligne, le mieux serait de l'insérer dans la partie d'un module simple ! Si tu insères le code donné par wikiplayer dans la partie HTML d'un module simple, et que le javascript est activé sur ton compte, il n'y aucune raison que cela ne fonctionne pas. ^^

    265
    Dimanche 21 Juillet 2013 à 14:18
    Je n'ai pas lu les commentaires [il y'en a trop et je suis un peu presse ^^'] donc peut être qu'il y a ma réponse dans l'un d'eux mais Savez vous comment inserer un lecteur Wikplayer sur son blog eklablog ? J'ai beau le mettre dans le HTML d'un article que je met Hors Ligne, ca ne fonctionne pas... Et 'jai pourtant bien Cop/col tout le code Html communiqué... Pouvez vous 'maider ?
    264
    Jeudi 18 Juillet 2013 à 17:30

    Un très grand merci ! c:

    263
    Jeudi 18 Juillet 2013 à 13:32

    Alors, c'est un petit peu délicat. Je tiens à m'excuser de la réponse tardive déjà ! ;; Donc, lorsque tu vas sur ton blog et que tu fais Ctrl+U, tu obtiens normalement la page du code source. Fais ensuite Ctrl+F et recherche le nom du module que tu souhaites faire sortir de la page, tu devrais obtenir ce type de ligne, j'ai pris l'exemple de mon module "Partenaires" ici (http://ekladata.com/ZEg8feeEgt55_BVaP-4rgIeNIq8/code.png), essaie de repérer le premier bout surligné en jaune, il est situé un peu plus au dessus du titre du module. Copie ensuite de bout, puis, dans ton CSS, insère-le dans ce code-là :

    li#colletonboutdecodeici {
        position: absolute;
        top: 50px;
        left: 5px;
    }

    Le tour est joué ! Il ne te reste plus qu'a changer les différentes positions, selon l'endroit où tu veux placer ton module, soit les valeurs 50px et 5px. :)

    262
    Mardi 16 Juillet 2013 à 00:47

    Hello /o
    Je voudrais savoir comment avoir un Module mais hors du Blog , Hors de la page du blog , du cadre du blog si tu préfère ? x'(

    <-- Comme le tchat mais à la place du tchat c'est un module simple ? :=)

    Merciiiiii :)

    261
    Mercredi 3 Juillet 2013 à 18:33

    @ The Joker : Oui, j'avais bien essayé cette option également, mais cela ne fonctionne pas pour ma part. :o Le problème viendrait de moi alors ? Parce que je n'ai vraiment pas de transition. :o

    260
    Mercredi 3 Juillet 2013 à 17:55

    Merci finalement j'avais trouvé, désolée du dérangement. ><

    259
    Mercredi 3 Juillet 2013 à 17:54

    Re \o/

    Eh bien 

    #body{background:url("TON URL") repeat fixed;}

    Sauf si tu veux le mettre autre part, dans ce cas là il faut changer le sélecteur.

    258
    Mercredi 3 Juillet 2013 à 17:52

    Coucou, est ce que tu connaîtrais le code pour mettre un fond en répété et fixe stp ? Merci. :s

    257
    Mercredi 3 Juillet 2013 à 17:51

    Pour les transitions, tu as juste à ajouter ceci (les images en gris) :


     transitionall Xs;   
        -moz-transitionall Xs;
        -o-transitionall Xs;   
        -webkit-transitionall Xs

    Personnellement quand je mettait ce code, je faisait :

    img {         
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filterid=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%);
     transitionall 7s;   
        -moz-transitionall 7s;
        -o-transitionall 7s;   
        -webkit-transitionall 7s
    }     
    img:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filterid=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
     transitionall 7s;   
        -moz-transitionall 7s;
        -o-transitionall 7s;   
        -webkit-transitionall 7s
    }

     

    Et ça fonctionnait. o:

    256
    Upside Profil de Upside
    Dimanche 30 Juin 2013 à 18:29

    Merci beaucoup! :D

    255
    Samedi 29 Juin 2013 à 23:23

    oui ! Sa marche ! ^^

    254
    Samedi 29 Juin 2013 à 23:02

    Je crois que tu as mis les deux codes Lokay, tu n'as pas effacé le premier ? Efface tout et garde uniquement le deuxième que je t'ai donné !

    253
    Samedi 29 Juin 2013 à 22:49
    252
    Samedi 29 Juin 2013 à 22:14

    @ Løkay : Utilise ce code-là dans le HTML pour l'outil de recherche avec le bouton à côté de la barre : <div id="recherche"><form action="/search" method="get" onsubmit="return Loader.loadForm(this);"><label for="formquery"> <input id="formquery" style="width: 100px;" name="q" type="text" /> </label><input type="submit" value="C'est parti !" /></form></div>

    Pour le menu, il faut que tu mettes le code HTML dans la fenêtre d'édition HTML d'un module simple !

    @ Upside : J'ai ce qu'il te faut Upside !

    CSS :

    a {
        transition: all 1s ease;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
    }

    a:hover {
        transition: all 1s ease;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        background-color: #000000; /*Remplace par le code de la couleur de ton choix*/
    }

    Remplace les 1s pour paramétrer le temps de transition ! :)

    251
    Upside Profil de Upside
    Samedi 29 Juin 2013 à 18:00

    Bonjour, bonjour! :D

     

    Je me demandaiis, comment fait-on pour que le fond des lien change de couleur progressivement?

     

    Comme sur ton blog "iconmunity" mais sans transition.

     

    Merci d'avance! ^^

    250
    Vendredi 28 Juin 2013 à 16:31

    Pour les menue je dois mettre le code HTML ou, voila merci d'avance !

    249
    Vendredi 28 Juin 2013 à 15:47

    Coucou merci Mikuru pour tes réponces, juste pour le 3) tu asmodifiée quels valeurs pour mettre le bouton à côté et pas en dessous ?

    248
    Vendredi 28 Juin 2013 à 13:30

    @ Løkay : 1. Alors, j'ai un code pour ça, mais malheureusement, il n'y a aucun moyen de faire une transition progressive entre le noir et le blanc, j'ai beau avoir cherché, ça n'a pas l'air de fonctionner sur Eklablog. Donc je te passe tout de même le code, bien qu'il n'y ait aucune transition entre les deux modes !

    CSS :
    img {        
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%);
    }    
    img:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
    }

    2. Pour le menu, il est constitué de CSS et de HTML. Je te propose de te baser sur ces deux codes pour réaliser ce menu :

    CSS à l'adresse suivante : http://ekladata.com/tOBr-qbgOjgxyx5oDeYgR12BaOg/css-customize.css
    HTML à l'adresse suivante : http://ekladata.com/wG_M68Ee34cDkTKdJ_ue5pJDmEw/html-customize.txt

    3. Enfin, en ce qui concerne l'outil de recherche, ce n'est pas très compliqué non plus, dans un nouveau module, une fois la fenêtre d'édition HTML ouverte, colle le code ci-dessous :

    <div id="recherche"><form action="/search" method="get" onsubmit="if(Loader.loadForm(this)){ return true; }else{ this.reset(); return false; }"><input style="background-image: url('/images/icon_search.png'); background-position: left center; background-repeat: no-repeat; padding-left: 18px;" name="q" size="13" type="text" /> <br /> <input type="submit" value="C'est parti !" /></form></div>

    Ensuite, ouvre ta feuille CSS, et colle le code suivant :

    #recherche {position: absolute; top: 350px; right: 50px;}

    Tu peux modifier les valeurs 350px et 50px à ta guise :
    » top paramètre la distance entre l'outil de recherche et le bord supérieur de la page
    » right paramètre la distance entre l'outil de recherche et le bord droit de la page

    247
    Jeudi 27 Juin 2013 à 21:16

    Déolé de te déranger mais j'ai d'autre question à te poser à propos sur ton autre blog :

    246
    Jeudi 27 Juin 2013 à 20:30

    Ah merci! :D (un peu en retard...)

    245
    Jeudi 27 Juin 2013 à 19:59

    Coucou Mikuru, j'aimerais savoir, est-ce que tu aurais un code CSS qui rend les images noires et blanches sur le blog et dès qu'on passe la souris dessus elle reprènnent leurs couleurs petit à petit ...

    Voila ! Merci d'avance !

    244
    Rarity Profil de Rarity
    Jeudi 27 Juin 2013 à 19:31

    Meeerci Mikuru ! *O* Tu sauve ma vie la vie de mon blog !

    243
    Jeudi 27 Juin 2013 à 17:21

    @ The Joker : Mais non, pas du tout ! D: Au contraire ! Ça me fait vraiment plaisir. Puis tu m'apprends de nouvelles choses par la même occasion. N'hésite pas, vraiment !

    @ Shinōkō Hazaki : Haha, ne t'en fais pas, reviens autant de fois que tu veux~ Oui donc, pour le fond, effectivement, il ne marche pas. Enfin, ne marche plus je dirai puisqu'il fonctionnait parfaitement lorsque je l'avais envoyé. J'ai remarqué que la première ligne du CSS n'est plus prise en charge par la feuille CSS du blog, ce qui explique tout. J'ai donc rajouté une troisième ligne en modifiant la première, tout devrait fonctionner ! :)

    CSS :
    #body {
        background-image: url('urldetonimage.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    242
    Rarity Profil de Rarity
    Jeudi 27 Juin 2013 à 14:37

    Bon, après je reviens plus te saouler. T^T Mais en fait, j'ai eu un souci de fond (supérieur a 400Ko, tu vois) donc j' me suis dit qu'au lieu de te le redemander, je chercherai le CSS que tu m'avais donné. Mais il ne marche pas. o_o J'ai regardé ma connection Internet et tout, j'ai regardé si j'ai pas retiré un truc... Rien ! o_o Je voulais savoir si tu savais pourquoi... x(

    241
    Mercredi 26 Juin 2013 à 23:52

    De rien même si j'ai l'impression de gêner >w<

    Mais c'est bizarre que ça n'accepte pas plus de 5ko ... Parce que c'est environ une image de 240x236 ou des dimensions de ce style.. êe

    240
    Mercredi 26 Juin 2013 à 23:49

    Oh, pas bête. :o Je crois que tu as ta réponse, Flandre !
    Merci encore The Joker~ Décidement ! :)

    239
    Mercredi 26 Juin 2013 à 23:37

    Au pire upload les dans tes fichiers et au moment de l'ajout de l'image, clique sur l'icone pour aller dans tes fichiers ou met le lien direct ? '-'

    Les fichiers acceptent un fichier de 10mo max.

    238
    Mercredi 26 Juin 2013 à 23:32

    Ah, je n'ai jamais essayé. Aurais-tu le lien de l'image, afin que je l'enregistre et que je fasse des tests avec ? :)

    237
    Mercredi 26 Juin 2013 à 22:38

    Bonjour,

    J'ai besoin d'un code qui me laisserais mettre des images de plus de 5ko dans un article.

    Merci déjà d'avance :)

    236
    Mercredi 26 Juin 2013 à 14:01

    Bien sûr, il te suffit d'ajouter ça dans ton CSS, puis de régler les paramètrages afin de faire de la place derrière le header, pour faire en sorte qu'il ne se superpose pas sur le blog.

    CSS :
    #header {
        position: fixed;
    }

    235
    Rarity Profil de Rarity
    Mercredi 26 Juin 2013 à 08:31

    Coucou ! :3

    Je voulais te poser une question... Je voulais savoir si il était possible que mon header soit "fixe" (touuuut en haut de la page.), cet a dire qu'il me suive si je descend ;-;...

    234
    Lundi 24 Juin 2013 à 19:30

    J'arrive après la bataille, et je m'en excuse, mais, merci infiniment The Joker, encore une fois ! :)

    233
    Lundi 24 Juin 2013 à 18:42

    Oui, j'ai compris ça comme ça, mais je me doutais qu'il y a vait quelque chose qui clochait par là. x) En tout cas, ton nouveau code fonctionne parfaitement, merci beaucoup !

    232
    Lundi 24 Juin 2013 à 18:05

     @font-face {
        font-familyDawning of New Day('Dawning of a New Day')
        srcurl('http://ekladata.com/taisetsu-na-mono.lo.gs/perso/DawningofaNewDay.ttf');
    }

    Le problème c'est que t'as dû comprendre que ce que j'ai mis entre parenthèses c'était le nom de la police à mettre. ^w^' J'ai mal expliqué aussi, pardonne moi.

     @font-face {
        font-familyDawning of New Day;
        srcurl('http://ekladata.com/taisetsu-na-mono.lo.gs/perso/DawningofaNewDay.ttf');
    }

    Ceci devrait fonctionner. (:

    231
    Lundi 24 Juin 2013 à 17:59

    Ah, oublie, oublie ! J'ai réussi à réparer ça ! (Je sais pas trop comment, mais c'est le cas...)

    Merci encore de m'avoir répondu !

    230
    Lundi 24 Juin 2013 à 17:29

    Non, au final, je n'ai pas réussi. Est-ce que ça te va si je sors ce que j'ai inscrit ? Je pense qu'il doit juste y avoir une faute quelque part, mais ça m'empêche justement de faire ce que je souhaite. 

     @font-face {
        font-familyDawning of New Day('Dawning of a New Day')
        srcurl('http://ekladata.com/taisetsu-na-mono.lo.gs/perso/DawningofaNewDay.ttf');
    }

    .module_titre {
        font-family'Dawning of a New Day';
    }

    Merci encore pour vos réponses.

    229
    Lundi 24 Juin 2013 à 17:04

    @The Joker : Oooh... Je vois, je vois ! Je vais tester ça ! Merci beaucoup ! :D

    228
    Lundi 24 Juin 2013 à 17:02

    Désolé de m'incruster '^' ... Mais j'ai la solution.

    Alors il faut déjà que tu héberges le fichier de la police quelque part (bah dans "Contenu" et "Gérer mes fichiers" par ex. ). Ensuite, tu vas mettre ça dans ton css :

    @font-face {font-family:POLICE; (ici, met le nom qui te servira pour font-family:)
        srcurl('URL DU FICHIER UPLOADER');
    }

    Puis tu n'auras plus qu'a faire ".module_titre {font-family: NOM DE LA POLICE;} "

    227
    Lundi 24 Juin 2013 à 16:58

    Ouh là... Je viens te remercier trois plombes après seulement... Merci beaucoup, Mikuru ! Et bien sûr, je reviens toujours avec une nouvelle question... x)

    Cette fois-ci, j'aimerais savoir quel était le code CSS à inscrire pour installer une police complètement différente sur mon blog. Je m'explique. J'aimerais utiliser les polices "Dawning of a New Day" pour les titres des mes articles et des modules dans mon menu (Qui se trouvera à gauche) et "Tiny" pour les infos de mes articles. Est-ce que tu saurais comment faire ça ?

    N'hésite pas à me dire si je n'ai pas été claire. Merci d'avance pour ta réponse !

    226
    Jeudi 13 Juin 2013 à 17:53

    Merci beaucoup :D

    225
    Mercredi 12 Juin 2013 à 18:31

    Oui merci. :) 

    224
    Mercredi 12 Juin 2013 à 18:17

    Thank you ! *-*

    223
    Mercredi 12 Juin 2013 à 17:37

    Oui, excuse moi, je ne l'avais pas vue.

    a {
        letter-spacing: 0;
    }

    a:hover {
    letter-spacing: 2px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    }

    2px est la taille de l'espacement entre les lettres, c'est modifiable. Les 0.5s donnent le temps d'espacement des lettres, c'est également modifiable. :)

    222
    Mercredi 12 Juin 2013 à 16:48

    Mercii *-*

    Je voulait simplement faire l'effet du menus pas tout le contenus exactement.. Mais bon c'est pas grave ^^' je sais qu'il y a des éditeurs qui font ça. Sinon tu ma pas répondue pour la deuxième question xD

    221
    Mercredi 12 Juin 2013 à 16:26

    @ Seo Ha Mi : Encore une fois, attention au plagiat. Ce n'est pas parce que les bloggeurs de tumblr viennent des quatre coins du monde qu'il est autorisé de reproduire leurs thèmes sans gêne.

    HTML :
    <div class="joon">
    <div class="side">
    <div class="nav">
    <div id="links"><a class="links" href="/">lien 1</a> <a class="links" href="/">lien 2</a> <a class="links" href="/">lien 3</a> <a class="links" href="/">lien 4</a> <a class="links" href="/">lien 5</a></div>
    <div id="triangle" class="trans">◂</div>
    </div>
    <div class="title" style="margin-bottom: 10px;">t i t r e . ★</div>
    <img id="pic" src="urldugif.gif" alt="" /></div>
    <div id="main"><a class="main" href="/">lien 1</a> <a class="main" href="/">lien 2</a> <a class="main" href="/">lien 3</a> <a class="main" href="/">lien 4</a></div>
    <div class="desc">Écris ton texte ici</div>
    </div>

    CSS :
    .joon {
        left: 170px;
        position: fixed;
        top: 150px;
    }
    .side:hover #triangle {
        color: transparent;
        text-shadow: 0 -60px #FFA78A, 0 65px #91DF9F;
    }
    .side:hover #links {
        opacity: 1;
    }
    .nav {
        margin-left: -30px;
        margin-top: 58px;
        position: absolute;
    }
    .links {
        border-left: 0 solid #99DDD3;
        border-right: 0 solid #99DDD3;
        display: block;
        font-family: consolas;
        font-size: 8px;
        margin-bottom: 2px;
        padding: 2px;
        text-align: right;
        text-transform: uppercase;
        width: 75px;
    }
    .links:hover {
        background-color: #99DDD3;
        border-left: 2px solid #99DDD3;
        border-right: 10px solid #99DDD3;
        color: #FFFFFF;
    }
    #links {
        margin-left: -62px;
        margin-top: 15px;
        opacity: 0;
        position: absolute;
    }
    #links a {
        color: #AAAAAA;
    }
    #links a:hover {
        color: #FFFFFF;
    }
    #trans, .trans {
        -moz-transition: all 0.8s ease-out 0s;
    }
    #triangle {
        color: #555555;
        font-size: 70px;
        text-shadow: 0 -5px #FFA78A, 0 5px #91DF9F;
    }
    .title {
        color: #AAAAAA;
        font-family: print;
        font-size: 19px;
        letter-spacing: 5px;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
    }
    #pic {
        opacity: 0.8;
        width: 220px;
    }
    #main a {
        color: #FFA78A;
    }
    #main a:hover {

        color: #FFFFFF;
    }
    .main {
        color: #FFA78A;
        display: block;
        float: left;
        font-family: open sans;
        font-size: 15px;
        margin-bottom: 5px;
        padding: 5px;
        text-align: center;
        text-transform: lowercase;
        width: 45px;
    }
    .main:hover {
        background-color: #FFA78A;
        color: #FFFFFF;
    }
    .desc {
        color: #AAAAAA;
        margin-top: 10px;
        text-align: center;
        width: 220px;
    }

    crédit : hobakjeon.tumblr.com


    @ Amichu : Pas de problème !

    #menu1 {
    position: fixed;
    }

    #menu2 {
    position: fixed;
    }

    220
    Mercredi 12 Juin 2013 à 16:11

    Et aussi j'aimerais avoir le code pour les liens. Quand tu passe ta souris dessus doucement les écritures s'éloignent .. Si tu vois ce que je veux dire :') 

    219
    Mercredi 12 Juin 2013 à 14:17

    Bonjour, j'aimerais savoir quel code il faut utiliser pour que le menu reste fixe.

    Merci d'avance :3

    218
    Mercredi 12 Juin 2013 à 13:54

    Coucou Mikuru !

    J'aimerais savoir s'il possible de faire exactement le même menus que sur ce thème Tumblr : http://dae-hyun-jung.tumblr.com/

    Voilà biisouus :3

    217
    Dimanche 9 Juin 2013 à 21:05

    C'est un peu compliqué d'expliquer ça par image ! Je reprends ! Avec un logiciel de graphisme, tu crées ton header. Et sur l'image, sur l'image du header, tu écris les textes qui formeront ton menu personnalisé, directement avec ton logiciel de graphisme, au moment de la conception du header, regarde à quoi ressemble le header de ton exemple ici http://ekladata.com/gPZqW7XfpEnDi7IP2Toan-6easg.jpg. Ensuite, quand tu mets le header sur ton blog, quand tu édites le thème, dans la partie Header, quand tu regardes les paramètres des menus, il faut que tu déplaces ton menu à l'emplacement qui convient sur ton header, c'est à dire à l'endroit où tu as écrit le menu sur l'image ! En faisant ce déplacement, tu auras comme des "liens invisibles" au dessus du menu de ton header. Pour cela par contre, il faut bien penser à réduire la taille de police du menu à 0, afin qu'on ne voit pas les texte (puisqu'ils sont déjà sur l'image du header). C'est un peu plus clair ?

    216
    Dimanche 9 Juin 2013 à 20:49

    Est ce que tu pourrais me montrer sur une image stp ? Je n'ai pas tout à fait compris. (idiote je sais)

    215
    Dimanche 9 Juin 2013 à 20:46

    Tu crées ton header avec les textes déjà inscrits dessus, et ensuite, sur Eklablog, tu déplaces les cadres prévus pour les liens du menu sur chaque texte de l'en-tête. :)

    214
    Dimanche 9 Juin 2013 à 20:37

    Coucou, je voulais savoir comment faire des menus personnalisés sur le header comme ce blog, merci : http://ikimono-gakari.lo.gs/

    213
    Dimanche 9 Juin 2013 à 20:35

    C'est beau l'entraide ahlala~
    Alors Mini guigui ! Voici pour toi !

    #menu1 {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    }

    #menu1 {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    }

    30px valeur modifiable, évidement.

    C'est donc le degrés d'arrondissement des coins. :)

    212
    Dimanche 9 Juin 2013 à 17:41

    Pas de quoi :3

    211
    Dimanche 9 Juin 2013 à 17:40

    Oh oui, merci beaucoup *w*

    210
    Dimanche 9 Juin 2013 à 17:35
    209
    Dimanche 9 Juin 2013 à 13:39

    De rien °w° ... Dit mikuru, aurais-tu une idée de comment rediriger vers un blog o: ?

    208
    Dimanche 9 Juin 2013 à 13:10
    Les menus sur les cote du blog :) Ou ya tes partenaires la ;)
    207
    Dimanche 9 Juin 2013 à 13:00

    Les menus, ceux du header où ceux sur les côtés ?

    206
    Dimanche 9 Juin 2013 à 12:01

    Super et tu aurait le code pour faire les bords des menus arrondis ? :)

    205
    Dimanche 9 Juin 2013 à 11:56

    Je te conseillerai soit de le séparer en deux parties, une qui sera dans la partie header du blog, une autre qui sera dans le fond du blog, afin de former un tout au final sans avoir à changer la largeur de ta page ; soit de tout simplement mettre ton header dans le fond du blog. :)

    204
    Dimanche 9 Juin 2013 à 11:33

    Coucou Mikuru dis ta pas un code pour mettre cet header : http://img15.hostingpics.net/pics/754095header.png

    Sur mon blog ? ^^

    203
    Dimanche 9 Juin 2013 à 11:19

    Un grand merci à Shinobu Sasaki et à The Joker qui ont répondu juste, et avant moi ! ;;
    Love !

    202
    Samedi 8 Juin 2013 à 14:47

    ok merci ^^

    201
    Samedi 8 Juin 2013 à 12:49

    En fait c'est parce qu'elle créer des pages et elle met les liens vers l'article écrit dans une autre rubrique. ^^

    200
    Samedi 8 Juin 2013 à 12:36

    coucou, je voudrais savoir :

    quand on clicke sur la rubrique CSS, tout ce qu'on peut faire en CSS est affiché, mais comment fait tu pour que les articles comme : ombre sous les liens ne soient pas en dessous ? merci d'avance ^^

    199
    Vendredi 7 Juin 2013 à 21:42

    D'accord, je ferai comme ça, alors.

    Merci quand même ! :3

    198
    Vendredi 7 Juin 2013 à 13:35

    Bonjour Shinku !
    Alors je ne l'ai jamais essayé, donc je ne peux malheureusement pas t'aider. Mais, tu peux toujours créer un blog 'poubelle' afin de tester ! Au moins, même s'il plante, tu n'auras aucun mal à le supprimer depuis ton interface principale, et puis tu ne perdras pas ton blog principal. :)

    197
    Vendredi 7 Juin 2013 à 11:31

    Bonjour !

    J'aimerais savoir si le code jQuery "style-my-tooltips" est compatible avec Eklablog. J'ai ce code depuis un petit moment déjà mais, j'ose pas le mettre de peur que mon Blog bug. ^^'

    196
    Shinobu Sasaki
    Dimanche 2 Juin 2013 à 20:18

    De rien! ;)

    195
    Claude Beacons Profil de Claude Beacons
    Dimanche 2 Juin 2013 à 19:00

    Merci mille fois :) .

    194
    Shinobu Sasaki
    Dimanche 2 Juin 2013 à 18:51

    Claude Beacons > Si tu veux pour tumblr c'est ici: http://www.wikplayer.com/

    Et pour ekla c'est ici: http://scmplayer.net/

    193
    Claude Beacons Profil de Claude Beacons
    Dimanche 2 Juin 2013 à 18:29

    Bonjoue mikuru ça va ?

    Eh bien j'aimerais te poser une question si cela est possible :) sur ce blog tumblr : >Ici<  Il y'a  justement en haut un player où l'on peut écouter de la musique , j'aimerais bien savoir comment on fait :) 

    Merci d'avance :3

    192
    Samedi 1er Juin 2013 à 16:09

    WAOU ! Merci beaucoup Mikuru !!!! Merci, merci, merci !!!

    191
    Samedi 1er Juin 2013 à 13:47

    Merci! :D

    190
    Samedi 1er Juin 2013 à 13:46

    Dans un module, une fois que tu as placé les boutons de tes partenaires comme tu le souhaites, ouvre ta fenêtre d'édition HTML et rajoute au tout début du code <div id="partenaires">. Rajoute ensuite </div> tout à la fin du code.

    Ouvre ensuite ta feuille de CSS et colle cela
    #partenaires {
        position: absolute;
        top: 100px;
        left: 500px;
    }

    Modifie les valeurs 100px et 500px afin de trouver l'emplacement qui te convient sur ta page. Par contre, fais attention, car même si tu définis un emplacement précis, il risque de ne pas être le même sur tous les ordinateurs (en raison des écrans de tailles et largeurs différentes du tiens).

    L'image de base des fleches d'Ekla est celle ci : menubar_hide
    Tu dois modifier le fond avec ton logiciel sans couper l'image (Pour faire en sorte d'avoir le même fond que sur la barre de navigation) et une fois fait, tu insères dans ton CSS :

    #menubar_hide {
        background: url("urldel'image") no-repeat;
    }

    En remplacant urldel'image par la nouvelle images des flèches que tu as faite.
    Pour enlever le petit espace blanc après l'icône de coeur, rajoute cela dans ton CSS :

    #menubar_favorites {
    background-image: none;
    }

    189
    Samedi 1er Juin 2013 à 13:19

    Aussi! pour la barre de menu d'ekla celle de tout en haut... quand on met l'image la flèche est blanche et le coeur aussi :

     

    188
    Samedi 1er Juin 2013 à 13:05

    Rebonjour! j'aimerais savoir si vous aviez le code pour mettre les partenaires en dehors des articles(sur l'header par exemple) ou la barre de recherche?

    187
    Samedi 1er Juin 2013 à 11:49

    Oui bien sûr ! Lorsque tu ouvres ta fenêtre d'édition HTML, normalement ton image est exprimée par une ligne semblable à celle ci-dessous

    <img src="urldetonimage.jpg" alt="" />

    Si tu as besoin de changer l'opacité, il faudra alors rajouter ce petit bout

    <img style="opacity: 1;" src="urldetonimage.jpg" alt="" />

    Et normalement, tout est bon ! :)

    186
    Samedi 1er Juin 2013 à 00:18

    Coucou Mikuru ! C'est à nouveau moi. x)

    Je viens encore te voir pour des infos sur l'opacité. Voilà, j'ai activé une opacité progressive sur toutes les images de mon blog. Or, j'aimerais que les images sur des articles en particulier ne soient pas transparentes.

    Est-ce que c'est possible ? Sinon, il y aurait pas un code HTML permettant aux images d'avoir leur opacité à 1 ?... Ou un truc du genre... >.> Thanks~

    185
    Mercredi 29 Mai 2013 à 15:00

    J'avais aussi pensé à utiliser ce code-là, que j'avais déjà rencontré par le passé, mais cela n'avait pas marché. En tout cas, merci, j'ai bien compris le fonctionnement. C'est vrai que je voyais souvent ces données-là sur Photoshop, mais j'ai jamais vraiment su à quoi ça correspondait. ^^'

    Encore merci de ton aide !

    184
    Mercredi 29 Mai 2013 à 13:48

    Pas de souci ! Alors, après quelques recherches,

    .module_contenu {
    background-color: rgba(0, 0, 0, 0.2);
    }

    Alors, l'opacité ici se règle au niveau du dernier chiffre, 0.2, cependant, pour la couleur du fond, c'est un petit peu plus compliqué. Peut-être que tu sais déjà comment fonctionne l'écriture RGBa ? Il faut en fait rentrer dans l'ordre les valeurs qui correspondent à la quantité de rouge (red), de vert (green) et de bleu (blue) qu'il y a dans ta couleur. La plupart des logiciels donnent ces différentes valeurs lorsque l'on ouvre la fenêtre de séléction de couleur, Paint, tout comme Photofiltre ou encore Photoshop, font très bien l'affaire ! Voilà, voilà !

    EDIT : C'est encore plus simple en ligne http://www.rapidtables.com/ !

    183
    Mardi 28 Mai 2013 à 21:19

    Mikuru ! Après avoir tenté par tous les moyens de trouver ça seule, j'ai du finir par me tourner vers toi... XD

    J'aimerais pouvoir rendre le fond, et le fond uniquement, de mes articles transparent. J'ai bien testé ce code-ci :

    .module_contenu {
        opacity0.5
    }

    Le seul problème, c'est que c'est l'article en entier qui devient transparent, texte et images compris. Et puis, background-opacity n'existe pas, alors je suis paumée... T'aurais pas quelque chose pour améliorer ça ? *o*

    182
    Mardi 28 Mai 2013 à 19:50

    Si bien sûr il y a de nombreuses façons de contourner mais pour ça il faudrait que tu aies une configuration précise en tête ! Tu sais exactement ce que tu veux placer, où, et comment ? L'idéal ce serait de faire ça (un preview) avec un logiciel de graphisme pour voir ce que ça donnerait afin de se débrouiller pour l'appliquer à l'aide de CSS. ^^

    181
    Mardi 28 Mai 2013 à 13:42

    Tu es sûre que ce n'est vraiment pas possible? Je sais que ce n'est pas possible avec les paramètres de base, mais il n'y a pas de code CSS ou quelque chose comme ça? Zut alors. Bon, je te remercie quand même, désolée d'avoir dérangée! >u<'

    180
    Lundi 27 Mai 2013 à 19:27

    @ Claude Baecons : Oui, bien sûr, j'avais déjà répondu à cette question un peu plus bas alors je te recolle simplement le CSS de la réponse ! ^^

    .module_menu_contenu a {  
        width: 100%; /*C'est ce qui fait que le fond prend toute la largeur du menu*/
        border-bottom: 1px solid #b1c4fc; /*Bordure inférieure : taille en px, forme, couleur*/
        background-color: #c2d0fb; /*Couleur du fond*/
        display: block;
        color: #507cfd; /*Couleur du texte*/
    }

    .module_menu_contenu a:hover {
        background-color: #ffffff; /*Couleur du fond survolé*/
        color: #9b9999; /*Couleur du texte survolé*/
    }

    @ Chelinka : Les menus normalement à droite ou à gauche ? Ça risque d'être un peu compliqué... En tout cas, Eklablog ne le permet pas dans ses paramètres de base, malheureusement. :(

    179
    Lundi 27 Mai 2013 à 18:39

    Coucou Mikuru!

    Je voudrais savoir si il est possible de mettre ses menus à l'horizontale?

    178
    Claude Beacons Profil de Claude Beacons
    Dimanche 26 Mai 2013 à 21:54

    Bonjour , 

    Sur un blog très sympa -ici- , dans contenu modules les liens sont encadrés par un fond gris (m'enfin tu vois ce que je veux dire ) . j'aimerais savoir comment on fait ?

    Merci d'acance !

    P.s : très joli nouveau thème :3 .

    177
    Mercredi 22 Mai 2013 à 20:38

    ok merci

    176
    Mercredi 22 Mai 2013 à 16:57

    Bonjour à toutes les deux ! Alors, Lé-Bai-San, voilà pour toi, j'ai décortiqué le code pour récupérer l'url du curseur et voici donc le CSS à insérer sur ton blog !

    body {
        cursor: url("http://i1143.photobucket.com/albums/n635/1dners/me-owing.png"), auto;
    }

    Noelle6, pour tout type de curseur, je te conseille de lire ce tutoriel (http://portfolio.ek.la/curseur-personnalise-a5122837), je pense que tu trouveras ce que tu cherches à faire !

    175
    Mercredi 22 Mai 2013 à 11:53

    coucou, je voudrais savoir, comment mettre un curseur sur mon blog ?

    174
    Mercredi 22 Mai 2013 à 11:33

    Coucou Mikuru ! J'aurai voulu savoir comment mettre le deuxième curseur Tumblr (Ecriture Cody Simpson) que tu vois sur le lien du site que je te donne ci-dessous sur mon blog d'Ekla ?

    Le lien du site où se trouve le curseur: http://1dcursors.tumblr.com/cas#cody

    Merci de ton aide par avance ! :)

    173
    Miuu Profil de Miuu
    Lundi 20 Mai 2013 à 20:16

    Je t'en remercie! Merci! Moi aussi j'avais remarqué ça, mais bon... En tout cas merci! du fond du coeur!

    172
    Lundi 20 Mai 2013 à 19:29

    Je ne me suis pas trop cassée la tête, le code constituant ce que tu cherches à faire était donné, je l'ai juste réarrangé sur certains points. Si ton but est de reproduire le thème de ce tumblr, alors j'aimerai juste rappeler (à de nombreux bloggueurs qui se sont récemment trouvés une passion pour les thèmes type tumblr), que derrière ces thèmes, il y a des designers, bénévoles ou non, et que bien qu'ils soient étrangers, leur travail devrait être respecté. Ceci dit, voici pour toi, fais en bon escient !

    HTML
    <div id="liens"><img class="limg" src="liendetonimagedefond.jpg" alt="" />
    <div class="li"><a class="cl" href="/accueil">lien 1</a> <a class="cl">lien 2</a> <a class="cl">lien 3</a> <a class="cl">lien 4</a> <a class="cl">lien 5</a> <a class="cl">lien 6</a></div>
    </div>

    CSS
    #liens {
        -moz-transition: all 0.6s ease-in-out 0s;
        background-color: #000000; /*Couleur du fond de l'ensemble qui apparaît noir*/
        border-radius: 0 0 200px 0;
        font-size: 13px; /*Taille de police des menus*/
        height: 250px; /*Hauteur de l'ensemble, en pixels*/
        margin-left: 910px;
        padding: 10px;
        position: fixed;
        width: 200px; /*Largeur de l'ensemble, en pixels*/
        top: 26px;
        right: 72px;
    }
    .limg {
        -moz-transition: all 0.6s ease-in-out 0s;
        border-radius: 0 0 200px 0;
        height: 250px; /*Hauteur de l'image, en pixels*/
        width: 200px; /*Largeur de l'image, en pixels*/
    }
    #liens:hover .limg {
        -moz-transition: all 0.6s ease-in-out 0s;
        border-radius: 0;
        opacity: 0.4; /*Opacité de l'image au survol de l'ensemble*/
    }
    #liens:hover {
        -moz-transition: all 0.6s ease-in-out 0s;
        border-radius: 0;
    }

    .cl {
        -moz-transition: all 0.4s ease-in-out 0s;
        background-color: #000000; /*Couleur de fond des blocks liens du menu*/
        color: #FFFFFF; /*Couleur du texte des menus*/
        height: 15px; /*Hauteur des blocks liens du menu*/
        display: block;
        letter-spacing: 1px; /*Espacement entre chaque lettre, en pixels*/
        margin-top: 2px;
        opacity: 1;
        text-align: center;
        text-transform: uppercase;
        width: 180px; /*Largeur des blocks liens*/
    }
    .cl:hover {
        text-decoration: none;
        -moz-transition: all 0.4s ease-in-out 0s;
        background-color: #9C9999; /*Couleur de fond des blocks liens du menu au survol*/
        color: #000000; /*Couleur du texte des menus au survol*/
    }

    .li {
        -moz-transition: all 0.6s ease-in-out 0s;
        font-size: 11px;
        margin-top: -250px;
        opacity: 0;
        padding: 10px;
        position: fixed;
        text-align: justify;
        width: 180px;
    }
    #liens:hover .li {
        -moz-transition: all 0.6s ease-in-out 0s;
        margin-top: -210px;
        opacity: 1;
    }

    171
    Miuu Profil de Miuu
    Lundi 20 Mai 2013 à 15:16

    C'est moi! Enfaite j'aurais besoin de savoir comment est-ce qu'on fait le thème enfaite ICI

    Si tu ne peut pas, tu peux juste me dire comment on fait la partie en haut. Merci!

    170
    Dimanche 19 Mai 2013 à 22:09

    Miciiiiiiiii *-*

    169
    Dimanche 19 Mai 2013 à 21:22

    @ Hilarry : Oui, bien sûr !

    @ Seo Ha Mi : Et voilà pour toi ma chère !
    .module_contenu img {
        opacity: 0.5;
    }

    Les valeurs de l'opacité sont variables entre 0 et 1, à toi de régler ce paramètre à ta convenance !

    168
    Dimanche 19 Mai 2013 à 20:38

    Hello Mikuru ~

    J'aimerais savoir si il existe un CSS pour aténuer seulement les images des articles

    Voilà bisous \o/

    167
    Dimanche 19 Mai 2013 à 20:31

    D'accord, c'est vraiment bien réussi. Tu arrives à calculer les longues et à les adapter pour tous le monde comme ça ?

    166
    Dimanche 19 Mai 2013 à 20:29

    Ah ! C'est tout simplement mon fond de page, qui est repété verticalement. Ensuite j'ai juste joué sur les différentes largeurs pour que l'espace contenu et l'espace menu du blog coïncident avec les emplacements prévus à leurs effets dans le fond, c'est à dire la partie jaune et la partie violette.

    165
    Dimanche 19 Mai 2013 à 20:17

    Bonjour, ce n'est pas vraiment pour un code mais c'est à propos de ton blog, tu as réussi à faire deux pages en une (fin tu vois ?) Violet-jaune et tu l'as adapté parfaitement. Je voulais savoir comment tu avais fait si tu veux bien, ça m'intéresse. Merci d'avance.

    164
    Mercredi 15 Mai 2013 à 20:14

    D'accord merci beaucoup ! :)

    163
    Mercredi 15 Mai 2013 à 20:09

    Bonjour Delphine ! Alors, pour changer la langue, il faut changer la langue du blog dans Configuration > Configuration générale > Langue. Ensuite, pour positionner les informations en bas à droite, voici le code à insérer dans le CSS de ton blog :

    .module_contenu_block { position:relative; }
    .article_info {
        position:absolute;
        bottom:0;
        right:0;
    }

    En espérant t'avoir aidée ! :)

    162
    QianHuan Profil de QianHuan
    Mercredi 15 Mai 2013 à 19:03

    merci Mikuru pour ta réponce

    161
    Mercredi 15 Mai 2013 à 18:20

    Coucou j'aimerait savoir comment on fait pour que dans l'article "Par Mikuru dans Besoin d'un code ? le 30 Août 2012 à 16:24" sois en anglais + situer e