Eklablog Tous les blogs
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

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)

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
C
Merci pour ce code ♥
Répondre
M
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 ! :)
Répondre
R
Il y a aussi la possibilité de faire un "semi arrondissement" je te passe le code Mikuru :)<br /> .module_contenu {background-color: #ffffff;     <br />  border-top-left-radius: 100px;     border-bottom-right-radius: 100px;}
Répondre
M
Bonjour, je souhaiterais juste arrondir le bas de mon menu, pas le haut, est ce possible ?
Répondre
K
Arigatou ~
Répondre