Ombre portée en fond de forum.

[LarckM]

Bonjour à toutes et à tous !
J'aimerais rajouter un effet d'ombre portée sur les bord de mon forum, celles-ci :
Certes ce n'est pas du tout précis précis, mais j'espère m'être fais comprendre ^^
Donc j'aimerais savoir comment rajouter une ombre
Merci d'avance.

[Dr. Karlos]

Bonjour,

Insérez ce code dans votre CSS (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS):

Code:

.bodyline {
-moz-box-shadow:10px 0px 8px #000000;
box-shadow:10px 0px 8px #000000;
-webkit-box-shadow:10px 0px 8px #000000;
}

Le 10px correspond à l'ombre verticale, le 0px à l'ombre horizontale et le 8px à l'étalement général. Remplacez #000000 par la couleur désirée.

Si vous modifiez une valeur, modifiez-la pour les trois box-shadow, il s'agit de codes pour l'affichage sur différents navigateurs.


Cordialement.

[LarckM]

Merci beaucoup Mr.Karlos
Mais sans trop en demander, j'aimerais également savoir comment faire apparaître une ombre portée au niveau des Pseudonymes de chaque membres ^^
Merci d'avance.

[Dr. Karlos]

Re,

Insérez ces codes dans votre CSS à la suite de l'autre:

Code:

td.row3.over .gensmall strong a, .postdetails strong a  { /* ombre pseudo colonne derniers messages */
text-shadow:10px 0px 8px #000000;
}

td.row1 .gensmall a strong{ /* ombre pseudo QEEL */
text-shadow:10px 0px 8px #000000;
}

.name { /* ombre pseudo colonne auteur et dans les messages */
text-shadow: 10px 0px 8px #000000;
}

Le 10px correspond à l'ombre verticale, le 0px à l'ombre horizontale et le 8px à l'étalement général. Remplacez #000000 par la couleur désirée.

Si vous modifiez une valeur, modifiez-la pour l'ensemble des text-shadow.


Cordialement.

[LarckM]

Merci beaucoup, vous m'êtes d'un très grande aide, je voudrai vous poser une dernière question après je vous laisse tranquille ^^
Cela fonctionne très bien avec les Pseudonymes, mais pour les noms des sujets et des catégories, comment dois-je faire ?
Merci d'avance.

[Dr. Karlos]

Bonsoir,

Insérez ce code à la suite des autres dans votre CSS:

Code:

a.forumlink, a.cattitle, a.topictitle{ /* ombre pseudo sujets-catégories */
text-shadow:10px 0px 8px #000000;
}

Cordialement.

[LarckM]

Merci bien ^^