• Arrondir, lueur

    Il faut ouvrir sa feuille de CSS et insérer, selon votre choix :

    a.
    Pour arrondir les coins des menus

    #menu1 {
    border-radius: 30px ; 
    }

    b. Et ajouter une lueur

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

    Si vous voulez changer la force de l'arrondi (border-radius) (Circulaire, ou lègerement) vous remplacez 30px par la valeur voulue. 10px est à remplacé si vous souhaitez changer l'étendue de votre ombre (box-shadow) mais en principe ce n'est pas la peine. Enfin, #FFFFFF, c'est tout simplement la couleur de l'ombre.
    Pour appliquer tout ça au menu de droite vous remplacez le 1 de #menu1 par 2, donc #menu2.


    c. Pour arrondir les coins des articles

    .module_contenu {
    border-radius: 30px ;
    }

    d. Et ajouter une lueur

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

    e. Pour arrondir les coins du blog

    #background {
        border-radius: 30px;
    }

    f. Et ajoutez une lueur

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

    g. Pour arrondir les coins du header

    #header {
        border-radius: 30px;
    }

    Remarque : Il est possible de n'appliquer qu'un "semi-arrondissement", pour cela remplacez les border-radius: 30px; (et UNIQUEMENT.) par ceci :
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    (Merci à
    Fubuki)


    Tags Tags : , , , ,
  • Commentaires

    35
    Corea
    Mardi 26 Mars 2013 à 08:39

    Merci pour ce code ♥

    34
    Samedi 3 Novembre 2012 à 16:31

    J'appelle ça un arrondissement en amande dans mon ptit vocabulaire, merci bien de ce code je vais de ce pas le rajouter à la suite, il pourrait en intéresser quelques uns ! :)

    33
    Ryn
    Samedi 3 Novembre 2012 à 14:06

    Il y a aussi la possibilité de faire un "semi arrondissement" je te passe le code Mikuru :)

    .module_contenu {background-color#ffffff;     

     border-top-left-radius100px;     border-bottom-right-radius100px;}

    32
    Mytsu Profil de Mytsu
    Jeudi 23 Août 2012 à 11:57

    Bonjour, je souhaiterais juste arrondir le bas de mon menu, pas le haut, est ce possible ?

    31
    Vendredi 10 Août 2012 à 18:48

    Arigatou ~

    30
    Dimanche 22 Avril 2012 à 17:37

    merci infiniment :D

    29
    Dimanche 22 Avril 2012 à 17:15

    #header {
        border-radius: 30px;
    }

    30px valeur modfiable.
    J'ai rajouté ça dans l'article. ^^

    28
    Dimanche 22 Avril 2012 à 14:34

    j'aimerais savoir pour le header s'il te plait >3< ...

    27
    Dimanche 1er Avril 2012 à 19:59

    Sur mon blog darkie journal qui est en onstrution ^^ 

    26
    Dimanche 1er Avril 2012 à 19:40

    Sur quel blog ?

    25
    millabelle Profil de millabelle
    Dimanche 1er Avril 2012 à 08:19

    sallut j'arrive pas a arrondir 

    24
    Kizuho Profil de Kizuho
    Jeudi 8 Mars 2012 à 20:48

    Merci pour tout t'es codes Css, ils m'ont bien aidée ! :]

    23
    Jeudi 17 Novembre 2011 à 08:10

    Arigatooo ><

    22
    Alish
    Vendredi 11 Novembre 2011 à 16:25

    Merci pour le tuto !

    21
    Sydo Profil de Sydo
    Samedi 22 Octobre 2011 à 18:19

    ARIGATÔ ! JE TE REVAUDRAIS ÇA ! *c'est la 6ème fois, nan ?*

    20
    Samedi 22 Octobre 2011 à 18:16

    C'est bon. J'ai mis la couleur "black" pour la lueur, tu peux la changer à ta guise maintenant. ^^

     

    19
    Sydo Profil de Sydo
    Samedi 22 Octobre 2011 à 18:07

    MERCI BEAUCOUP ! o/
    Je te met la perm'

    18
    Samedi 22 Octobre 2011 à 18:04

    Oui j'veux bien. :)

    17
    Sydo Profil de Sydo
    Samedi 22 Octobre 2011 à 18:03

    Chias pô, ça fais 4 fois que je réessaye, ça marche pas...tu peut essayer de le faire s'teup ? (si tu veut et je te met la perm')

    16
    Samedi 22 Octobre 2011 à 17:57

    Ben si, c'est censé marcher normalement, ca marche sur ce blog alors pourquoi pas sur le tiens ? :O

    15
    Sydo Profil de Sydo
    Samedi 22 Octobre 2011 à 17:46

    ça marche pas la lueur pour les coins du blog !

    14
    Misu Sato
    Mardi 18 Octobre 2011 à 21:10

    merciiii

    13
    Mardi 18 Octobre 2011 à 19:38

    #menu1 .module_menu_titre {
        box-shadow: 0 0 10px #000000;
    }

    En remplacant #000000 par la couleur de ton choix.
    10px est également une valeur que tu peux modifier à ta guise.

    12
    Misu Sato
    Lundi 17 Octobre 2011 à 20:08

    salut mikuru ,

    comment on met une lueur au titre de menu 1 ?

    11
    Samedi 15 Octobre 2011 à 17:00

    merci

    10
    Samedi 15 Octobre 2011 à 15:00

    Essaie ça dans ton CSS :

    .module_titre_contenu {border-radius: 10px 10px 10px 10px;}

    9
    Samedi 15 Octobre 2011 à 10:45

     cette fois je veux le fait avec le titre de artcle comment je fais

    8
    Mimie37
    Vendredi 14 Octobre 2011 à 21:27

    Merci !! ;D

    7
    Dimanche 9 Octobre 2011 à 13:39

    Merci beaucoup !!!!

    6
    Mardi 4 Octobre 2011 à 19:04

    Na c'est bon je suis arrivé ! x) z'avais pas prit le code lol

    5
    Mardi 4 Octobre 2011 à 18:51

    Ah oui ? Pourtant lorsque je vais sur ton blog je vois une lueur dérrière tes articles.
    Tu utilises Google Chrome ?

    4
    Lundi 3 Octobre 2011 à 21:25

    Ah c'est bon ^^

    3
    Mardi 27 Septembre 2011 à 10:56

    La lueur des articles ne marche pas :(

    2
    Dimanche 25 Septembre 2011 à 11:37

    Merci !! :D

    1
    Samedi 17 Septembre 2011 à 19:41

    kakkoi desu!



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :