• menu deroulant

     "Un petit merci fait toujours plaisir"

    Voici un tuto pour mettre un menu déroulant sur le cote gauche comme sur le blog.

    Je vais le preciser : Il faut mettre les 2 codes !

    Avant de commencer il faut savoir que c'est du code html et du css qu'il va falloir utiliser,donc pour ceux qui non pas la javascript active sur leur blog, aller demander par mp au support.

    Commencer par créer vos petites images (90x70 px)

    ex:

    menu deroulant

     

     

     

    Puis coller le code css qui peut être personnalise si vous le voulez

     

    #menugauchecoulissant {
    background:linear-gradient(top right,#313131,#000000);
    border: 2px solid grey;
    boder-radius: 8px 0px 8px 8px;
    box-shadow: 0px 0px 3px white;
    position: fixed;
    width: 9px;
    height: 70px;
    top: 80px;
    left: 0px;
    padding: 0px 0px 0px 6px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }

    #menugauchecoulissant:hover {
    width: 80px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    box-shadow: 0px 0px 8px white;
    }

     

    Enfin  placez le code html dans un module simple qui a déjà ete créer (le code ne doit pas être tout seule en gros ex: moi je l'ai mis dans le module "Mon bouton" )

    modifiez "url de l'image " par celle que vous avez créer

    modifiez "url du lien"  par le lien de votre rubrique, ou autre

     

     <div id="menugauchecoulissant"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 160px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 240px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 320px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 400px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

     

    Inspiré du tuto  d'Eklatuces > ici <


    Tags Tags : ,
  • Commentaires

    1
    Samedi 4 Février 2012 à 15:55

    merci Mizura je vais essayer le code HTML 

    merci beaucoup Mizura

    2
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 15:56

    oula non non ^^ c'est les deux codes qu'il faut mettre !

    3
    Samedi 4 Février 2012 à 15:57

    ah bon!O_o mais pour le code CSS on est obliger de le modifier?

    4
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 16:00

    non tu le laisse comme ca, apres si tu ty connait tu peux le modifier comme par exemple mettre de la lumiere autour de l'image.Mais il faut avoir activer la javascript sur ton blog pour pouvoir le mettre pour ca il faut que tu avoie un mp au support tu demande l'activation. Apres le code html dans un module simple comme je l'ai explique

    5
    Samedi 4 Février 2012 à 16:07

    merci Mizura il est super l'explication

    6
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 16:11

    oki ^^ si les gens de demande comment tu a fait pour le mettre dit leur de venir voir ici stp  je manque de comme et de visiteurs merci bien =)

    7
    Samedi 4 Février 2012 à 16:23

    de rien et je leur dirais que c'est grace a toi

    8
    Samedi 4 Février 2012 à 16:31

    c bizzare,quand je met sur un module,il se trouve dans le module et non sur le coté

    9
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 17:39

    tu a du faire une erreur sur le code html verifie que c'est bien dans un module simple

     

    10
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 17:40

    montre moi le code que tu a mis en html

    11
    Samedi 4 Février 2012 à 17:41

    oui c bien dans un module simple ou sinon je te donne la perm3 pour que tu m'aide a faire si tu veux

    12
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 17:42

    ok va y je vais voir et jte dit ski va pas

    13
    Samedi 4 Février 2012 à 17:44

    merci pour ton aide Mizura

    14
    Samedi 4 Février 2012 à 17:46

    c bon je t'ai mis la perm3


    voici le code HTML que j'ai mis:


    <div id="menugauchecoulissant"><a href="http://manga138.eklablog.com/accueil-a25167303"><span style="color: #ffffff;"><img style="float: right;" src="http://ekladata.com/5dGz3Hh9pKwPC54YVhlRMUhgvdU/accueil.jpg" alt="" /></span></a></div>
    <div id="menugauchecoulissant" style="top: 160px;"><a href="http://manga138.eklablog.com/reglement-a25165009"><span style="color: #ffffff;"><img style="float: right;" src="http://ekladata.com/ynERaIAYNftu8IZqlUndpC5PsK0/reglement.jpg" alt="" width="90" height="70" /></span></a></div>
    <div id="menugauchecoulissant" style="top: 240px;"><a href="http://manga138.eklablog.com/livre-d-or-g39855"><span style="color: #ffffff;"><img style="float: right;" src="http://data0.eklablog.com/manga138/perso/menu/livre%20d-or.jpg" alt="" width="90" height="70" /></span></a></div>
    <div id="menugauchecoulissant" style="top: 320px;"><a href="http://manga138.eklablog.com/libre-service-lb-a37788289"><span style="color: #ffffff;"><img style="float: right;" src="http://data0.eklablog.com/manga138/perso/menu/libre%20service.jpg" alt="" width="90" height="70" /></span></a></div>
    <div id="menugauchecoulissant" style="top: 400px;"><a href="http://manga138.eklablog.com/commande-c17155658"><span style="color: #ffffff;"><img style="float: right;" src="http://ekladata.com/FDh5CGJViJcxEXJXXHrK4GxJQmg/commande.jpg" alt="" width="90" height="70" /></span></a></div>

    15
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 17:56

    je regarde je ne vois pas d'erreur dans le code html je vais tester a partir du mien

     

    16
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 17:59

    j'ai tester avec le mien ca marche pas...humm je reflechi...tkt c'est pas un code qui pourra me battre ! tu l'aura ton menu ! =)

    17
    Samedi 4 Février 2012 à 18:04

    merci Mizura(larme de joie)

    18
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 18:06

    c'est bizar j'ai même tester avec mon code ca marche pas moi je l'ai mis dans le module ou j'ai mis mes bouton peux être qui faut le mettre dans un module déjà créer et pas tout seul ? je vais tester, apres soit c'est moi qui dans la rubrique a fait une erreur...

     

    19
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 18:10

    oui c'est ca!!!!! falais pas mettre le code seul dans un module !

    20
    Samedi 4 Février 2012 à 18:10

    peut etre que j'ai oublier de mettre le code CSS(il se trouve en tout dernier le code CSS)

    21
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 18:10

    je te l'ai mis dans présentation

    22
    Samedi 4 Février 2012 à 18:11

    merci beau coup Mizura et pourquoi cela ne marchait pas?

    23
    Samedi 4 Février 2012 à 18:11

    sa me fait pareil et pourtant c dans un module simple

     

    24
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 18:13

    par contre ton blog ram un peu malgres que j'ai un asse bon ordi je te conseil d'enlever les etoiles qui tombe moi j'ai du les enlever car comme j'ai beaucoup de code html et de flash...c'etait trop lourd on va dire

    25
    Samedi 4 Février 2012 à 18:13

    merci beaucoup Mizura

    26
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 18:14

    dr ^^ je savais qu'un code pouvais pas me battre ! *fiere*

    27
    Samedi 4 Février 2012 à 18:14
    28
    Samedi 4 Février 2012 à 18:15

    merci du conseil Mizura

    29
    Samedi 4 Février 2012 à 18:17

    sa me fait toujour pareil

    30
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 18:22

    ta bien active la java sur ton blog ? n'oublie pas que c'est les 2 codes que tu dois mettre l'un dans le css et l'autre en html.

    verifie que tu n'a pas d'erreur sur le code html.

    et le code html met le bien dans un module simple.

    Si t'a tout verifie et que ca marche pas montre moi ton code ou passe moi la perme pour que je regarde ce qui va pas.

    31
    Samedi 4 Février 2012 à 18:23

    ok jte met la perm

    32
    Samedi 4 Février 2012 à 18:24
    33
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 18:26

    je viens de voir que tu a fais 2 erreur tu a mis plusieur fois le code un truk du genre et tu l'a mis dans un module simple que tu viens de creer je vais te le mettre dans le module annonce

    34
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 18:30

    j peux pas aller voir donc...tu a bien mis le code css ?

     

    35
    Dimanche 5 Février 2012 à 09:20

    oui je l'ai mis

    36
    Dimanche 5 Février 2012 à 09:22

    g mis ce code css:

    menugauchecoulissant {
    backgroun #d:linear-gradient(top right,#313131,#000000);
    border: 2px solid grey;
    boder-radius: 8px 0px 8px 8px;
    box-shadow: 0px 0px 3px white;
    position: fixed;
    width: 9px;
    height: 70px;
    top: 80px;
    left: 0px;
    padding: 0px 0px 0px 6px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }
    #menugauchecoulissant:hover {
    width: 80px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    box-shadow: 0px 0px 8px white;
    }

     

    et ce code html :

    <div id="menugauchecoulissant"><a href="http://l-m-d-f-p-b.eklablog.fr/reglement-du-site-a4222390"><span style="color: #ffffff;"><img style="float: right;" src="http://www.patmax.eu/I7/120204175712.png" alt="" /></span></a></div>
    <div id="menugauchecoulissant" style="top: 160px;"><a href="http://l-m-d-f-p-b.eklablog.fr/"><span style="color: #ffffff;"><img style="float: right;" src="http://www.patmax.eu/I7/120204175732.png" alt="" width="90" height="70" /></span></a></div>
    <div id="menugauchecoulissant" style="top: 240px;"><a href="http://l-m-d-f-p-b.eklablog.fr/livre-d-or-du-blog-g27698"><span style="color: #ffffff;"><img style="float: right;" src="http://www.patmax.eu/I7/120204175824.png" alt="" width="90" height="70" /></span></a></div>
    <div id="menugauchecoulissant" style="top: 320px;"><a href="http://l-m-d-f-p-b.eklablog.fr/concours-c877690"><span style="color: #ffffff;"><img style="float: right;" src="http://www.patmax.eu/I7/120204180707.png" alt="" width="90" height="70" /></span></a></div>
    <div id="menugauchecoulissant" style="top: 400px;"><a href="http://l-m-d-f-p-b.eklablog.fr/partenariat-c786956"><span style="color: #ffffff;"><img style="float: right;" src="http://www.patmax.eu/I7/120204180732.png" alt="" width="90" height="70" /></span></a></div>





    37
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 11:49

    ok je regarde ca

    38
    lilimanga0
    Dimanche 5 Février 2012 à 11:58

    u on met le code html ?

    39
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 12:01

    je te le dit -_- dans un module simple mais pas tout seul c'est a dire moi je l'ai mis dans mon module ou je donne mon bouton

    40
    lilimanga0
    Dimanche 5 Février 2012 à 12:01
    41
    Dimanche 5 Février 2012 à 12:01

    je lai mis dan mon module annonce et ya rien ...

    42
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 12:07

    oui je cherche pourquoi ca ne marche pas je teste avec mon propre code ya rien mais je penssais que c'etait pask dans toute ta barre de gauche tu a tout dans un seul même module donc il doit y avoir trop de chose et ca ne marche donc pas mais j'ai teste dans un module simple en ecrivant des truk rajouter des images ect..rien...

    donc je te previens a l'avance je vais vite fait rajouter une autre collone a gauche pour voir si sa va marcher

    43
    Dimanche 5 Février 2012 à 12:07
    44
    lilimanga0
    Dimanche 5 Février 2012 à 12:07

    oh pire je te donnne une perm 3 et tu me le fait ok ?

    45
    Dimanche 5 Février 2012 à 12:09

    merci sa marche ^^

    46
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 12:10

    we ok att pask la je viens de finir  pour Dary et teste aussi un peu sinon tu va jamais comprendre et si tu veux le modif un jour tu pourra pas

    47
    Dimanche 5 Février 2012 à 12:11
    48
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 12:11

    oui j'ai reussi je sais pas comment lol j'ai eu juste besoin de changer le code css il a du avoir un bug dessu

    49
    Dimanche 5 Février 2012 à 12:12
    50
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 12:12

    par contre je voit un pti bug sur le truk je te le repar

    51
    Dimanche 5 Février 2012 à 12:13

    ok merci ^^

    52
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 12:14

    et voilà ^^ si les gens te demande comment tu a fais tu leur dira de venir ici ok ? je manque de com et de visiteurs et comme j'aime bien faire des truk comme ca... =)

    53
    Dimanche 5 Février 2012 à 12:15

    merci , je ne te remercierai jamais assez ! ^^

    54
    Dimanche 5 Février 2012 à 16:24

    ok jleur dirai ^^

    55
    lilimanga0
    Dimanche 5 Février 2012 à 18:42

    alors ?

    56
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 19:38

    alors quoi ?

    57
    lilimanga0
    Dimanche 5 Février 2012 à 19:41

    bah tu v eux bien m'aider ! je tes mise en perm 3 !

    58
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 19:46

    ok mais ta au moin tester ? car si je fais un tuto c'est justement pour ca apres si ya des problemme j'aide mais apres c'est pas trop a moi de tout faire, surtout que la je viens de rentree de dehors je sort de la douche xD on a fait de gros delire avec mon frere et la neige

    59
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 19:50

    tu a mis ton code html dans quel module ?je peux pas chercher je ram

    60
    lilimanga0
    Dimanche 5 Février 2012 à 20:03

    ui je l'ai mit mais sa marche pas

    61
    Mizura Profil de Mizura
    Dimanche 5 Février 2012 à 20:32

    tu peux me le passe stp ou me dire dans quel module tu l'a mis

    62
    lilimanga0
    Lundi 6 Février 2012 à 19:25

    heu dans aucun parce que je crois que je l'ai enlever  attend je vais le mettre dnas le module partenaires

    63
    Mizura Profil de Mizura
    Lundi 6 Février 2012 à 19:55

    oki je vais voir ca car si j'ai pas le code je peux pas te le mettre xD

    64
    lilimanga0
    Lundi 6 Février 2012 à 20:17
    65
    Mizura Profil de Mizura
    Lundi 6 Février 2012 à 23:13

    heuuu...pour le fait que tu a mis le code css dans le module ou il faut du html...tes sur que tu a lu mon tuto ? d'avoir teste et réfléchi ?

    bref je te demande le code html que tu a modifier "url du lien " + "image".

    je veux pas être méchante mais tu t'y connais au moins un peu en css et html ? si non,  commence par des choses plus simple...(même si pour moi, ce tuto est simple)

    Je veux bien aider si ya un bug, que sa marche pas et que sa fait 3h que vous êtes dessus, mais c'est pas à moi de tout faire quand même, faut réfléchir sinon après on apprend rien, moi pour faire tout les truk sur mon blog j'y est passe du temps à comprendre comment faire ect.

    bref pour en revenir au sujet regarde encore le tuto dit moi ce que tu comprend pas, comme ça je modifie le tuto ect

    oki ? Merci =)

    Aller courrage^^ tu va l'avoir ton menu =p

    66
    lilimanga0
    Mardi 7 Février 2012 à 19:29

    ok je vais bien  le relir !

    67
    lilimanga0
    Mardi 7 Février 2012 à 19:35

    atten j'ai pas compris UN truck , il faut le coller ou le code css tu peux m'aider

    68
    Mizura Profil de Mizura
    Mercredi 8 Février 2012 à 12:57

    ben apparence/modif theme/ tu va en bas de la liste ya marquer css et voila

    69
    lilimanga0
    Jeudi 9 Février 2012 à 18:33

    oki merci !

    70
    lilimanga0
    Jeudi 9 Février 2012 à 18:34

    voila c'est fait merci !

    71
    lilimanga0
    Jeudi 9 Février 2012 à 18:35

    mais apres j'ai riren compris du tout , le url c'est ou ...

    72
    Jeudi 9 Février 2012 à 18:42

    le code que tu as mis dans le module partanaire c'est le code CSS

    73
    lilimanga0
    Jeudi 9 Février 2012 à 18:42

    ah ok je vais le changer

    74
    Jeudi 9 Février 2012 à 18:43
    75
    lilimanga0
    Jeudi 9 Février 2012 à 18:45

    mais je sais mon code html !

    76
    Jeudi 9 Février 2012 à 18:49

    alors tu as mis quoi pour les css et pour le code HTML

    77
    lilimanga0
    Jeudi 9 Février 2012 à 18:50

    bah je sais plus ! *

    78
    Jeudi 9 Février 2012 à 18:55

    n'abondone pas

    sinon donne moi tes image et les lien qui vont avec puis je te donnerai le code html

    79
    Mizura Profil de Mizura
    Jeudi 9 Février 2012 à 21:35

    le code css que je te donne tu le mes la ou je t'ai dit

    apres le code html, l'url du lien c'est le lien de ta (page, article...) que tu veux faire apparaitre quand on clique sur l'image.

    l'url de l'image c'est pareil on va dire...pour l'avoir il y a 2 methodes celle ou tu mes ton image dans un artticle, tu clique sur l'image et tu fais "copier l'adresse de l'image" pour la remplacer sur le code html (la ou ya ecrit url de l'image) mais le probleme c'est que si tu efface l'image de lartcile elle ne sera plus affiche dans ton menu...la 2eme methodes c'est que tu heberge l'image sur le blog, tu va dans contenu/gerer les fichiers/ tu fais parcourir et tu choisi ton image apres tu a juste a cliquer dessu/ouvrir/et tu aura le lien (sans qu'il soit supprime)

    80
    samy15868
    Dimanche 12 Février 2012 à 18:00

    Bonjour,merci mais,cela ne marche pas,je ne comprend pas trop pourquoi,mais j'ai pourtant bien mis les URL.

    81
    Mizura Profil de Mizura
    Dimanche 12 Février 2012 à 19:03

    tu a bien active la java sur ton blog ? pour mettre le code css

    ton code html tu l'a mis ou ?car j'ai remarque que si tu le met dans un module simple mais tout seul, c'est à dire sans rien d'autre, genre image ect..sa ne marche pas. Par exemple moi je l'ai mis dans le module "mon bouton"

    82
    lilimanga0
    Mardi 14 Février 2012 à 19:21

    bon je laisse tomber c'est pas grave

    83
    lilimanga0
    Mardi 14 Février 2012 à 19:29

    non attend je vais re asseyer !

    84
    samy15868
    Mardi 14 Février 2012 à 19:39

    C'est hiper dûr!

    85
    Mizura Profil de Mizura
    Mardi 14 Février 2012 à 19:58

    a bon ? non moi je trouve pas xD bon apres c'est sur si tu t'y connais pas en html et css...normalement ta juste a creer tes petite images et de coller les codes et voila

    86
    Mizura Profil de Mizura
    Mardi 14 Février 2012 à 20:04

    si vous comprenez pas un truck dites le

    87
    samy15868
    Mardi 14 Février 2012 à 20:04

    J'ai fais sa mais sa marche pas

    88
    Mizura Profil de Mizura
    Mardi 14 Février 2012 à 20:13

    explique moi ce que tu a fais exactement et dit moi si ca fait genre tu voit tes images mais leles sont ds le module et pas a gauche ? ou on voit que le code de marquer ? ou ya rien ? explique

    89
    lilimanga0
    Mardi 14 Février 2012 à 20:21

    voila ce que j'ai mit en code html :


    <div id="menugauchecoulissant"><a href=http://lilimanga0.eklablog.com/aceuil-c17512117><span style="color: #ffffff;"><img style="float: right;" src=avatar3-7.jpgalt="" /></span></a></div>


    <div id="menugauchecoulissant" style="top: 160px;"><a href=http://lilimanga0.eklablog.com/forum-des-fans-de-manga-forum20927><span style="color: #ffffff;"><img style="float: right;" src=imagesca8d4b2g.jpgalt="" width="90" height="70" /></span></a></div>


    <div id="menugauchecoulissant" style="top: 240px;"><a href=http://lilimanga0.eklablog.com/aceuil-c17512117# !/partenaires-p301624><span style="color: #ffffff;"><img style="float: right;" src=les-manga-good_logo.jpg alt="" width="90" height="70" /></span></a></div>

    90
    lilimanga0
    Mardi 14 Février 2012 à 20:24

    et j'ai mit ca comme code css :


    #menugauchecoulissant {
    background:linear-gradient(top right,#313131,#000000);
    border: 2px solid grey;
    boder-radius: 8px 0px 8px 8px;
    box-shadow: 0px 0px 3px white;
    position: fixed;
    width: 9px;
    height: 70px;
    top: 80px;
    left: 0px;
    padding: 0px 0px 0px 6px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }

    #menugauchecoulissant:hover {
    width: 80px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    box-shadow: 0px 0px 8px white;
    }

    91
    Mardi 14 Février 2012 à 20:29

    Merci beaucoup !! :)

    92
    Mizura Profil de Mizura
    Mardi 14 Février 2012 à 20:40

    a mon avis c'est le lien de ton image qui ne va pas

    93
    Mercredi 15 Février 2012 à 16:08

    Bon , je vais essayer de vous éclaircir la mémoir XD :

    Le code CCS vous le mettez : Apparence / Modifier le thème / ( déscendées ) CCS

    Le code HTML vous faites : Apparence / Ajouter un module / (vous cliquées sur modifier) au dessus de l'espace pour écrire il y'a : html , vous cliquée , et vous emttez le code

    Si sa ne marche pas , c'est ou le code , ou l'url des images (un URL c'est un truc comme sa : http://mizura-creation.eklablog.com ^^  , http://google.fr ...etc , il y'en as des milliards et des milliards d'URL)

    Mizura tient bon !^^

    94
    lilimanga0
    Mercredi 15 Février 2012 à 17:05

    ok merci

    95
    lilimanga0
    Mercredi 15 Février 2012 à 17:08

    heu ya ecir ou html moi jvoi pas

    96
    Mercredi 15 Février 2012 à 17:26

    Attend , je fait une capture d'écran

    97
    lilimanga0
    Mercredi 15 Février 2012 à 17:30

    non c'est obn j'ai trouver mais sa marche pas

    98
    Mercredi 15 Février 2012 à 17:33

    Il faut pas mettre le code tout seul

    99
    lilimanga0
    Mercredi 15 Février 2012 à 17:35

    oui je sais je vias refaire merci quand meme

    100
    lilimanga0
    Mercredi 15 Février 2012 à 17:56

    non j'ai ecrit mais sa marche pas

    101
    lilimanga0
    Mercredi 15 Février 2012 à 17:58

    n fait on voi pas les images

    102
    lilimanga0
    Mercredi 15 Février 2012 à 18:17

    j'ai réussi youpi je te remerci mille fois et aussi a vous tous !!!!


    merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci merci !!!!!!!!!!!!!!!!!!!!!!

    103
    lilimanga0
    Mercredi 15 Février 2012 à 18:17

    je suis trop contente !

    104
    Mizura Profil de Mizura
    Mercredi 15 Février 2012 à 19:48

    ha ouiiiii !! bravo a toi ^^

    105
    samy15868
    Mercredi 15 Février 2012 à 19:56

    j'ai pas reussi

    106
    Mizura Profil de Mizura
    Mercredi 15 Février 2012 à 20:24

    tes sur que tu tes pas trompe dans les codes ? essai plusieur fois

    107
    Mercredi 15 Février 2012 à 20:25

    pauvre mizu

    108
    Mizura Profil de Mizura
    Mercredi 15 Février 2012 à 20:30
    109
    Mercredi 15 Février 2012 à 20:31

    Tu aide tout le monde , t'es déborder quoi XD

    dsl si j'ai pas fini ton cadeau , j'ai eu un probleme de logiciel :P

    110
    Mizura Profil de Mizura
    Mercredi 15 Février 2012 à 20:34

    xD  ba en même temps ce blog est fait pour ^^

    mais tkt sa va je suis pas deborde =p

    tkt pour le cadeau, prend ton temps

    111
    samy15868
    Mercredi 15 Février 2012 à 20:36

    Mizura,vous pouvez allez sur mon blog s'il vous plaît ?Il y a une BD!

    112
    Mizura Profil de Mizura
    Mercredi 15 Février 2012 à 20:37

    oki ^^

    113
    Mizura Profil de Mizura
    Mercredi 15 Février 2012 à 20:39

    faut que je trouve quel blog...lol

    114
    Jeudi 16 Février 2012 à 09:07

    C'est bon , j'ai fait le menu déroulent , mais , quand je clique sa met :

                                                        Erreur est survenue lors du chargement

                                                                     Merci de réesayer

    J'ai vérifier les liens et tout , j'ai rien vu d'anormal pourtant...

    115
    Jeudi 16 Février 2012 à 09:21

    C'est bon ! J'y suis arrivée ! Merci Mizura !^^

    116
    Mizura Profil de Mizura
    Jeudi 16 Février 2012 à 18:42

    oki cool ^^

    117
    Vendredi 13 Avril 2012 à 09:05

    Merci pour le tuto :)

    118
    Samedi 14 Avril 2012 à 18:09

    tu peux me le faire sil te plai ^^' je ny arrive pas du tout...

    si tu veux: le-monde-de-hoshina.eklablog.com

    jtai mis la permission 3

    119
    samy15868
    Samedi 14 Avril 2012 à 18:10

    Moi aussi s'il vous plaît ?Sur le premier .

    120
    Shimyjadina pas co
    Samedi 14 Avril 2012 à 18:17

    Mais c'est pas compliquer --' !!!

    Je dit ça je dit rien mais , j'pense que Mizura à beaucoup de choses à faire ..

    Vous faites des images , vous mette le noms sur le coter , vous metter les 5 images sur un blog test , vous enregistrer l'url de vos images, et vous les mettez dans le code--'

     

    PS : C'est Shimyjadina

    121
    Samedi 14 Avril 2012 à 18:19

    non les image sont trop dur a faire ...

    122
    Samedi 14 Avril 2012 à 18:20

    Tu as Phtofiltre ?

    123
    Samedi 14 Avril 2012 à 18:21

    oui mais je viens davoir photophiltre X studio et ... je ne sais meme pas comment grosir ou rappetisser une image :/

    124
    Mizura Profil de Mizura
    Samedi 14 Avril 2012 à 18:38

    ok attendez 2 petite secondes je viens d'avoir les resultats d'un concours je le met dans ma rubrique j'envois un mp et je suis a vous ^^

    125
    Samedi 14 Avril 2012 à 18:39

    oui moi sjui meme pas dans le classement :'( de toute facon jle savais ....

    126
    samy15868
    Samedi 14 Avril 2012 à 18:39

    Non ça ira je vais le faire tout seul .Merci quand même

    127
    Mizura Profil de Mizura
    Samedi 14 Avril 2012 à 18:43

    ok mais si t'a besoin de plus d'explication demande moi je suis la ^^

    tu veux de l'aide hoshina pour le menu ?

    128
    Samedi 14 Avril 2012 à 18:51

    T'es arrivée 2eme Mizura ! 

    J'ai même pas était classée..J'ai mit 4h à faire cette créa :/ !

    129
    Samedi 14 Avril 2012 à 18:53
    oui jai vraiment rien compris ...
    130
    samy15868
    Samedi 14 Avril 2012 à 18:55

    Mais ...J'ai mis ce code :

    <div id="menugauchecoulissant"><a href="http://samy15868.eklablog.com/points-v-i-p-a45868718"><span style="color: #ffffff;"><img style="float: right;" src="http://ekladata.com/2F0dDG5Rh7zHqt_OBK9w6WrXpz0.jpg" alt="" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 160px;"><a href="http://samy15868.eklablog.com/la-boutique-aux-echanges-a45836509"><span style="color: #ffffff;"><img style="float: right;" src="http://ekladata.com/CEiXaadEgZDVv9KtD42sVRFTSaA.jpg" alt="" width="90" height="70" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 240px;"><a href="http://samy15868.eklablog.com/pour-mes-visiteurs-et-mon-equipe-a44775915"><span style="color: #ffffff;"><img style="float: right;" src="http://ekladata.com/iAlCJ_RXKwB8SDYs9z7DkDq1d7Q.jpg" alt="" width="90" height="70" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 320px;"><a href="http://samy15868.eklablog.com/barre-du-blog-a44827969"><span style="color: #ffffff;"><img style="float: right;" src="http://ekladata.com/0quO1i8hAVavfQN4d7eNYrE7Y9I.jpg" alt="" width="90" height="70" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 400px;"><a href="http://samy15868.eklablog.com/"><span style="color: #ffffff;"><img style="float: right;" src="http://ekladata.com/6Io6wjgPJHCRhgT_ahw0aPF_1I0.jpg" alt="" width="90" height="70" /></span></a></div>

    Et je le met dans un module HTML , ça me met tout dans le module !

    131
    Samedi 14 Avril 2012 à 19:01

    Ta mit e CCS au MOINS ?

    132
    samy15868
    Samedi 14 Avril 2012 à 19:03

    Ah ?Il fait le mettre dans le CSS ?

    133
    Mizura Profil de Mizura
    Samedi 14 Avril 2012 à 19:06

    oui il faut mettre les 2 codes, l'un tu le met dans le css et l'autre dans un module html

    biensur j'ai remarquer que  pour le code html il faut le mettre dans un module ou il y a deja un truk sinon sa marche pas par exemple moi j'ai rajoute une image (celle de black rock) c'est la que j'ai mis mon code html.

     

    134
    samy15868
    Samedi 14 Avril 2012 à 19:11

    Merci !Je l'ai fais !

    135
    Mercredi 18 Avril 2012 à 10:29

    o.O" c'est compliquer ton truc x'D Je connai meme pas la différance entre du CSS et du HTML donc je sens dejas que je mettre 3h a le faire... Mais bon chui pas une pros des codes '-' Allez je relis le tuto pour mieu comprendre.... Allez a la lecture ! YOSH .

    (je parle mieu le français quand je suis réveiller x'D)

    136
    Mizura Profil de Mizura
    Mercredi 18 Avril 2012 à 10:44

    ta pas besoin de savoir la difference entre css et html tkt

    ta juste à faire copier coller

    et tu modifie ce que je te dit

    apres la seule connaisance c'est ptet en graph pour faire les images des menus

     

    137
    Mercredi 18 Avril 2012 à 10:53

    tkt je debute dans le graph' deouis 1semaine ;)

    138
    Mercredi 18 Avril 2012 à 10:55

    Moi depuis 4mois xD

    Bah , j'men sort pas trop mal moi..C'est juste 'Toshop et Gimp et E-anim que je pige rien xD

    J'utilise Phtofiltre X , ça sert à tout :)

    139
    Mercredi 18 Avril 2012 à 10:55

    Moi chui sur photophiltre 7 j'adore ^^

    140
    samy15868
    Mercredi 18 Avril 2012 à 10:56

    Si j'ai 9 ans et que j'y suis arriver et que toi tu as 12 ans Minineko , tu y arriveras plus facillement que moi :)

    141
    Mercredi 18 Avril 2012 à 10:58

    Tu as peu etre raison, mais l'age ne fais rien ^^

    142
    samy15868
    Mercredi 18 Avril 2012 à 11:02

    Peut être que si ^^

    143
    Mercredi 18 Avril 2012 à 11:04

    Peu etre oui mais la je peux pas le mettre le menu deroulant car je suis sur le pc qui rame et je peu rein faire x'DD

    144
    samy15868
    Mercredi 18 Avril 2012 à 11:06

    Je peux t'aider si tu veux ...Ou le faire ?

    145
    Mercredi 18 Avril 2012 à 11:08

    Nan dejas je vais comprendre par moi même et si j'ai besoin d'aide je demmenderai tqt ;)

    146
    Mercredi 18 Avril 2012 à 11:56

    Mizura je doit mettre quoi comme angle pour l'ecriture 

    regarde ->héhéh

    147
    Mercredi 18 Avril 2012 à 11:59

    tu doit mettre 90 pour l'angle

    148
    Mercredi 18 Avril 2012 à 12:01

    Ouai mais sa me met pas dans le sens que je veux >.<

    149
    Mercredi 18 Avril 2012 à 12:06

    Tu clique sur 1' et 2' puis tu devrais avoir le sens que tu voulais

    150
    Mercredi 18 Avril 2012 à 12:07

    D'accord :)

    151
    Mercredi 18 Avril 2012 à 12:08
    152
    Mercredi 18 Avril 2012 à 12:08

    C'est en gris je peu pas xDD

    153
    Mercredi 18 Avril 2012 à 12:11

    ba enregistre l'image sons le texte puis tu l'ouvre et tu ajoute le texte

    154
    Mercredi 18 Avril 2012 à 12:11

    C bon jai trouver !!!! xD

    155
    Mercredi 18 Avril 2012 à 12:12
    156
    Mercredi 18 Avril 2012 à 12:13

    Merci quand meme 

    157
    Mercredi 18 Avril 2012 à 12:14

    de rien

    158
    Mercredi 18 Avril 2012 à 12:29

    Voila jai terminer mes images... Apret il faut faire, coller le code css sa c'est simple du moin je pense x'D

    (je vais manger je revien)

    159
    Mercredi 18 Avril 2012 à 12:31
    160
    Mercredi 18 Avril 2012 à 12:40

    Heu a partir du " enfin .... ect " jai rien compris x'D

    161
    Mercredi 18 Avril 2012 à 12:59

    Pour sa :

    Enfin  placez le code html dans un module simple qui a déjà ete créer (le code ne doit pas être tout seule en gros ex: moi je l'ai mis dans le module "Mon bouton" )

    modifiez "url de l'image " par celle que vous avez créer

    modifiez "url du lien"  par le lien de votre rubrique, ou autre

     

     <div id="menugauchecoulissant"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 160px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 240px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 320px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    <div id="menugauchecoulissant" style="top: 400px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    (jai fais du copier coller xD)

    Il faus juste aller dans un modul simple comme par exemple : ' présentation ' et dans le code HTML :  <div id="menugauchecoulissant"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" /></span></a></div>

    Il faut modifier se qu'il y a ecrit en rouge par l'url de l'image qu'on a crée ? C'est sa ? Je suis pas bête hein ??? 

    Et pour se qu'il ya marquer en bleu c'est le lien de la rubrique ?? J'ai bien capiche ? xD

    162
    Mercredi 18 Avril 2012 à 13:03

    oui c cela

    163
    Mercredi 18 Avril 2012 à 13:04

    Cool jai compris '-'

    164
    Mercredi 18 Avril 2012 à 13:05
    165
    Mercredi 18 Avril 2012 à 13:23

    J'ai réussi mais j'ai un problemme avec le dernier lien =/

    166
    Mizura Profil de Mizura
    Mercredi 18 Avril 2012 à 14:36

    ok (dslj'etait pas la j'avais fait une nuit blanche sur un jeu avec des potes  donc du coup je me suis endormie ^^")

    167
    Mercredi 18 Avril 2012 à 14:38

    (Pas grave)

    168
    Mercredi 18 Avril 2012 à 14:43

    ;)

    Ta vu le cadeau que je t'es fait Mizu-Chan ?^^

    169
    Mercredi 18 Avril 2012 à 15:08

    Mizu, comment ta fais pour les rubrique ? (je peux t'appeler mizu ? )

    170
    Mizura Profil de Mizura
    Mercredi 18 Avril 2012 à 18:02

    je comprend pas ta question, (ouai stu veux)

    171
    Mercredi 18 Avril 2012 à 18:04

    Ben faus cliquer pour avoir toutes les rubriques ...

    (Ok, jai un problemme avec mon menu deroulant, je vois pas les images 

    172
    Mizura Profil de Mizura
    Mercredi 18 Avril 2012 à 18:19

    t'a bien mis les 2 codes ?

    l'un dans le css et l'autres dans un module simple html (avec genre une image que t'a rajouter avant de mettre le code sinon sa marche pas, par exemple moi j'ai mis la fille que tu vois dans le menu)

    ben pour j'ai utiliser un code spoiler mais c'est compliquer à mettre moi j'ai eu beaucoup de mal et je ne sais plus quel code j'ai mis et comment j'ai fait je ne pense pas arriver a te l'expliquer aussi.

    173
    Mercredi 18 Avril 2012 à 18:22

    Ok, ben oui j'ai mis les 2 codes 1 dans le html et un dans le css mais je vois pas les images ..... =/

    174
    Mercredi 18 Avril 2012 à 21:37

    Mizu, jai un ami qui a fais un fausse manipe sur mon blog et elle a enlever mon menu deroulan et vu que je ne suis pas sur le bon pc esque tu pourrai me le mettre (tqt jai compris comment le mettre mais sa met 30min a faire copier un truc donc...)

    175
    Mizura Profil de Mizura
    Jeudi 19 Avril 2012 à 01:58

    (pas de spam stp)

    ben tu vois la j'ai pas trop le temps de te le faire si ta remarquer la je repond tres tard aux commentaires.

    Un copier coller c'est pas 30 min, je voit en quoi c'est dur -_- yen a qui arrivaient pas mais au lieu spamer le blog de com ben ils ont reflechi et reussi.

    verifie que tu tes pas tromper dans le code en mettant les liens, au pire tu me montre ton code html et je te dit qi il est bon.

    176
    Jeudi 19 Avril 2012 à 08:59

    Non maois c'est pas si dûr quand même --' ?

    177
    Jeudi 19 Avril 2012 à 10:00

    Ben sur un pc qui date de 13ans et qui rame a mort désoler sa met 30min a copier un truc '-' et j'ai compris comment faire sauf que je ne peux pas le faire c'est tous

    178
    Jeudi 19 Avril 2012 à 14:42

    Mets tes images sur ton blog au pire, je te fais ça et je te donne les codes. Ok ? :)

    179
    Mizura Profil de Mizura
    Jeudi 19 Avril 2012 à 14:45

    ouai mais tes obliger de le faire même si je dois te le faire tu sera bien obliger de le copier coller pour me donner ton code avec les liens dessus.

    Donc moi je veux bien te le faire mais me faut ton code et vu que tu peux pas coler je sais pas comment on va faire ^^'

     

    180
    Jeudi 19 Avril 2012 à 14:45

    Kisaka l'ange gardien xD

    181
    Mizura Profil de Mizura
    Jeudi 19 Avril 2012 à 14:46

    ha ba oui pas con kisaka ^^ j'avais pas pense a cette possibilite

    182
    Jeudi 19 Avril 2012 à 14:46

    Mizura : Il sait pas faire "Copier/coller" ?--'

    183
    Jeudi 19 Avril 2012 à 14:47

    xD

    Mince , j't'ai pas fait de cadeau ce matin OoÖ

    184
    Mizura Profil de Mizura
    Jeudi 19 Avril 2012 à 14:47

    nan c'est juste que sa met 30 min à le faire qu'il dit.

    185
    Mizura Profil de Mizura
    Jeudi 19 Avril 2012 à 14:48

    ha oui ! rrrrr punniiittiioonnnn!!!!!! ^^

    186
    Jeudi 19 Avril 2012 à 14:49

    J'avais pensser a en faire une shugo Chara ou Flandre ^^

    187
    Jeudi 19 Avril 2012 à 14:52

    Info chui une fille et la jai changer de pc donc c bon.

    188
    Jeudi 19 Avril 2012 à 14:54

    Oupppss ! *AFaitUneGaffe!*

    Bah c'est bon me crit pas dessus !!

    189
    Jeudi 19 Avril 2012 à 14:57

    Je cris pas '-'

    190
    Mizura Profil de Mizura
    Jeudi 19 Avril 2012 à 15:01
    191
    Jeudi 19 Avril 2012 à 15:08

    Bref, merci quand meme mizu, j'ai changer de pc et le menu c'est remis ^^

    192
    Mizura Profil de Mizura
    Jeudi 19 Avril 2012 à 15:09

    ok cool alors

    193
    Jeudi 19 Avril 2012 à 15:11
    194
    Samedi 28 Avril 2012 à 17:45

    Très pratique! Merci =D

    195
    .Ice~Dreams.
    Samedi 19 Mai 2012 à 21:15

    Merci je cherchais depuis super longtemps ces codes!Merci!!!

    196
    Cheal
    Samedi 26 Mai 2012 à 11:35

    Merci beaucoup pour le code

    197
    Mardi 5 Juin 2012 à 23:35

    Merci , c'est très bien expliqué ^^

    198
    Mizura Profil de Mizura
    Mercredi 6 Juin 2012 à 11:31

    ok merci ^^

    199
    MusicTV
    Mercredi 11 Juillet 2012 à 11:04

    merci ce tutos est super

    200
    Meowlina Profil de Meowlina
    Dimanche 23 Septembre 2012 à 12:53

    merci pour le tuto! ^w^

    201
    Vendredi 19 Octobre 2012 à 13:20

    Merci pour ces infos bien utiles que je ne vais essayer de mettre en application dès que j'en aurais fini avec la mise en page principale.

    Merci beaucoup et bravo pour le travail et le desing de votre blog.

    202
    lucie3 Profil de lucie3
    Vendredi 9 Novembre 2012 à 22:01

    Merci pour tous !!!!

     

    203
    Uryu Profil de Uryu
    Dimanche 30 Décembre 2012 à 22:43

    Est ce quelqu'un sait comment on met un menu déroulent en haut (juste en dessous du menubar)


    Merci d'avance!

    204
    Mizura Profil de Mizura
    Lundi 31 Décembre 2012 à 00:59

    il me semble que sur fantasy graph il y a un tuto la dessu

    205
    Uryu Profil de Uryu
    Lundi 31 Décembre 2012 à 10:42

    Je croit aussi sauf que je n'ai pas réussi a le retrouver ^^"

    206
    Jeudi 7 Février 2013 à 21:58

    J'ai enfin fini :'D Merci :3

    207
    vanille110 Profil de vanille110
    Dimanche 4 Août 2013 à 13:47

    merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii c super !!! super ! super ! super :D

    merci mille fois !! jai été obligé de recommencer parceque après j'ai supprimer le module --'

    208
    Lundi 30 Septembre 2013 à 13:05

    Bonjour,

    Il y a un tuto pour les menus de droite sur cette page?

    Merci d'avance

    209
    Lundi 30 Septembre 2013 à 18:38

    Tu veux parler des menus rubriques, tutos...? Non dsl, c'est un petit "plus " pour mon blog car peu de personnes ont trouvé la solution, donc je garde un peu le secret ^^ Mais peut-être que certain en ont fait un tuto. Après c'est un peu le même principe que le scrollbar.

    210
    Jeudi 4 Décembre 2014 à 19:18

    Bonsoir

    Un grand merci pour les scripts ,impeccables tout fonctionne.

    Mais je voudrai savoir si c'est possible qu'il y est un espace entre chaque menu ,enfin d'ils soient séparés car quand on approche la souris ils s'ouvrent presque tous.

    j'aimerai que chaque liste soit seule ,c'est possible? stp j'espère que je m'explique bien pour que tu comprenne !!!

    Encore merci

    Edwige

    211
    Samedi 6 Décembre 2014 à 19:21

    Bonsoir,

    Je n'ai pas compris pour les menu séparé, mais je pense que c'est possible

    212
    Edwige
    Samedi 6 Décembre 2014 à 19:41

    Bonsoir


    j'ai trouvé ce que je cherchai


    Merci

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :