-
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 : 30px, border, radius, arrondi, menu
-
Commentaires
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 ! :)
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-radius: 100px; border-bottom-right-radius: 100px;}
22AlishVendredi 11 Novembre 2011 à 16:25C'est bon. J'ai mis la couleur "black" pour la lueur, tu peux la changer à ta guise maintenant. ^^
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')
Ben si, c'est censé marcher normalement, ca marche sur ce blog alors pourquoi pas sur le tiens ? :O
14Misu SatoMardi 18 Octobre 2011 à 21:10#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.12Misu SatoLundi 17 Octobre 2011 à 20:088Mimie37Vendredi 14 Octobre 2011 à 21:27Ah oui ? Pourtant lorsque je vais sur ton blog je vois une lueur dérrière tes articles.
Tu utilises Google Chrome ?Vous devez être connecté pour commenter
Merci pour ce code ♥