• Tuto Code #01

    Premier tuto de codage souhaité moi bonne chance ou je vais mourir... Bon j'arrête le délire, donc comme beacoup de gens m'ont demandé de faire des tutos, d'expliquer ceci et cela (quoi? c'était mon imagination?), j'ai décidé de me lancer.

    Je commencer donc par expliquer le menu de droite se trouvait dans mon blog Fan Manga, donc ceci en gros (les couleurs et les images peuvent être changer bien sur):

    Donc ici vous mettez la description de votre blog, en sommes une courte description.
    Titre du blog
    b

    D'abord on commence par mettre le CSS:

     

    /*MENU*/
    #sidebarss{  
        border-left: solid 1px #COULEUR; 
        border-right: solid 1px #COULEUR;
        border-bottom: solid 1px #COULEUR; 
        margin-right: 0%;
        margin-left: 740px;
        position: fixed;
        top: 26px;
        padding-top: 2px;
        padding-left: 2px;
        padding-right: 2px;
        width: 250px;
        padding-bottom: 2px;
        text-align: center;
        -moz-border-radius: 0px 0px 500px 500px;
        -webkit-border-radius: 0px 0px 500px 500px;
        border-radius: 0px 0px 500px 500px;
        background: url(URL DE LIMAGE );  }   
      
    /*IMAGE*/ 
    #contentx img{ max-width: 250px;
        text-align: center;
        border-radius: 0px 0px 500px 500px;  }  
       
    /*DESCRIPTION*/
    #info{ display: block;
        width: 230px;
        padding: 10px;
        margin-bottom: -10px;
        text-align: center;
        color: #COULEUR
        font-family: calibri;
        font-size: 12px;  }
     #info a{  color: #COULEUR
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;            }  
     
     /*TITRE DU BLOG*/ 
     #title{ width: 242px;
        padding: 5px;
        text-align: center;
        color: #COULEUR;   
        margin-top: -10px;
        background-color: #COULEUR;
        font-size: 18px;  
        font-family: heather;  
        margin-bottom: 0px;
        margin-left: -2px;     }  
      
     /*LIEN*/ 
    #linksbox{  display: inline-block;
        width: 250px;
        margin-top:-3px;
        margin-bottom: 2px;
        text-align: center;
        background-color: #COULEUR; 
        height: 5px;  
     #lb{   display: inline-block;
        width: 250px;     
        margin-left: 45px;        }  
     #lb a{    text-decoration: none;  
        display: block;   
        float:left;    
        width: 30px;   
        height: 30px;  
        margin-right: 5px;
        margin-top: 10px;
        line-height: 30px;
       padding: 2px;
        text-align: center;
        background-color: #COULEUR;    
        border-radius: 100px 100px 0px 0px;  
        -webkit-transition: all 0.5s ease-in-out;  
        -moz-transition: all 0.5s ease-in-out;  
        -o-transition: all 0.5s ease-in-out;           }
     #lb a img{  margin-top: 5px;       }   
     #parceiros { opacity: .99;
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease; }
    #parceiros:hover a { opacity: .50; }
    #parceiros a { opacity: .80;
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease; }
    #parceiros a:hover { opacity: .99; }

    Tous ce qui est écrit en majuscule doit être modifié.

    Passons maintenant à l'HTML:

    <div id="sidebarss">
    <div id="linksbox">&nbsp;</div>
    <div id="info" style="text-align: center;">BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA</div>
    <div id="lb">
    <div id="parceiros"><a title="NOM LIEN 1" href="ADRESSE LIEN 1/"><img src="http://media.tumblr.com/tumblr_mc8v2tw41h1r8s568.png" alt="" /></a> <a title="NOM LIEN 2" href="ADRESSE LIEN 2"><img style="margin-top: 7px;" src="http://media.tumblr.com/tumblr_mc8v2yVxPQ1r8s568.png" alt="" /></a> <a title="NOM LIEN 3" href="ADRESSE DU LIEN 3"><img src="http://media.tumblr.com/tumblr_mc8v34msUq1r8s568.png" alt="" /></a> <a title="NOM LIEN 4" href="ADRESSE DU LIEN 4"><img src="http://media.tumblr.com/tumblr_mc8v39Jb231r8s568.png" alt="" /></a></div>
    </div>
    <div id="title">TITRE DU BLOG</div>
    <div id="contentx"><img src="URL DE L'IMAGE" alt="b" /></div>
    </div>
    </div>

    De même que pour le CSS modifié ce qui est en majuscule. J'espère que cela vous à aidé~

    /!\ Si vous pouviez au moins me dire que vous prenez le code se serait cool ou indiquer que le code est de moi sur votre blog


  • Commentaires

    1
    Dimanche 5 Janvier 2014 à 16:54

    Merci beaucoup pour ce code ! C'est très bien expliqué ;) (en même temps j'ai déjà quelques bases, mais je pense que tout le monde peut comprendre) Superbes codes, je peux l'utilisé ?

    2
    Dimanche 5 Janvier 2014 à 17:04

    Vraiment? C'est compréhensible? >w<.

    Bien sur, c'est fais pour ça :)

    3
    Dimanche 5 Janvier 2014 à 17:08

    Oui en tout cas moi j'ai compris x'3

    D'accord merci !

    4
    Dimanche 5 Janvier 2014 à 17:10

    J'espère que tu ne seras pas la seule à comprendre xD

    De rien~

    5
    Dimanche 5 Janvier 2014 à 17:14

    J'espère pour toi aussi ^-^

    Ah et tu vas en mettre d'autre (histoire que je vienne te les piqués?)

    6
    Dimanche 5 Janvier 2014 à 17:18

    Oui normalement, j'en ai plein en stock :")

    7
    Dimanche 5 Janvier 2014 à 17:20

    D'accord merci !!

    8
    Dimanche 5 Janvier 2014 à 17:24

    Ca me dit que le code css comporte une erreur ^^

    9
    Dimanche 5 Janvier 2014 à 17:28

    C'est parce qu'il doit manquer un truc comme ça: "{" Je peux voir?

    10
    Dimanche 5 Janvier 2014 à 17:35

    J'ai déjà chercher il en manque pas :S J'ai garder le même code, j'y ai pas toucher ^^'

    (sur mon blog acnl, pour tester le code ^^)

    11
    Dimanche 5 Janvier 2014 à 17:40

    J'ai trouvez le problème, ça marche maintenant :)

    12
    Dimanche 5 Janvier 2014 à 17:47

    Ah d'accord merci ^^

    13
    Mardi 14 Janvier 2014 à 17:07

    Super !

    Je vais essayer, merci !!

    14
    Mardi 14 Janvier 2014 à 17:53

    Ca me met aussi que le code css comporte une erreur. :/

    15
    Mardi 14 Janvier 2014 à 21:25

    Ah ouai? Bah faux que tu enlève les truc écrits en orange, je vais le faire dans le code du tuto aussi :)

    16
    Mercredi 15 Janvier 2014 à 10:41

    D'accord.

    17
    Mercredi 15 Janvier 2014 à 21:12

    C'est bon, ça marche? :")

    18
    Jeudi 16 Janvier 2014 à 18:53

    Oui, merci beaucoup. :)

    19
    Jeudi 16 Janvier 2014 à 19:10

    De rien :)

    20
    Samedi 18 Janvier 2014 à 11:22

    Oh merci bien, je te le pique :3

    21
    Samedi 18 Janvier 2014 à 17:04

    De rien :)

    22
    Dimanche 26 Janvier 2014 à 08:58

    J'ai pas réussie et j'ai pas tout compris ( fallait bien qu'une blonde se la ramène^^ xp)

    23
    Dimanche 26 Janvier 2014 à 16:03

    Qu'est ce que tu n'as pas compris?

    24
    Dimanche 26 Janvier 2014 à 17:21

    On le met ou le code html ?

    25
    Dimanche 26 Janvier 2014 à 17:25

    Dans  un module (par exemple les stat's)

    26
    Dimanche 26 Janvier 2014 à 17:31

    Ah déjà faut que je mette un module sur mon blog ça serait pas mal x'DD

    27
    Dimanche 26 Janvier 2014 à 17:32

    ça serait certes une bonne idée :)

    28
    Dimanche 26 Janvier 2014 à 17:35

    Oui nan mais je vaux pas de menus sur mon blog mais j'en ai mis un quand même sinon je peux pas mettre des modules sauf que ça a fais un bug pas possible y a un vieux trais noir avec marqu Menus ! x')

    29
    Dimanche 26 Janvier 2014 à 17:37

    Si tu veux je peux t'aider xD

    Tu peux toujours mettre:

    #menu1 {width: 100px;}

    comme ça on ne le voit pas :)

    30
    Dimanche 26 Janvier 2014 à 17:43

    Va voir tu as la perm j'ai mis le code et ça fais quelque chose de comment dirais-je...bizare x'D

    31
    Dimanche 26 Janvier 2014 à 17:46

    T'as mit le code? je le vois pas moi...

    32
    Dimanche 26 Janvier 2014 à 17:50

    Si il est en dessous du header 

    33
    Dimanche 26 Janvier 2014 à 17:52

    Voilà :

    34
    Dimanche 26 Janvier 2014 à 17:54

    t'as mit ni le code CSS, ni celui d'HTML pourtant.

    35
    Dimanche 26 Janvier 2014 à 18:43

    C'est ou le html là  ?

    36
    Dimanche 26 Janvier 2014 à 18:50

    J'ai réussie tu peux m'applaudir ! Merci :)

    37
    Dimanche 26 Janvier 2014 à 18:59

    Bravo *applaudis*

    38
    Dimanche 26 Janvier 2014 à 19:02

    Arrêtte je vais rougir x'D

    39
    Lundi 27 Janvier 2014 à 11:22

    Merci pour ce code. :3

    40
    Mardi 28 Janvier 2014 à 21:36

    De rien :)

    41
    Jeudi 30 Janvier 2014 à 22:29

    Akemi' : J'ai pas tout compris (Moi et les codes CSS ou CCS, 'sais plus sa fait 3 ^^)

    Tu peux me le mettre s'il te plait je te met la premission 3 et tu m'envois un MP pour me dire que tu l'as mis, la couleur verte et cette image http://www.renders-graphiques.fr/image/upload/normal/Artiste_Teti_-_Vocaloid__Hatsune_Miku.png

    42
    Vendredi 31 Janvier 2014 à 18:20

    C'est quel blog?

    43
    Samedi 1er Février 2014 à 12:56

    MikuLove

    44
    Samedi 1er Février 2014 à 12:57

    Sa y est je tes mis la perm' !

    45
    Samedi 1er Février 2014 à 18:15

    C'est fais, si tu veux que je change quelques choses dit le moi

    46
    Samedi 1er Février 2014 à 18:48

    Merci' ! Magnifique !

    47
    Samedi 1er Février 2014 à 18:50

    De rien :)

    48
    Dimanche 2 Février 2014 à 06:26

    Est-ce que tu pourrais mettre des liens aux petits icones en hauts ? Stp ! La petite maison tu met la page d'accueil, la petite enveloppe Contact, pour le p'tit truc après tu met mon forum et le dernier mon blog Mes Fic's Mangas. Je te met la perm' merci .

    49
    Dimanche 2 Février 2014 à 16:05

    Ah oui c'est vrai que j'avais oublié, pas de problème

    50
    Mercredi 5 Février 2014 à 20:49

    Je prends !

    51
    Mercredi 5 Février 2014 à 21:02
    52
    Samedi 8 Février 2014 à 17:48

    comment fait on pour le mettre a gauche ? :3

    53
    Samedi 8 Février 2014 à 18:07
    #sidebarss{  
     
        margin-left: 80px;}

    modifie cette valeur
    54
    Samedi 8 Février 2014 à 18:08

    d'accord ! merci beaucoup pour le code.

    55
    Samedi 8 Février 2014 à 18:09

    De rien :)

    56
    Samedi 8 Février 2014 à 18:09
    57
    Jeudi 13 Février 2014 à 20:19

    Coucou, 

    j'ai mis le code CSS et HTML sur mon blog mais je n'arrive pas a le positionner comme ce blog : ICI

    Mon blog : 

    ICI

    je te mets la perm' 3

    Merci :)

    58
    Jeudi 13 Février 2014 à 20:33

    Tu peux me montrer ton code?

    59
    Jeudi 13 Février 2014 à 20:36

    Oui :)

    Code : 


    /*menu_1*/#sidebarss{  border-leftsolid 0px #ffffff
        border-rightsolid 0px #fffffff;
        border-bottomsolid 0px #fffffff
        margin-right0%
        margin-left0px;
        positionfixed 
        top1px
        padding-top20px;
        padding-left0px
        padding-right2px;
        width250px
        padding-bottom2px;
        text-aligncenter;
        -moz-border-radius0px 0px 500px 500px
        -webkit-border-radius0px 0px 500px 500px
        border-radius0px 0px 500px 500px;
        backgroundurl(http://31.media.tumblr.com/f2488da720192f4255d3ea51d6d22f55/tumblr_mx4q42dZR41t4615so1_500.png);  }   
      /*IMAGE*/ #contentx imgmax-width250px
        text-aligncenter
        border-radius5px 150px 500px 500px;  }  
       /*DESCRIPTION*/#infodisplayblock
        width230px
        padding10px;
        margin-bottom10px;
        text-aligncenter
        color#ffffff
        font-familycalibri
        font-size12px;  
     #info a{  color#ffffff;  
        -webkit-transitionall 0.5s linear
        -moz-transitionall 0.5s linear
        -o-transitionall 0.5s linear;            }  
      /*TITRE DU BLOG*/  #titlewidth242px;
        padding5px
        text-aligncenter;
        color#fffffff;   
        margin-top-10px;
        background-color#fffff;
        font-size18px;  
        font-familyheather;  
        margin-bottom4px;
        margin-left-2px;     }  
       /*LIEN*/ #linksbox{  displayinline-block
        width250px
        margin-top:-3px
        margin-bottom2px
        text-aligncenter
        background-color#ffffff
        height5px;  }  
     #lb{   displayinline-block
        width250px;     
        margin-left45px;        }  
     #lb a{    text-decorationnone;  
        displayblock;   
        float:left;    
        width30px;   
        height30px;  
        margin-right5px;
        margin-top10px;
        line-height30px;
       padding2px
        text-aligncenter
        background-color#ffffff;    
        border-radius100px 100px 0px 0px;  
        -webkit-transitionall 0.5s ease-in-out;  
        -moz-transitionall 0.5s ease-in-out;  
        -o-transitionall 0.5s ease-in-out;           
     #lb img{  margin-top5px;       }   
     #parceiros opacity.99
        -webkit-transition:all 1s ease
        -moz-transition:all 1s ease
        -o-transition:all 1s ease
    #parceiros:Répondre

    60
    Jeudi 13 Février 2014 à 20:40

    *menu_1*/#sidebarss{  
        margin-left: 900px;
       }   

    l faut que tu modifie cette valeur, plus tu veux le décaler à droite plus la valeur doit être grande

    61
    Jeudi 13 Février 2014 à 20:41

    Ok j'essaye :)

    62
    Dimanche 16 Février 2014 à 23:02

    coucou je tes envoiyer plein de message mes huum va juste lire le dernier c'est celui qui est le plus importemps bah enfait c'est celui qui a toute les instruction pour que tu puisse m'aider pcq chui vraiment trop nul avec le HTML et je me débrouille unpeux avec le CSS alors c'est sa ta déja la permission pour aller sur mon blog... alors hum voila c'ets sa les instruction son toute dans le dernier message celui qui est ecriiiie ---> MESSAGE FINAL.. le blog c'est --> http://littleblog.eklablog.net/ huum merci d'avence ^^ et si tu a pas trop comprie le dernier message bah ta juste a me le dire en PV ^^" et si tu veux entré un HTML mes la page sur le menu #2 stp mercii ^^

    63
    Mercredi 19 Février 2014 à 12:07

    merci ! je le chercher depuis longtemps ce code !~ :3

    64
    Vendredi 28 Février 2014 à 17:36

    Pareil, merci ♥

    65
    Vendredi 28 Février 2014 à 17:40

    @Tsuki-chan: Hum oui, mais tout mes messages se sont supprimés, pourrais tu me redonner tout ça en message ici (ça sera plus pratique).

    @Melodie et Psycho: Et bien de rien, contente que ça vous plaise :)

    66
    Lundi 10 Mars 2014 à 23:24

    merci , je te le pique

    67
    Mardi 11 Mars 2014 à 17:36

    Pas de problème :)

    68
    Samedi 22 Mars 2014 à 10:47

    Je te pique ce code ;)

    69
    Samedi 22 Mars 2014 à 10:59

    Mais comment on fait pour changer la hauteur ?

    70
    Samedi 22 Mars 2014 à 11:29

    Elle se change toute seul par rapport à l'image que tu vas mettre et la longueur de ton texte

    71
    Samedi 22 Mars 2014 à 11:30

    ok, j'ais réussi. Mais maintenant je n'arrive pas à mettre le texte en haut

    72
    Samedi 22 Mars 2014 à 11:32

    Sors de l'HTML et va dans le module "simple" et suffit que tu remplace "BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA"

    73
    Samedi 22 Mars 2014 à 11:32

    ok c'est fait, mais le texte est vers le bas et je n'arrive pas à le monter

    74
    Samedi 22 Mars 2014 à 11:41

    C'est bon j'ais réussi

    75
    Lundi 24 Mars 2014 à 18:08

    Hey je t'emprunte ce petit code merci beaucoup :)

    Sur la page d'accueil de mon blog, dans les crédits, j'ai mis que cela venait de toi. Mais comme j'ai vu sur ton profil que tu ne voulais pas de pub te concernant, je voulais savoir si c'était de la pub ou pas ? >.<

    76
    Lundi 24 Mars 2014 à 21:01

    De rien :)

    Nan je ne veux pas qu'on m’envoie des messages pour la pub d'un blog, mais tout le monde à le droit de dire que je suis la meilleur *se prend la porte*. D'ailleurs merci d'avoir pensée à indiquer que c'était de moi~

    77
    Lundi 24 Mars 2014 à 21:06

    Ah d'accord c'est moi qui est mal compris désolé :) 

    De rien :3

    78
    Lundi 24 Mars 2014 à 21:08

    T'inquiète on comprend jamais ce que je dis x)

    79
    Lundi 24 Mars 2014 à 21:16

    Non c'est juste moi qui suis... conne. o/

    80
    Lundi 24 Mars 2014 à 21:17

    Mais non mais non *lui tapote l'épaule* tu sais, faux dormir le soir //BUS//

    81
    Lundi 24 Mars 2014 à 21:19

    Oh mais je dors ~ o/

    82
    Samedi 5 Avril 2014 à 12:51

     x) je te prends ce code!

    merci beaucoup!!!

    83
    Samedi 5 Avril 2014 à 13:33

    Ok, de rien :)

    84
    Dimanche 20 Avril 2014 à 12:57

    Je prend ;erci /

    85
    Dimanche 20 Avril 2014 à 14:08

    Pas de problème~

    86
    Dimanche 20 Avril 2014 à 17:41

    cA NE MARCHE PAS ! :'( Voici le css :

     

     

     

    /*MENU*/
    #sidebarss{
        border-left: solid 1px #f9d7fd;
        border-right: solid 1px #f9d7fd;
        border-bottom: solid 1px #f9d7fd;
        margin-right: 0%;
        margin-left: 740px;
        position: fixed;
        top: 26px;
        padding-top: 2px;
        padding-left: 2px;
        padding-right: 2px;
        width: 250px;
        padding-bottom: 2px;
        text-align: center;
        -moz-border-radius: 0px 0px 500px 500px;
        -webkit-border-radius: 0px 0px 500px 500px;
        border-radius: 0px 0px 500px 500px;
        background: url(http://data.whicdn.com/images/54275551/tumblr_mj5l2019Jw1s7qr1wo1_500_large.png );  }   
      /*IMAGE*/
    #contentx img{ max-width: 250px;
        text-align: center;
        border-radius: 0px 0px 500px 500px;  }  
       /*DESCRIPTION*/
    #info{ display: block;
        width: 230px;
        padding: 10px;
        margin-bottom: -10px;
        text-align: center;
        color: #fcceed;
        font-family: calibri;
        font-size: 12px;  }
     #info a{  color: #fcceed;  
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;            }  
      /*TITRE DU BLOG*/  
    #title{ width: 242px;
        padding: 5px;
        text-align: center;
        color: #f88ac9;   
        margin-top: -10px;
        background-color: #fbc6e5;
        font-size: 18px;  
        font-family: heather;  
        margin-bottom: 0px;
        margin-left: -2px;     }  
       /*LIEN*/
    #linksbox{  display: inline-block;
        width: 250px;
        margin-top:-3px;
        margin-bottom: 2px;
        text-align: center;
        background-color: #fbc6e5;
        height: 5px;  }  
     #lb{   display: inline-block;
        width: 250px;     
        margin-left: 45px;        }  
     #lb a{    text-decoration: none;  
        display: block;   
        float:left;    
        width: 30px;   
        height: 30px;  
        margin-right: 5px;
        margin-top: 10px;
        line-height: 30px;
       padding: 2px;
        text-align: center;
        background-color: #fbc6e5;    
        border-radius: 100px 100px 0px 0px;  
        -webkit-transition: all 0.5s ease-in-out;  
        -moz-transition: all 0.5s ease-in-out;  
        -o-transition: all 0.5s ease-in-out;           }
     #lb a img{  margin-top: 5px;       }   
     #parceiros { opacity: .99;
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease; }
    #parceiros:hover a { opacity: .50; }
    #parceiros a { opacity: .80;
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease; }
    #parceiros a:hover { opacity: .99; }

     

     

    et le Htlm :

     

     

    <div id="sidebarss">
    <div id="linksbox">&nbsp;</div>
    <div id="info" style="text-align: center;">BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA</div>
    <div id="lb">
    <div id="parceiros"><a title="accueil" href="/ADRESSE LIEN 1/"><img src="http://media.tumblr.com/tumblr_mc8v2tw41h1r8s568.png" alt="" /></a> <a title="Golden book" href="/ADRESSE LIEN 2"><img style="margin-top: 7px;" src="http://media.tumblr.com/tumblr_mc8v2yVxPQ1r8s568.png" alt="" /></a> <a title="NOM LIEN 3" href="/ADRESSE DU LIEN 3"><img src="http://media.tumblr.com/tumblr_mc8v34msUq1r8s568.png" alt="" /></a> <a title="NOM LIEN 4" href="/ADRESSE DU LIEN 4"><img src="http://media.tumblr.com/tumblr_mc8v39Jb231r8s568.png" alt="" /></a></div>
    </div>
    <div id="title">Boite &agrave; sucre</div>
    <div id="contentx"><img src="http://data.whicdn.com/images/54275551/tumblr_mj5l2019Jw1s7qr1wo1_500_large.png" alt="b" /></div>
    </div>

     

     

    Je sais pas pourquoi ça ne veux pas marcher ! :(

     

    87
    Dimanche 20 Avril 2014 à 18:03

    C'est parce que ton menu n'est pas placé du bon côté. Faux donc que tu modifie les distances, (par exemple: "margin-left: 30px;"}

    88
    Dimanche 20 Avril 2014 à 18:07

    daccord mais peut on modifier la forme je voudrais qu'il soit carré ou rectangulaire ! :) ♥

    89
    Dimanche 20 Avril 2014 à 18:10

    Dans ce cas la il faut que tu supprime ce qui est en rouge:


    #sidebarss{ 
        border-radius: 0px 0px 500px 500px;  }  
    #contentx img{
        border-radius: 0px 0px 500px 500px;    

    90
    Dimanche 20 Avril 2014 à 18:45

    Je prends!!! *^*

    91
    Dimanche 20 Avril 2014 à 18:54
    92
    Lundi 21 Avril 2014 à 12:08

    Ah ça c'est super merci !

    93
    Lundi 21 Avril 2014 à 12:13

    De rien JustChou :3

    94
    Lundi 21 Avril 2014 à 12:58

    Merci déesse du codage *-*, je te le prends (pour mon prochain thême >w<)

    95
    Lundi 21 Avril 2014 à 13:01

    De rien camarade °^°

    96
    Lundi 21 Avril 2014 à 13:06

    Everybody say NO ! *en train d'écouter la belle zizique à droite*

    97
    Lundi 21 Avril 2014 à 13:26

    Rectification: la super magnifique splendide extraordinaire musique à droite è_é

    98
    Lundi 21 Avril 2014 à 13:33

    Les fangirls qui se ramènent *----* !

    99
    Lundi 21 Avril 2014 à 13:40

    Yeah, fais gaffe je peux devenir vite hystérique :p

    100
    Lundi 21 Avril 2014 à 13:48

    Je vois qu'on est pareilles x) Surtout quand on parle des BTS, je suis déjà mariée à Suga ;_;

    101
    Lundi 21 Avril 2014 à 14:17

    J'ai vue ma chère, mais je vois que j'ai pas été invité à la fête de mariage °^°

    102
    Lundi 21 Avril 2014 à 20:53

    Merci beaucoup pour le code, c'est vraiment sympa de nous l'avoir donné.

    103
    Lundi 21 Avril 2014 à 22:35

    Mais de rien :)

    104
    Mardi 22 Avril 2014 à 19:30

    Je piiiiiiique ^^

    105
    Mardi 22 Avril 2014 à 19:40

    Mais urgence !!! Que doit t on remplacer par "BLABLABLABLABLA" ???

    106
    Mardi 22 Avril 2014 à 19:42

    Beh ton texte.

    107
    Mardi 22 Avril 2014 à 19:45

    Oui mais c'est le texte qui va où ?

    108
    Mardi 22 Avril 2014 à 19:50

    C'est pour la présentation de ton blog

    109
    Mardi 22 Avril 2014 à 19:51

    Désoler mais je pense qu'Akemi-love t'expliquera mieux de moi... >.<

    110
    Mardi 22 Avril 2014 à 19:51

    D'acc merci à vous 2 ^^

    111
    Mercredi 23 Avril 2014 à 21:36

    Merci beaucoup pour le partage du code !

    Et au passage ce blog est super sincèrement ^^

    112
    Jeudi 24 Avril 2014 à 09:08

    Petite violette--> Tu vas le mettre ce code ?

    113
    Jeudi 24 Avril 2014 à 11:23

    Oui je l'ai mis ^^

    114
    Jeudi 24 Avril 2014 à 11:35

    Ah... Moi je galère j'y arrive pas !!!

    115
    Jeudi 24 Avril 2014 à 11:38

    Je peux t'aider si tu veux :3

    116
    Jeudi 24 Avril 2014 à 11:40

    Ben oui je voudrais bien mais après le module !

    117
    Jeudi 24 Avril 2014 à 11:43

    Oui je te fais déjà celui-là ^^

    118
    Jeudi 24 Avril 2014 à 13:59

    Tu pourras le faire ?

    119
    Jeudi 24 Avril 2014 à 15:41

    Trop génial  ce css/html ! Je le prends.

    120
    Jeudi 24 Avril 2014 à 16:11

    @Petite viollette: de rien et merci


    @Isumie: pas de problème, contente qu'il te plaise

    121
    Jeudi 24 Avril 2014 à 20:50

    Il me dit que ce css comporte une erreur... Pourrais-tu regarder ? Merci.

    /*menu_1*/#sidebarss{  
        margin-leftsolid 900px #FFFFFF;
        border-rightsolid 1px #FFFFFFF;
        border-bottomsolid 1px #FFFFFF
        margin-right0%
        margin-left740px;
        positionfixed
        top26px
        padding-top2px;
        padding-left2px
        padding-right2px;
        width250px
        padding-bottom2px;
        text-aligncenter;
        -moz-border-radius0px 0px 500px 500px
        -webkit-border-radius0px 0px 500px 500px
        border-radius0px 0px 500px 500px;
        backgroundurl("http://ekladata.com/7dn3j-u4IpGrE3-f165FDaav0Kk.jpg");  }   
      /*IMAGE*/ #contentx imgmax-width250px
        text-aligncenter
        border-radius0px 0px 500px 500px;  }  
       /*DESCRIPTION*/#infodisplayblock
        width230px
        padding10px;
        margin-bottom-10px;
        text-aligncenter
        color#FFFFFF
        font-familycalibri
        font-size12px;  
     #info a{  color#FFFFFF;  
        -webkit-transitionall 0.5s linear
        -moz-transitionall 0.5s linear
        -o-transitionall 0.5s linear;            }  
      /*TITRE DU BLOG*/  #titlewidth242px;
        padding5px
        text-aligncenter;
        color#FFFFFFF;   
        margin-top-10px;
        background-color#FFFFFF;
        font-size18px;  
        font-familyheather;  
        margin-bottom0px;
        margin-left-2px;     }  
       /*LIEN*/ #linksbox{  displayinline-block
        width250px
        margin-top:-3px
        margin-bottom2px
        text-aligncenter
        background-color#FFFFFF
        height5px;  }  
     #lb{   displayinline-block
        width250px;     
        margin-left45px;        }  
     #lb a{    text-decorationnone;  
        displayblock;   
        float:right;    
        width30px;   
        height30px;  
        margin-right5px;
        margin-top10px;
        line-height30px;
       padding2px
        text-aligncenter
        background-color#484FC1;    
        border-radius100px 100px 0px 0px;  
        -webkit-transitionall 0.5s ease-in-out;  
        -moz-transitionall 0.5s ease-in-out;  
        -o-transitionall 0.5s ease-in-out;           
     #lb img{  margin-top5px;       }   
     #parceiros opacity.99
        -webkit-transition:all 1s ease
        -moz-transition:all 1s ease
        -o-transition:all 1s ease
    #parceiros:hover opacity.50}
    #parceiros opacity.80;
        -webkit-transition:all 1s ease
        -moz-transition:all 1s ease
        -o-transition:all 1s ease
    #parceiros a:hover opacity.99}

    122
    Jeudi 24 Avril 2014 à 20:58

    L'erreur vient du début:


    /*menu_1*/#sidebarss{  
        border-leftsolid 1px #FFFFFF;
        border-rightsolid 1px #FFFFFFF;
        border-bottomsolid 1px #FFFFFF
        margin-right0%
        margin-left740px;
        positionfixed
        top26px
        padding-top2px;
        padding-left2px
        padding-right2px;
        width250px
        padding-bottom2px;
        text-aligncenter;
        -moz-border-radius0px 0px 500px 500px
        -webkit-border-radius0px 0px 500px 500px
        border-radius0px 0px 500px 500px;
        backgroundurl("http://ekladata.com/7dn3j-u4IpGrE3-f165FDaav0Kk.jpg");  }   

    123
    Jeudi 24 Avril 2014 à 20:59

    Merci beaucoup !

    124
    Jeudi 24 Avril 2014 à 21:03

    De rien :)

    125
    Jeudi 24 Avril 2014 à 21:47

    Est-ce que tu aurais un HTML à me proposer s'il te plaît ?

    126
    Jeudi 24 Avril 2014 à 22:02

    Euh... c'est à dire?

    127
    Jeudi 24 Avril 2014 à 22:17

    Et bien je sais pas trop quoi mettre pour les liens et les noms.

    128
    Jeudi 24 Avril 2014 à 22:28

    Bah met ce qu'il y a sur ton blog.. Je vois pas trop ou est le problème =_=

    129
    Jeudi 24 Avril 2014 à 23:14

    Oublie (j'ai trouvé), c'est quoi le lien de la messagerie ?

    130
    Samedi 26 Avril 2014 à 23:24

    Où se trouve le html ?

    131
    Dimanche 27 Avril 2014 à 10:19

    Harg ! J'arrive pas ! Je suis dessus depuis hier ! (1 heure facile !)


    Quand je met le code rien ne s'affiche et même en changeant de position ,il n'y a rien ! Aides-moi .


     

    132
    Dimanche 27 Avril 2014 à 10:20
    T'y arrives pas ????
    133
    Dimanche 27 Avril 2014 à 10:23

    *Se retourne* Tu parles à moi ?


    Heu..Non. Je comprend rien ! Enfin si l'explication est bien! Mais rien ne s'affiche ,et je ne comprends pas pourquoi . *PLEURE* POOOOOOOURQUOI !!

    134
    Dimanche 27 Avril 2014 à 10:28

    Oui je parle à toi ^^ hihi tu me fais rire !


    Moi non plus je n'y suis pas arrivée, j'ai d'mandé à une amie !!^^

    135
    Dimanche 27 Avril 2014 à 10:29

    C'est bon *-*

    136
    Dimanche 27 Avril 2014 à 10:30

    Ah ! Cool !!! ^^ ça te dit qu'on devienne amies ?

    137
    Dimanche 27 Avril 2014 à 11:01

    Il me reste un petit problème: Je veux mettre les liens au dessus du titre mais que je les déplace, le menu se déplace aussi :Comment déplacer les liens sans déplacer le menu ?

    138
    Dimanche 27 Avril 2014 à 11:05

    Euh... si vous pouviez évité de prendre mon blog pour une cour de primaire ça serait cool ^^"


    Normalement les liens sont déjà au dessus du titre dans le code, tu pourais me montrer ton code ou le blog ou tu test le code?

    139
    Dimanche 27 Avril 2014 à 11:15

    Excuse...


    Je test le code sur mon blog test, donc je vais plutôt te montrer le code .


    Le code :


    /*menu_1*/#sidebarss{  border-left: solid 2px #d3c4b9;
          border-right: solid 2px #d3c4b9;
        border-bottom: solid 2px #d3c4b9;
        margin-right: 0%;
        margin-left: 850px;
        position: fixed ;
        top: 0px;
        padding-top: 300px;
        padding-left: 3px;
        padding-right: 3px;
        width: 250px;
        padding-bottom: 3px;
        text-align: center;
        -moz-border-radius: 0px 0px 500px 500px;
        -webkit-border-radius: 0px 0px 500px 500px;
        border-radius: 0px 0px 500px 500px;
        background: url();  }   
      /*IMAGE*/ #contentx img{ max-width: 250px;
        text-align: center;
        border-radius: 5px 150px 500px 500px;  }  
       /*DESCRIPTION*/#info{ display: block;
        width: 230px;
        padding: 10px;
        margin-bottom: 10px;
        text-align: center;
        color: #ffffff;
        font-family: calibri;
        font-size: 12px;  }
     #info a{  color: #ffffff;  
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;            }  
      /*TITRE DU BLOG*/  #title{ width: 240px;
        padding: 5px;
        text-align: center;
        color: #faf9f9;   
        margin-top: -190px;
        background-color: #d3c4b9;
        font-size: 18px;  
        font-family: heather;  
        margin-bottom: 150px;
        margin-left: -2px;     }  
       /*LIEN*/ #linksbox{  display: inline-block;
        width: 0px;
        margin-top: -300px;
        margin-bottom: -500px;
        text-align: center;
        background-color: #ffffff;
        height: 20px;  }  
     #lb{   display: inline-block;
        width: 460px;     
        margin-left: 35px;        }  
     #lb a{    text-decoration: none;  
        display: block;   
        float:left;    
        width: 40px;   
        height: 40px;  
        margin-right: 10px;
        margin-top: -20px;
        line-height: 50px;
       padding: 0px;
        text-align: center;
        background-color: #ffffff;    
        border-radius: 100px 100px 0px 0px;  
        -webkit-transition: all 0.5s ease-in-out;  
        -moz-transition: all 0.5s ease-in-out;  
        -o-transition: all 0.5s ease-in-out;           }
     #lb a img{  margin-top: 5px;       }   
     #parceiros { opacity: .99;
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease; }
    #parceiros a:hover { opacity: .99; }


     

    140
    Dimanche 27 Avril 2014 à 13:17

    [image qui ne veux pas s'afficher...S'cuse !]


     


    ça me fait ça ! ><'

    141
    Dimanche 27 Avril 2014 à 15:37

    Je vois pas ton image...


    Tu as oublié de mettre l'url de l'image de fond (tu peux mettre une couleur aussi)

    142
    Dimanche 27 Avril 2014 à 21:32

    Oui mais pour les liens je fais comment ?

    Et aussi autre question: comment mettre un fond que sur la partie du bat (en dessous du tritre du menu) et mettre une couleur sur le fond de la descriptions ?

    143
    Dimanche 27 Avril 2014 à 21:42

    Bah faux que tu change ça dans l'HTML.

    Pour le fond de la pre's c'est ça:

    background: #COULEUR;

    144
    Dimanche 27 Avril 2014 à 22:01

    Ok merci !

    145
    Lundi 28 Avril 2014 à 15:42

    Bonjour je n'ai pas tout à faire compris et je n'ai pas vraiment réussite. Pour le code CSS est bon mais le problème que le HMT est invisible. Tu peux m'aider? Je te metterai 3 premission.

    146
    Lundi 28 Avril 2014 à 17:05

    Merci beaucoup pour ce code ! :,)

    147
    Lundi 28 Avril 2014 à 17:54

    @Amu: Ok, je te le fais dès que j'ai le temps :)

    @Mangabibiche: De rien~

    148
    Lundi 28 Avril 2014 à 17:58

    Si je te donne la perm' et le code pour rentrer dans mon blog test ,tu saurais d'accord pour le faire ?

    149
    Lundi 28 Avril 2014 à 18:01

    Bah ouai :")

    150
    Lundi 28 Avril 2014 à 18:03

    Ok ! Merci .*-*

    Je te met la Perm' et je t'envoie par MP toute les indications !

    151
    Lundi 28 Avril 2014 à 18:04
    152
    Mardi 29 Avril 2014 à 08:47

    Akemi: merci , prend-toi ton temps!

    153
    Mardi 29 Avril 2014 à 20:33

    c'est possible de le deplacer?

    154
    Mardi 29 Avril 2014 à 20:59

    Bien sur, suffit de modifier:

    margin-left: Xpx;

    Et tu change X, plus est petit, plus il est à gauche~

    155
    Mardi 29 Avril 2014 à 21:12

    Ok merci ^^

    156
    Vendredi 2 Mai 2014 à 16:27

    Akemi-love: merci de m'avoir aidé!

    157
    Samedi 3 Mai 2014 à 20:23

    Merci pour le partage! ^.^

    158
    Samedi 3 Mai 2014 à 20:34

    De rien :)

    159
    Mardi 6 Mai 2014 à 00:58

    Je prend mais où on met le code HTLM ? :3

    160
    Mardi 6 Mai 2014 à 17:51

    Dans les modules des menu 

    161
    Mardi 6 Mai 2014 à 17:52

    Oui, mais quand j'met j'le met maintenant sa fait pas comme je veut D'8 (Blog : Personnage LGDC)

    162
    Mardi 6 Mai 2014 à 19:08

    Je comprend rien à ce que tu raconte ^^"

    163
    Mardi 6 Mai 2014 à 19:09

    ben quand j'le met sa fait n'importe quoi

    164
    Mardi 6 Mai 2014 à 20:14

    Du genre?

    165
    Mardi 6 Mai 2014 à 20:15

    Ben j'met les couleurs mais j'trouve pas c'que j'recherche et la dernière fois, il était pas apparut du coup, j'ai supprimer le code CSS 

    166
    Vendredi 9 Mai 2014 à 18:59

    les couleurs doivent etre ecrites en francais ou en anglais

     

    167
    Mercredi 14 Mai 2014 à 12:18

    Merci pour les codes et le partage, c'est très bien expliqué (:

    168
    Mardi 20 Mai 2014 à 18:29

    Voilà ce que ça me fait :S

    169
    Mardi 20 Mai 2014 à 18:34

    Je pourrais pas t'aider sans le code x)

    170
    Mardi 20 Mai 2014 à 18:36

    Moi aussi j'veut que sa fasse comme elle *O* Mais je comprend rien -_-

    171
    Mardi 20 Mai 2014 à 18:41

    Code CSS

     

     

    /*MENU*/#sidebarss{      border-leftsolid 1px black
        border-rightsolid 1px black
        border-bottomsolid 1px black
        margin-right0%
        margin-left740px;
        positionfixed
        top26px
        padding-top2px;
        padding-left2px
        padding-right2px;
        width250px
        padding-bottom2px;
        text-aligncenter;
        -moz-border-radius0px 0px 500px 500px
        -webkit-border-radius0px 0px 500px 500px
        border-radius0px 0px 500px 500px;
        backgroundurl(http://data3.whicdn.com/images/116947474/large.jpg);  }   
      /*IMAGE*/ #contentx imgmax-width250px
        text-aligncenter
        border-radius0px 0px 500px 500px;  }  
       /*DESCRIPTION*/#infodisplayblock
        width230px
        padding10px;
        margin-bottom-10px;
        text-aligncenter
        colorwhite
        font-familycalibri
        font-size12px;  
     #info a{  colorwhite;  
        -webkit-transitionall 0.5s linear
        -moz-transitionall 0.5s linear
        -o-transitionall 0.5s linear;            }  
      /*TITRE DU BLOG*/  #titlewidth242px;
        padding5px
        text-aligncenter;
        colorwhite;   
        margin-top-10px;
        background-colorblack;
        font-size18px;  
        font-familyheather;  
        margin-bottom0px;
        margin-left-2px;     }  
       /*LIEN*/ #linksbox{  displayinline-block
        width250px
        margin-top:-3px
        margin-bottom2px
        text-aligncenter
        background-colorblack
        height5px;  }  
     #lb{   displayinline-block
        width250px;     
        margin-left45px;        }  
     #lb a{    text-decorationnone;  
        displayblock;   
        float:left;    
        width30px;   
        height30px;  
        margin-right5px;
        margin-top10px;
        line-height30px;
       padding2px
        text-aligncenter
        background-colorblack;    
        border-radius100px 100px 0px 0px;  
        -webkit-transitionall 0.5s ease-in-out;  
        -moz-transitionall 0.5s ease-in-out;  
        -o-transitionall 0.5s ease-in-out;           
     #lb img{  margin-top5px;       }   
     #parceiros opacity.99
        -webkit-transition:all 1s ease
        -moz-transition:all 1s ease
        -o-transition:all 1s ease
    #parceiros:hover opacity.50}
    #parceiros opacity.80;
        -webkit-transition:all 1s ease
        -moz-transition:all 1s ease
        -o-transition:all 1s ease
    #parceiros a:hover opacity.99}

     

    Html :

    <div id="sidebarss">

    <div id="linksbox">&nbsp;</div>

    <div id="info" style="text-align: center;">Mon blog personnel :3 Les articles sont du plus ancien au plus r&eacute;cent</div>

    <div id="lb">

    <div id="parceiros"><a title="Accueil" href="/ADRESSE LIEN 1/"><img src="http://media.tumblr.com/tumblr_mc8v2tw41h1r8s568.png" alt="" /></a> <a title="EFEF" href="/ADRESSE LIEN 2"><img style="margin-top: 7px;" src="http://media.tumblr.com/tumblr_mc8v2yVxPQ1r8s568.png" alt="" /></a> <a title="NOM LIEN 3" href="/ADRESSE DU LIEN 3"><img src="http://media.tumblr.com/tumblr_mc8v34msUq1r8s568.png" alt="" /></a> <a title="NOM LIEN 4" href="/ADRESSE DU LIEN 4"><img src="http://media.tumblr.com/tumblr_mc8v39Jb231r8s568.png" alt="" /></a></div>

    </div>

    <div id="title">LicornUniverse</div>

    <div id="contentx"><img alt="http://data3.whicdn.com/images/116947474/large.jpg" /></div>

     

    </div>

    172
    Mardi 20 Mai 2014 à 18:51

    J'ai vérifié plusieurs fois et ça devrait marcher normalement... Est ce que tu peux me mettes la perm pour que j'arrange le problème?

    173
    Mardi 20 Mai 2014 à 18:58

    C'est bon.

    174
    Mardi 20 Mai 2014 à 19:01

    C'est bon la je crois :)

    175
    Mardi 20 Mai 2014 à 19:02

    Ok merci :D

    176
    Vendredi 30 Mai 2014 à 19:54

    Je prend ce code ! <3

    177
    Vendredi 30 Mai 2014 à 21:17

    OK pas de problème :)

    178
    Samedi 7 Juin 2014 à 18:03

    Euh, Qu'est ce qu'on peut modifier en Magiscule ? Iserer l'url de l'image ?

    179
    Samedi 7 Juin 2014 à 18:57

    J'ai rien compris (désolé je suis un peu fatigué...)

    180
    Samedi 7 Juin 2014 à 19:09

    euh,  les mots qui commencent par la magiscule, on doit les remplacer par quoi ?

    181
    Samedi 7 Juin 2014 à 19:13

    Par ce qu'il y a ecrit majuscule...

    182
    Samedi 7 Juin 2014 à 19:18

    Oui, mais ça ne marche pas

    183
    Samedi 7 Juin 2014 à 19:20

    Tu parles du CSS ou de l'HTML?

    184
    Dimanche 15 Juin 2014 à 13:15

    Je le prend ! Et je veins de découvrir ce blog une mine d'or ;)

    185
    Dimanche 15 Juin 2014 à 13:29

    Qiand je le met il se passe rien pas de "Votre code CSS comporte une erruer" mais rien !! w_w comment ça se fait ? T^T

    186
    Dimanche 15 Juin 2014 à 13:31

    Par contre quand tu dis /*Menue*/ qu'est-ce que tu veus dire ??? Et ont doit enlever les truc en gros ??? (les bare et les croisillons ??)

    187
    Dimanche 15 Juin 2014 à 13:49

    J'ai relue les commentaires pour voir si els autres n'y arrive pas, bien oui mais ej n'ai aps toute a fait compris tu pourrais me le faire si je te met en permission ?

    188
    Dimanche 15 Juin 2014 à 14:26

    Oui je te le fais si tu veux :)

    189
    Dimanche 15 Juin 2014 à 14:28

    Merci ej te met en permission toute de suite !!

    190
    Lundi 16 Juin 2014 à 21:16

    C'est obligé d'installer le code CSS et le HTML tous les deux ?

    191
    Lundi 16 Juin 2014 à 21:31

    Car quand j'installe le HTLM ça me donne que l'image est lécriture

    192
    Lundi 16 Juin 2014 à 21:33

    C'est a dire si tu n'arrive pas bien comprendre, je ne vois pas la forme :/

    193
    Mardi 17 Juin 2014 à 13:00

    Je me permet de répondre à sa place... oui les deux sont indispensables o/ Si comme là tu met que le html les balises ne fonctionneront pas puis-ce qu'il n'y a pas le css ^^

    194
    Mardi 17 Juin 2014 à 13:06

    @angel-chan: j'ai besoins de savoir les détails (genre l'image, couleur et texte) si tu veux que je te l'installe :)

    @Haku & E.N.D: merci d'avoir répondus, j'avais pas vu les commentaires x). Donc oui comme tu l'as dit faut absolument mettre les deux! Le CSS permet de créer le sélecteur et l'HTML de "l'installer", donc il faut logiquement les deux~

     

    195
    Mardi 17 Juin 2014 à 13:21

    De rien, tu explique mieux que moi >.< 

    HS: j'adoore ton avatar o/

    196
    Mardi 17 Juin 2014 à 13:23

    HS: merci, mais je crois qu'on va me prendre pour une dépressive xD. Le tient à la classe aussi!

    197
    Mardi 17 Juin 2014 à 14:12
    Ok merci pour vous deux. ( Souhaitez pour moi une bonne chance x) )
    198
    Mardi 17 Juin 2014 à 14:24

    @Ake, oui il fait un peu dépressive et psychopathe comme le miens, (genre "je vé te tué, avek mon attack de la mor ki tu mé ki ne te tu pa lol") Merci! :D

    @END De rien et bonne chance ^^'

    199
    Mardi 17 Juin 2014 à 20:23

    Coucou les filles. Je sais que je vous fais chier. Mais, je n'arrive pas.

    voila le code html

     

    <div id="sidebarss">

    <div id="linksbox">&nbsp;</div>

    <div id="info" style="text-align: center;">Is the E.N.D idiot</div>

    <div id="lb">

    <div id="parceiros"><a title="accueil" href="http://smile-w.eklablog.com//"><img src="http://media.tumblr.com/tumblr_mc8v2tw41h1r8s568.png" alt="" /></a> <a title="R&eacute;glement" href="http://smile-w.eklablog.com/reglement-du-blog-c25239954"><img style="margin-top: 7px;" src="http://media.tumblr.com/tumblr_mc8v2yVxPQ1r8s568.png" alt="" /></a> <a title="Partenariat" href="http://smile-w.eklablog.com/partenariat-a108111424"><img src="http://media.tumblr.com/tumblr_mc8v34msUq1r8s568.png" alt="" /></a> <a title="Presentation" href="http://smile-w.eklablog.com/moi-c-est-qui-c25245220"><img src="http://media.tumblr.com/tumblr_mc8v39Jb231r8s568.png" alt="" /></a></div>

    </div>

    <div id="title">E.N.D</div>

    <div id="contentx"><img src="http://auto.img.v4.skyrock.net/0695/83070695/pics/3080580671_1_5_lIWG8qX8.jpg" alt="b" /></div>

    </div>

     

     

    Et le CSS

     

     

    /*Rèlement*/#sidebarss{      border-leftsolid 1px #Black
        border-rightsolid 1px #Grey;
        border-bottomsolid 1px #Black
        margin-right0%
        margin-left740px;
        positionfixed
        top26px
        padding-top2px;
        padding-left2px
        padding-right2px;
        width250px
        padding-bottom2px;
        text-aligncenter;
        -moz-border-radius0px 0px 500px 500px
        -webkit-border-radius0px 0px 500px 500px
        border-radius0px 0px 500px 500px;
        backgroundurl(http://data.whicdn.com/images/53219869/tumblr_minb2tgCsw1rxp4upo1_500_large.jpg );  }   
      /*http://ekladata.com/cI6-UMkja8sQ6Cy1qgOLiYIx1sU.jpg*/ #contentx imgmax-width250px
        text-aligncenter
        border-radius0px 0px 500px 500px;  }  
       /*Hého. BE HAPPY . BE COOL*/#infodisplayblock
        width230px
        padding10px;
        margin-bottom-10px;
        text-aligncenter
        color#Black
        font-familycalibri
        font-size12px;  
     #info a{  color#Black;  
        -webkit-transitionall 0.5s linear
        -moz-transitionall 0.5s linear
        -o-transitionall 0.5s linear;            }  
      /*End is coming*/  #titlewidth242px;
        padding5px
        text-aligncenter;
        color#Grey;   
        margin-top-10px;
        background-color:grey;
        font-size18px;  
        font-familyheather;  
        margin-bottom0px;
        margin-left-2px;     }  
       /*http://smile-w.eklablog.com/*/ #linksbox{  displayinline-block
        width250px
        margin-top:-3px
        margin-bottom2px
        text-aligncenter
        background-color#Grey
        height5px;  }  
     #lb{   displayinline-block
        width250px;     
        margin-left45px;        }  
     #lb a{    text-decorationnone;  
        displayblock;   
        float:left;    
        width30px;   
        height30px;  
        margin-right5px;
        margin-top10px;
        line-height30px;
       padding2px
        text-aligncenter
        background-color#Black;    
        border-radius100px 100px 0px 0px;  
        -webkit-transitionall 0.5s ease-in-out;  
        -moz-transitionall 0.5s ease-in-out;  
        -o-transitionall 0.5s ease-in-out;           
     #lb img{  margin-top5px;       }   
     #parceiros opacity.99
        -webkit-transition:all 1s ease
        -moz-transition:all 1s ease
        -o-transition:all 1s ease
    #parceiros:hover opacity.50}
    #parceiros opacity.80;
        -webkit-transition:all 1s ease
        -moz-transition:all 1s ease
        -o-transition:all 1s ease
    #parceiros a:hover opacity.99}

     

     Est ce qu'il y a un problème ?

    200
    Mardi 17 Juin 2014 à 21:07

    ça m'étonne pas trop que ça marche pas, il y a plein de truc qui vont pas...

    Je te le corrige dès que j'ai finis de manger

    201
    Mardi 17 Juin 2014 à 21:26

    Salut !!! Donc voilà :

    L'url de l'image : http://ekladata.com/dOPiP3uWuUhBT4t-8zjNBEgDuo8@100x100.png

    Couleur du texte : #0c0c11

    Et le texte : Salut, salut ! Moi c'est Lyla :3 Grande sportif et une amoureuse de Fairy Tail xD Donc sur mon blog, j'y exprime mes pensées, mes délires, il ya aura des articles exlu Fairy Tail (oui, quand je disais amoureuse, je blaguai pas XD)et aussi il y aura quelques fics sur Fairy tail Erza♥, un peut de tout quoi !!!! Bon KISS et bonne visite :)

     

    202
    Mardi 17 Juin 2014 à 21:28

    Oki, prends ton temps :)

    203
    Mardi 17 Juin 2014 à 22:00

    @Angel: faudrait que l'image soit plus grande en faites..

    E.N.D:

    #sidebarss{      border-leftsolid 1px black
        border-rightsolid 1px grey;
        border-bottomsolid 1px black
        margin-right0%
        margin-left740px;
        positionfixed
        top26px
        padding-top2px;
        padding-left2px
        padding-right2px;
        width250px
        padding-bottom2px;
        text-aligncenter;
        -moz-border-radius0px 0px 500px 500px
        -webkit-border-radius0px 0px 500px 500px
        border-radius0px 0px 500px 500px;
        backgroundurl(http://data.whicdn.com/images/53219869/tumblr_minb2tgCsw1rxp4upo1_500_large.jpg );  }   
       #contentx imgmax-width250px
        text-aligncenter
        border-radius0px 0px 500px 500px;  }  
       #infodisplayblock
        width230px
        padding10px;
        margin-bottom-10px;
        text-aligncenter
        color: black
        font-familycalibri
        font-size12px;  
     #info a{  color: black;  
        -webkit-transitionall 0.5s linear
        -moz-transitionall 0.5s linear
        -o-transitionall 0.5s linear;            }  
       #titlewidth242px;
        padding5px
        text-aligncenter;
        color: grey;   
        margin-top-10px;
        background-color:grey;
        font-size18px;  
        font-familyheather;  
        margin-bottom0px;
        margin-left-2px;     }  
       #linksbox{  displayinline-block
        width250px
        margin-top:-3px
        margin-bottom2px
        text-aligncenter
        background-color: grey
        height5px;  }  
     #lb{   displayinline-block
        width250px;     
        margin-left45px;        }  
     #lb a{    text-decorationnone;  
        displayblock;   
        float:left;    
        width30px;   
        height30px;  
        margin-right5px;
        margin-top10px;
        line-height30px;
       padding2px
        text-aligncenter
        background-color: black;    
        border-radius100px 100px 0px 0px;  
        -webkit-transitionall 0.5s ease-in-out;  
        -moz-transitionall 0.5s ease-in-out;  
        -o-transitionall 0.5s ease-in-out;           
     #lb img{  margin-top5px;       }   
     #parceiros opacity.99
        -webkit-transition:all 1s ease
        -moz-transition:all 1s ease
        -o-transition:all 1s ease
    #parceiros:hover opacity.50}
    #parceiros opacity.80;
        -webkit-transition:all 1s ease
        -moz-transition:all 1s ease
        -o-transition:all 1s ease
    #parceiros Répondre

    204
    Mardi 17 Juin 2014 à 22:05
    OH merci, c'est le CSS ?
    205
    Mardi 17 Juin 2014 à 22:10

    Ouai :)

    206
    Mardi 17 Juin 2014 à 22:14
    Ah ok, alors le HTML est correct ?
    207
    Mardi 17 Juin 2014 à 22:16

    Euh, sinon, c'est normal qu'ils me disent qu'il y a une erreur ?

    208
    Mardi 17 Juin 2014 à 22:55

    L'HTML est correct je crois

    Pardon rajoute ça dans le CSS:  a:hover opacity.99}

    209
    Mardi 17 Juin 2014 à 23:22

    Je l'ai mis, mais rien ne passe :/

    210
    Mardi 17 Juin 2014 à 23:38

    Je le vois moi °^°

    211
    Mardi 17 Juin 2014 à 23:53
    Euh, ou ?
    212
    Mercredi 18 Juin 2014 à 00:02

    A droite de l'header

    213
    Mercredi 18 Juin 2014 à 00:19

    C'est drole, tu peux faire une capture d'écran ? car je ne peux ien voir x)

    214
    Jeudi 19 Juin 2014 à 19:40

    Je prend le code ^^

    (Et j'ai ENFIN réussis !)

    215
    Lundi 30 Juin 2014 à 17:04

    @E.N.D: (désolé je suis partie en vacance et j'avais pas internet) dézoom tu devrait le voir

    @Poplane: ok pas de problème :) (bravo~)

    216
    Lundi 7 Juillet 2014 à 20:59

    Est que quelqu’un peu m’aidè j'y arrive pas je voudrai avec cette image :   https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTnrFHB-8kmG5Nw2TzEvsfjQRw0ajPk94_LtRhppABDgrniygIA

    et l'écriture en noir (je comprend vraiment rien T_T )

    217
    Mardi 8 Juillet 2014 à 16:57

    Tq t'es aps la seule xD

    218
    Mardi 8 Juillet 2014 à 17:09
    219
    Vendredi 11 Juillet 2014 à 23:34

    Je te le chipe ,merci du partage :)

    220
    Vendredi 18 Juillet 2014 à 22:58

    je le prend ! merci beaucoup !

    221
    Vendredi 1er Août 2014 à 03:03

    Je prend le code, merci beaucoup.

    222
    Samedi 9 Août 2014 à 17:27

    Je vais essayer de mettre ça pour le prochain thème de mon blog (que je suis déjà en train de préparé comme je te l'ai dit XD) mais bon je suis pas encore sure XD ça me saoule d'essayer de comprend les css mais bon je suis obliger ;;

    223
    Jeudi 28 Août 2014 à 09:32

    Je n'est rien compris tu pourras me aider je te mette en permission 3 et tu me mette dans le blog Violetta et je voudrais bien mettre l'image comme toi je veux cette image http://3.bp.blogspot.com/-FZ6IRe3jSlA/Uj8aPffOZkI/AAAAAAAABeI/uL-DyQqi4oQ/s320/violetta2_png_by_maleedits-d63qigh.png

    224
    Mercredi 17 Septembre 2014 à 15:09

    Quelque peut m'aidr car personne veut pas m'aider

    225
    Dimanche 12 Octobre 2014 à 12:54

    Je prend 

    Merci :3

    226
    Jeudi 25 Décembre 2014 à 01:55

    Salut ! Merci pour le code ! ^^ 

     

    227
    Dimanche 11 Janvier 2015 à 10:38

    Owii ! Merci sa fait une éternité que je cherche ce code :D

    228
    Dimanche 11 Janvier 2015 à 12:46

    De rien :)

    229
    Vendredi 30 Janvier 2015 à 19:37

    Je prends, merci :)

    Super thème *^*

    230
    Mardi 10 Février 2015 à 21:25

    Salut! j'ai mis ton code qui marche pour moi et il est super! Je voudrai savoir si on peut mettre l'image en opaque?

    merci d'avance! ^^

    Lili.

    231
    Mardi 10 Février 2015 à 22:13

    et j'aimerai avoir d'autres icônes et en rajouter. Où je pourrai en trouver?

    232
    Jeudi 12 Février 2015 à 16:05

    @Lili: pour mettre en opaque faut que tu change les "opacity: X", sachant que ça va de 0 à 1, 0 c'est transparent et 1 c'est opaque. Par exemple si tu veux mettre en totalement opaque il faut mettre: "opacity: 1"

    Pour les icons je les trouve personnellement sur des sites tumblr mais la je ne me souviens plus des noms

    233
    Jeudi 12 Février 2015 à 16:32

    d'accord! merci pour le coup de main! :) 

    Lili

    234
    Mercredi 11 Mars 2015 à 14:35

    Je pense te le piquer ♥

    235
    Mercredi 25 Mars 2015 à 14:13

    Je te le pique. ^^ ♥

    236
    Mercredi 25 Mars 2015 à 20:22

    Okey :)

    237
    Samedi 4 Avril 2015 à 10:53

    Merci pour le code ! Je te le prends

    238
    Lundi 21 Septembre 2015 à 17:37

    Merci pour ce code, je le prend ^^

    239
    Lundi 26 Octobre 2015 à 14:20

    Merci beaucoup pour ce code, je te le pique ^^.

    240
    Vendredi 30 Octobre 2015 à 18:13

    Je prend moi aussi ce code !^^

    241
    Lundi 2 Novembre 2015 à 15:11

    ze prend ! ^^

    242
    Lundi 9 Novembre 2015 à 16:17

    J'prend !



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :