• Quel est le css pour arrondir les bords du contenu et des menus ?


    Jeudi 25 Août 2011 à 19:53
    EtoileSosso

    Bonjour j'aimerais savoir quel est le css pour arrondir les bords de l'article et des menus un peu comme ces blogs : http://merry0712.eklablog.com/ et http://fanstasy-graph.eklablog.net/

    Merci d'avance.

    Vendredi 26 Août 2011 à 09:05
    -Anne-

    Ici : http://doc.eklablog.com/mettre-en-arrondi-le-titre-des-messages-css-resolu-topic5431

    Ce qui donne pour chaque article : 

    .module_contenu{
        -webkit-border-radius: 10px;     -moz-border-radius: 10px;     border-radius: 10px;}

    pour le menu de gauche si tu en as deux :

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

    et pour les titres des modules du menu de gauche si tu en as 2 :

    #menu1 .module_menu_titre{
        -webkit-border-radius: 10px;     -moz-border-radius: 10px;     border-radius: 10px;} 

    (tu peux bien entendu changer la valeur de l'arrondi).

    Dimanche 28 Août 2011 à 14:43
    EtoileSosso

    Et comment on fait pour que le contour brille, en gros voilà quoi.. ^^'

    Dimanche 28 Août 2011 à 17:46
    -Anne-

    Que le contour brille ? euh, là je ne sais même pas si c'est possible...

    Dimanche 28 Août 2011 à 18:19
    EtoileSosso

    Enfin voilà quoi, qu'il y a du dégradé autour du contour. Comme dans les blogs que j'ai mis.

     

    Dimanche 28 Août 2011 à 18:43
    -Anne-

    Dans le code CSS du premier blog que tu donnes, on a ceci :

    #menu1{
    	width: 210px;
    	margin-top: 20px;
    	margin-left: 10px;
    	background-image: url("images/menu1.jpg?260063749");
    	border-top: 3px solid white; border-right: 3px solid white; border-bottom: 3px solid white; border-left: 3px solid white; }

     

    C'est juste une bordure blanche en fait. Mais je peux me tromper, et avoir loupé un truc dans le code CSS aussi :S...

     

     

    Dimanche 28 Août 2011 à 18:44
    EtoileSosso

    t'as un peu abusé en tapant le css je vois jusqu'à après white =/

    Dimanche 28 Août 2011 à 18:48
    -Anne-

    Zut

    #menu1{
    	width: 210px;
    	margin-top: 20px;
    	margin-left: 10px;
    	background-image: url("images/menu1.jpg?260063749");
    	border-top: 3px solid white;

     border-right: 3px solid white;
    border-bottom: 3px solid white;
    border-left: 3px solid white;
    }

     

    Jeudi 1er Septembre 2011 à 16:14
    Cheval`Passion

    Salut -Anne-,

    De mon côté pour les titre du menu1, j'avais mis une image, cependant lorsque je tape ceci :

         #menu1 .module_menu_titre{

              -webkit-border-radius: 10px;     

              -moz-border-radius: 10px;     

              border-radius: 10px;

    ça ne m'arrondit pas les bords. Est-ce dû au fait que ce soit une image ou est-ce que ça bug ?

    Merci d'avance

     

    En fait, j'ai trouvé, il suffisait juste de supprimer #menu1 hi,hi ! Par contre, ça ne marche pas pour le titre du module contenu :'(

    Jeudi 1er Septembre 2011 à 16:59
    Cheval`Passion

    Merci bien :p




    Vous devez être membre pour poster un message.