• Coins arrondis

    Comment arrondir les bord de votre blog ?

     

    Aller dans css et  mettez le code suivant :

    Code csssélecteur {border-radius: Xpx;
                  -moz-border-radius: Xpx;
                  -webkit-border-radius: Xpx}

    Remplacez les X par la même valeur de votre choix.

     Remplacez Sélecteur par un code sélecteur: (sans oublier d'enlever {propriete : valeur;}

    Répétez cette action en changeant le sélecteur pour faire tout le blog.


     Liste de Sélecteur => ICI

     

    Inspiré du tuto de fantasy graph' > ici <


    Tags Tags : , , , ,
  • Commentaires

    1
    Samedi 28 Janvier 2012 à 13:08

    moi ça marche pas

    2
    Mizura Profil de Mizura
    Samedi 28 Janvier 2012 à 13:25

    Montre moi le code que tu a mis, t'a peut etre fais une erreur ou autre

    3
    Samedi 28 Janvier 2012 à 13:26

    c'est bon j'ai réussi ^^

    4
    Samedi 28 Janvier 2012 à 13:27

    c'est par ce que j'avais mit tout ça

    #footer {propriété: valeur;}

    mais il fallait enlever #footer {propriété: valeur;}

    5
    Mizura Profil de Mizura
    Samedi 28 Janvier 2012 à 13:27

    oki cool alors ^^

    6
    Mizura Profil de Mizura
    Samedi 28 Janvier 2012 à 13:28

    oui (jaurais peut etre du le preciser xD

    7
    Samedi 28 Janvier 2012 à 13:32

    c'est pas grave XD

    8
    Samedi 4 Février 2012 à 17:38

    merci pour ce code ^^

    9
    Mizura Profil de Mizura
    Samedi 4 Février 2012 à 17:40
    10
    Samedi 4 Février 2012 à 17:45
    11
    Dimanche 26 Février 2012 à 16:29

    Mizu ... >.< j'y arrive pas non plus >.<

    12
    Samedi 17 Mars 2012 à 13:18

    Moi non pls sa marche pas

    13
    Mizura Profil de Mizura
    Samedi 17 Mars 2012 à 13:30

    pourtant c'est asse simple ta juste a faire du copier coller ^^ bon montre moi le code que tu a mis

    14
    Samedi 17 Mars 2012 à 13:37

    .module_menu_titre {border-radius: 3px 3px 3px 3px; 

                  -moz-border-radius: 3px 3px 3px 3px; 
                  -webkit-border-radius: 3px 3px 3px 3px}

    15
    Samedi 17 Mars 2012 à 18:16

    Sa marche pas

    16
    Mizura Profil de Mizura
    Samedi 17 Mars 2012 à 22:54

    Normal, je sais pas ce que ta fais mais bon normalement ton code doit etre comme ca :


    .module_menu_titre {border-radius: 3px; 

                                    -moz-border-radius: 3px; 
                                    -webkit-border-radius: 3px}

    Je ne vois pas pk tu a rajoute d'autre 3px apres moi ma valeur c'est 10 donc tu l'a peut etre pas vue avec ta valeur (je parle pour voir la forme des rebords)

    17
    Samedi 17 Mars 2012 à 23:25

    il est mignon t'on nouveaux théme

    18
    Mizura Profil de Mizura
    Samedi 17 Mars 2012 à 23:31

    merci ^^ (tu l'avais pas encore vue ? pourtant il y est depuis longtemps, je vais le changer quans je serais en vacances (dans 4 semaines) )

    19
    Samedi 17 Mars 2012 à 23:50

    moi je conte 3 semaine a partir de se weekend 

    surtout que les deux derniére semaine sont court on aura que 4 cours lundi mercredi jeudi vendredi et mardi mercredi jeudi vendredi

    20
    Samedi 17 Mars 2012 à 23:51

    bon je doit y aller bonne nuit est passe un bon dimanche ^^ c'est dans 9 minutes XD

    21
    Dimanche 18 Mars 2012 à 07:05

    Mizura : Beh j'avais vu sa sur un blog , merci :)

    J'ai presque fini mon nouveau thème !

    22
    Vendredi 13 Avril 2012 à 09:00

    Non en faite ça marche :)

    23
    Mercredi 18 Avril 2012 à 22:38

    merci sa marche super ^^ 

    24
    Mimiga
    Lundi 30 Avril 2012 à 17:21

    moi j'arrive pas sa marche pa !!!

    25
    Mizura Profil de Mizura
    Lundi 30 Avril 2012 à 18:02

    tu es sur que tu a mis dans css ? et que tu a bien mis comme il faut le selecteur ? montre moi ton code.

    26
    Mimiga
    Lundi 30 Avril 2012 à 18:04

    oui j'ai mi dans code css (je sui pa si conne quan meme) voila : .module_menu_type_lastvisitors {border-radius: 10px;
                                    -moz-border-radius: 10px;
                                    -webkit-border-radius: 10px}

    27
    Mimiga
    Lundi 30 Avril 2012 à 22:06

    et oh tu repond ???

    28
    Mizura Profil de Mizura
    Lundi 30 Avril 2012 à 23:54

    oui pardon, effectivement je l'ai tester et donc a mon avis on ne peux tout simplement pas le faire pour les derniere visiteur.

    29
    Mimiga
    Mardi 1er Mai 2012 à 00:02

    ohhhhhhhh non !!!!!!!!!!!!

    bon c pa grave

    tien justement j'ai une amie qui ma donner le code car elle la fait (mai a toute ces image)

    merci quan meme !

    30
    kurotiti
    Dimanche 6 Mai 2012 à 17:58

    cool le code , att je vais te dire si sa marche moi

    31
    ~macaron~
    Vendredi 11 Mai 2012 à 19:01

    marche pas

    32
    Vendredi 18 Mai 2012 à 17:09

    dit comment on fait les coins arondies pour les contenus modules ?

    33
    Mizura Profil de Mizura
    Vendredi 18 Mai 2012 à 18:49

    ben tu met le selecteur approprie, tu regarde dans la liste et tu met le truk a la place de selecteur comme je l'explique.

    34
    Vendredi 18 Mai 2012 à 19:33

    ba enfete je met sa : module_menu_contenu_block{border-radius:20px;} et sa marche pas

    35
    Mizura Profil de Mizura
    Vendredi 18 Mai 2012 à 20:02

    faut pas mettre le border-radius ect je l'ai dit en debut d'article de la liste

    36
    Vendredi 18 Mai 2012 à 20:03

    ah désolé javait pas vu x3

    37
    Vendredi 18 Mai 2012 à 20:07

    mais c'est où ? oui je suis vraiment stupide xD

    38
    Mizura Profil de Mizura
    Vendredi 18 Mai 2012 à 20:36

    ben si tu regarde le tuto je donne un lien avec la liste des selecteurs -_-

    39
    Mizura Profil de Mizura
    Vendredi 18 Mai 2012 à 20:37

    ta juste a remplacer dans le code "selecteur " et le X

    40
    Vendredi 18 Mai 2012 à 20:38

    oui je suis allez  mais , si il faut pas mettre border radius il faut mettre quoi ?

    41
    Vendredi 18 Mai 2012 à 20:39

    bah moi jai mis : .module_menu_contenu_block{border-radius:20px;} mais sa marche pas 

    42
    Mizura Profil de Mizura
    Vendredi 18 Mai 2012 à 20:59

    ben normal vu que tu met pas tout le code -_- ce que je te dit de pas mettre c'est ca :{border-radius:20px;} que tu vois dans la liste des selecteur. Il faut juste mettre le titre : module..blablabla et je te donne un code qui est dans l'encadre (non c'est pas pour faire jolie, il faut le mettre!)

    donc pour recapituler tu prend le code que ej te donne et tu met "module machin" (le titre  du selecteur) à la place du mot "selecteur" que j'ai mis dans le code.



    c'est simple il suffit juste de lire -_- (dsl je guele un peu mais j'en est marre que  des gens viennent me dire ca marche pas alors qu'ils ont même pas lut et pourtant je fais en sorte que les tutos soient cours.

    43
    Vendredi 1er Juin 2012 à 23:00

     oui je désolé je suis pas doué désolé du derangement 

    44
    Dimanche 23 Septembre 2012 à 13:44

    Sa marche pas ._.'  !

    J'ai mis ça comme code :

    .comment_normal {border-radius: 40px
    -moz-border-radius: 40px
    -webkit-border-radius: 40px}

    45
    Mizura Profil de Mizura
    Dimanche 23 Septembre 2012 à 17:29

    alors moi  j'ai tester ton code, il marche, donc fait gaffe si ta pas mis un espace en trop quelque part ou que  la largeur de la page des commentaires et trop petite du coup on le voie peut etre pas

    46
    Dimanche 23 Septembre 2012 à 17:55

    Ah ui, j'avais mis un espace en trop .___.' !! Mais sur ce code là :

    .commentavatar {border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px}

    Y a pas d'espaces en trop et il marche pas quand même <_<' ! [C'est moi qui suis pas douée, maudite ou tout simplement idiote comme ses pieds O0O ?]

    47
    Mizura Profil de Mizura
    Dimanche 23 Septembre 2012 à 19:01

    ba  je viens de regarder sur ton blog ca marche :/

    48
    Dimanche 23 Septembre 2012 à 19:05

    hein ._.' ? je deviens aveugle O0O ?

    Non, ça marche pas, le 1er oui il marche mais le 2e pour arrondire les avatars des commentaires marche pas ._.

    49
    Mizura Profil de Mizura
    Dimanche 23 Septembre 2012 à 22:50

    ben le code que tu me  passe c pr larrondie de l'encadre des commentaires pas des avatars

     

    50
    Lundi 24 Septembre 2012 à 17:10

    .comment_normal {border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px} < lui c'est pour l'arrondie des messages

    .commentavatar {border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px} < lui pour l'arrondi des messages. Sauf qu'il ne marche paaaaas TOT

    51
    Mizura Profil de Mizura
    Lundi 24 Septembre 2012 à 18:10

    tu tes goure le comment normal c'est pr l'encadre genre moi le truk qui est en blanc qui separe les commentaire et apres pr les avatars jai pas tester jviens de rentree mais apres jpense ke ca dep si lavatar est en transparant c sur ke le bord va pas etre rond

    52
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Jeudi 1er Novembre 2012 à 13:02

    super code merci beaucoupp ^^

    53
    lucie3 Profil de lucie3
    Mercredi 7 Novembre 2012 à 12:15

    moi sa marche pas :'(

    54
    Mizura Profil de Mizura
    Mercredi 7 Novembre 2012 à 15:20

    c'est bien de me dire que ca marche pas mais bon...montre moi ton code, tu a peut être fait une petite erreur =)

    55
    lucie3 Profil de lucie3
    Mercredi 7 Novembre 2012 à 15:57

    .module_menu_type_lastvisitors {border-radius: 3px
                                    -moz-border-radius: 3px
                                    -webkit-border-radius: 3px}
     

    56
    Mizura Profil de Mizura
    Jeudi 8 Novembre 2012 à 00:46

    Ha ouais tu veux faire pour les visiteurs..hum j'avais moi même tester ainsi que d'autre et il semble que ce code ne marche pas pour les visiteurs, mais il existe un autre code pour justement les mettre en arrondi et même les rendre opaque.

    57
    lucie3 Profil de lucie3
    Jeudi 8 Novembre 2012 à 14:58

    ok merci je vais essayer ^^

    58
    Nounette Dream
    Dimanche 18 Novembre 2012 à 21:17

    Ca ne marche pas :

    Voilà mon code :

    #menu2 {border-radius20px
                  -moz-border-radius20px
                  -webkit-border-radius20px}

    59
    Mizura Profil de Mizura
    Lundi 19 Novembre 2012 à 18:23

    Il me semble que c'est a cause de l'espace entre le menue2 et le {border... qu'il faut enlever.

    60
    Nounette Dream
    Lundi 19 Novembre 2012 à 18:55

    Ok merci je vais essayer :)

    61
    Nounette Dream
    Lundi 19 Novembre 2012 à 21:06

    Marche toujours pas.

    62
    lucie3 Profil de lucie3
    Lundi 19 Novembre 2012 à 21:14

    tient moi j'ai mis sa et sa marche :

    #menu2{border-radius: 20px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px}

    63
    Nounette Dream
    Lundi 19 Novembre 2012 à 21:16

    Merci !

    C'est pareil pour l'autre menu sauf on remplace le de 2 de menu2 par un 1 ?

    (Ca va donner #menu1{border-radius: 20px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px} 

    64
    lucie3 Profil de lucie3
    Lundi 19 Novembre 2012 à 21:19

    oui  ça a marcher ou pas ?

    65
    Nounette Dream
    Lundi 19 Novembre 2012 à 21:21

    Oui merci ;)

    66
    Dimanche 2 Décembre 2012 à 09:19

    j'ai mi le code ca marche pas !!!!!!

    67
    Dimanche 2 Décembre 2012 à 09:20

    j'ai tout mis sauf remplacer X par 10 j'ai actualiser rien !!!!!!!!

    68
    Mizura Profil de Mizura
    Dimanche 2 Décembre 2012 à 16:30

    et ta mis le bon selecteur ?

    69
    Maiii Profil de Maiii
    Lundi 5 Août 2013 à 23:43

    J'ai mis le code, mais ça ne marche pas! Voilà le code :

    #menu {border-radius: 10px;
                  -moz-border-radius: 10px;
                  -webkit-border-radius: 10px}

    70
    Mizura Profil de Mizura
    Mardi 6 Août 2013 à 00:48

    Car il faut rajouter un 1 apres menu. Le menu1 c'est pour celui de gauche et le menu2 c'est celui de droite. C'était ecrit dans la rubrique selecteur. voilou ^^

    71
    Maiii Profil de Maiii
    Mardi 6 Août 2013 à 01:05

    Ah, mais moi je voudrai arrondir les coins des menus de l'en-tête!

    72
    Mizura Profil de Mizura
    Mardi 6 Août 2013 à 20:45

    Ah oui ok, dsl j'avais zapper ce menu la ^^'. Bon je vais regarder tout ca

    73
    Mizura Profil de Mizura
    Mardi 6 Août 2013 à 20:49

    Alors je peux pas trop voir si le code marche ou pas car mon menu est un peu special. Du coup je suis aller voir sur ton blog pour regarder ton menu, il faudrais que tu mette un encadrement sinon tu verra rien. On parle bien du même menu c'est à dire (pour toi) "presentation, actualite etc" ?

    74
    Maiii Profil de Maiii
    Mardi 6 Août 2013 à 20:51

    Oui! En fait je viens juste de le modifier. Je vais remettre un encadrement...

    75
    Dimanche 19 Janvier 2014 à 21:24

    MERCI POUR CES CONSEILS JE VAIS ESSAYER SUR MON BLOG, et le tien a un très joli design

     

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :