Ombre portée en fond de forum.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Ombre portée en fond de forum.

Message par LarckM le Mer 7 Mar 2012 - 15:38

Bonjour à toutes et à tous ! Very Happy
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 Smile
Merci d'avance.


Dernière édition par LarckM le Jeu 8 Mar 2012 - 14:18, édité 3 fois

LarckM
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 15/11/2011

http://toile-graph.graphforum.com/forum
LarckM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre portée en fond de forum.

Message par Dr. Karlos le Mer 7 Mar 2012 - 16:15

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. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre portée en fond de forum.

Message par LarckM le Mer 7 Mar 2012 - 17:52

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.

LarckM
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 15/11/2011

http://toile-graph.graphforum.com/forum
LarckM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre portée en fond de forum.

Message par Dr. Karlos le Mer 7 Mar 2012 - 18:14

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. Wink


Cordialement.


Dernière édition par Dr. Karlos le Jeu 8 Mar 2012 - 0:51, édité 1 fois

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre portée en fond de forum.

Message par LarckM le Mer 7 Mar 2012 - 20:01

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.

LarckM
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 15/11/2011

http://toile-graph.graphforum.com/forum
LarckM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre portée en fond de forum.

Message par Dr. Karlos le Jeu 8 Mar 2012 - 0:53

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre portée en fond de forum.

Message par LarckM le Jeu 8 Mar 2012 - 14:17

Merci bien ^^

LarckM
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 15/11/2011

http://toile-graph.graphforum.com/forum
LarckM a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum