Bonjour,

Comme l'indique le titre, j'aurai besoin d'une aide pour le CSS.

Alors voilà, je n'ai qu'une petite connaissance en CSS.

EN ce momment, je suis entrain de créer un site à partir des blogs "Eklaglog" .
J'ai ajouté des éléments CSS pour personnaliser le Design, et les codes CSS ont été généré par un générateur de code CSS.(http://le-blog-facile.ek.la/generateur-de-cod
e-css-p285703)

--------------------
Voici mon site : http://anime-world-vostfr.revolublog.com/accueil-c23005765

Mot de passe : aidejvc

ALors voici le problème :

Vous voyez la barre toute moches grise dans la partie en haut (header) ?
Eh Bien quand je rajoute un code CSS pour le modifier ça ne marche pas.
Voici le code que j'ai utiliser pour le modifier :

1. menu

{
border-radius: 60px 60px 60px 60px ;
}

Dans l'ensemble du code CSS du blog, çà donne ceci :

1. menubar

{
background-image: url('http://img15.hostingpics.net/pics/475217MenuB
areV2.jpg');

background-repeat: repeat-x;
}

1. menu

{
border-radius: 60px 60px 60px 60px ;
}

.module_menu_titre
{
border-radius: 60px 60px 60px 60px ;
-moz-box-shadow: 2px 2px 10px 2px #3166ff;
-webkit-box-shadow: 2px 2px 2px 0px #3166ff;
-o-box-shadow: 2px 2px 10px 5px #3166ff;
box-shadow: 2px 0px 10px 1px #1884c6;
filter:progid:DXImageTransform.Microsoft.Shadow(co
lor=#3166ff,
Direction=134, Strength=5);
}

.module_titre
{
border-radius: 60px 60px 60px 60px ;
-moz-box-shadow: 2px 2px 10px 2px #3166ff;
-webkit-box-shadow: 2px 2px 2px 0px #3166ff;
-o-box-shadow: 2px 2px 5px 5px #3166ff;
box-shadow: 0px 0px 7px 0px #3166ff;
filter:progid:DXImageTransform.Microsoft.Shadow(co
lor=#3166ff,
Direction=134, Strength=5);
}

.module_contenu
{
border-radius: 7px 7px 7px 7px ;
-moz-box-shadow: 2px 2px 10px 2px #3166ff;
-webkit-box-shadow: 2px 2px 2px 0px #3166ff;
-o-box-shadow: 2px 2px 10px 5px #3166ff;
box-shadow: 0px 0px 5px 0px #3166ff;
filter:progid:DXImageTransform.Microsoft.Shadow(co
lor=#3166ff,
Direction=134, Strength=5);
}

Sauf que comme vous pouvez le voir, cela n'a aucun effet

Quelqu'un pourrai m'expliquer pourquoi et comment faire pour que ça marche ?

--------------
HS

Je voudrai aussi modifer les bordures des 2 colonnes dans les cotés, par quel "nom" dois-je les nommer pour les modifier ?

----------------

Désoler de demander tant de choses ...

En tout cas un grand MERCI à celui qui à la vonlonté de m'aider

Bonjour,

Alors déjà c'est très moche, au moins c'est dit.

Pour te répondre
1. Il faut modifier la div #menubar et non pas #menu.
2. La colonne de gauche se nomme #menu1_float et le second a droite #menu2_float donc tu as juste a ajouté la propriété border dans le css pour styliser.

Ok merci.

Au passage, qu'est ce qui est moche ? tout ? (pour savoir quoi modfier )

Le background de tes titres avec les éclairs bleu.

Bonjour,je suis un jeune webmaster à prix très bas si vous etes intéresser voici mes coordonnées:
Mon skype: ilypton-
Mon Adresse e-mail: marketingstructurevs@gmail.com
Mon site: http://marketingstructureevs.wix.com/corentin-webmaster

Ne l'ajoute pas, conseil d'ami

skyboys :

1) Merci de la critique, je pense que c'est ce qu'il faut pour progresser. Je vais trouver quelque chose de mieux.

2) Merci du conseil

Salut,

Tu peux te passer des préfixes pour box-shadow, la propriété finale est gérée depuis longtemps. Et n'utilise jamais filter, ce n'est pas du CSS, c'est un appel à une fonction directX, c'est ultra lourd.

Enfin, tu peux abréger tes border-radius en ne précisant qu'une fois 60px, ça fera pour tous les coins.

warpShadow : merci des astuces

1) Sinon, j'ai réussi pour les 2 menus du coté, en faite, il fallait juste mettre #menu1 et #menu 2 . Par contre je n'arrive pas a modifier la barre dans le header... Il existe une autre méthode ?

2) Pour le design, je suis entrain de faire des test, mais je finirai par trouver quelque chose de beau