Relief modules et posts

[fcgbboy2]

Bonjour,

Suite à ce post : https://forum.forumactif.com/t327274-modules-comme-le-fdf?highlight=relief+modules

J'ai voulu essayer de mettre un relief sur les modules et les posts.
Or, ça ne rend pas bien : http://aqualandes40.forumgratuit.org/
Il n'y a pas de relief à droite...

Voici le code :

Code:

.module {
        background-color: #E5F1F9;
        border: 1px solid #couleur;
        background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
        background-position: center bottom;
        background-repeat: repeat-x;
          -webkit-box-shadow: 2px 2px 2px #000000;
        -moz-box-shadow: 2px 2px 2px  #000000;
        box-shadow: 2px 2px 3px #000000;
        }
 
        .module{
                border-radius: 12px;
                -moz-border-radius: 12px;
                -webkit-border-radius: 12px;}
        .forabg{
          border-radius: 12px;
                -moz-border-radius: 12px;
                -webkit-border-radius: 12px;}
        .bodyline{
          border-radius: 12px;
                -moz-border-radius: 12px;
                -webkit-border-radius: 12px;}
        div.post  {
        border-radius: 12px;
        moz-border-radius:  12px;
        -webkit-border-radius: 12px;}

        div.post {
        background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png)!important;
        background-position: center bottom;
        background-repeat: repeat-x;
        border: 1px solid #couleur;
            -webkit-box-shadow: 2px 2px 2px #000000;
        -moz-box-shadow: 2px 2px 2px  #000000;
        box-shadow: 2px 2px 3px #000000;
        }

Qu'est ce qui ne va pas dans celui-ci ?

Merci d'avances.

[Scoubifitz]

bonsoir,

Remplacez votre code par celui ci :

Code:

.module {
width:155px;
background-color: #E5F1F9;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: center bottom;
background-repeat: repeat-x;
-webkit-box-shadow: 2px 2px 2px #000000;
-moz-box-shadow: 2px 2px 2px  #000000;
box-shadow: 2px 2px 3px #000000;
}

.module,.forabg,.bodyline,div.post  {
border-radius: 12px;
moz-border-radius:  12px;
-webkit-border-radius: 12px;}

div.post {
width:97%;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png)!important;
background-position: center bottom;
background-repeat: repeat-x;
-webkit-box-shadow: 2px 2px 2px #000000;
-moz-box-shadow: 2px 2px 2px  #000000;
box-shadow: 2px 2px 3px #000000;
}

[fcgbboy2]

Super merci ! ça marche !

Par contre, dans le forum, j'ai mis deux couleurs différentes pour les messages, forcément un message sur deux, la couleur ne correspond pas : http://aqualandes40.forumgratuit.org/t221-couleurs-du-forum

Comment faire pour changer cela ?

Merci.

[Scoubifitz]

bonjour,

Repérez et remplacez div.post par :

Code:

        div.post {
        width:97%;
        background-image:none;
        -webkit-box-shadow: 2px 2px 2px #000000;
        -moz-box-shadow: 2px 2px 2px  #000000;
        box-shadow: 2px 2px 3px #000000;
        }

[fcgbboy2]

Super, ça marche !

Merci beaucoup