Bordure forum ombré.

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

Résolu Bordure forum ombré.

Message par Absol le Sam 22 Jan 2011 - 19:32

Bonsoir,

Voilà, je voudrais que les bordures droite/gauche de mon fora, soient ombré...
Voici mon CSS :

Code:
.bodyline{
border-left: solid 10px #DDDDDD ;
border-right: solid 10px #DDDDDD ;
}

Merci d'avance ^^'


Dernière édition par Absol le Dim 23 Jan 2011 - 12:48, édité 1 fois

Absol
***

Masculin
Messages : 168
Inscrit(e) le : 27/08/2008

http://www.roleplay-fiore.com
Absol a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum ombré.

Message par Lixyr le Sam 22 Jan 2011 - 21:37

Bonsoir.

Je peux ombrer votre cadre, mais je ne sais comment ombrer uniquement à droite et à gauche. Il ne me semble pas que ce soit possible.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum ombré.

Message par Absol le Dim 23 Jan 2011 - 10:54

ET bien allons pour tout le cadre Smile

Absol
***

Masculin
Messages : 168
Inscrit(e) le : 27/08/2008

http://www.roleplay-fiore.com
Absol a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum ombré.

Message par Lixyr le Dim 23 Jan 2011 - 12:09

D'accord.

Alors en reprenant ton code ça donne :

Code:
.bodyline{
border-left: solid 10px #DDDDDD ;
border-right: solid 10px #DDDDDD ;

-moz-box-shadow: 0px 0px 10px #000000;
  box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}


Explications :

-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;


Le code en violet, c'est pour montrer les différents navigateurs qui sont compatibles avec le code. Le premier est compatible avec mozilla, et les deux autres avec safari et chrome.

Alors, pour le code, ce sont les valeurs en rouge que tu peux modifier.
  • La première valeur, c'est le décalage sur la gauche de l'ombre.

  • La deuxième valeur, c'est le décalage vers le bas de l'ombre.

  • La troisième valeur, c'est la valeur du floutage de l'ombre.

  • La dernière valeur, c'est le code de la couleur de l'ombre.


A toi de changer les valeurs comme il te convient.


Bon, je précise que tu peux garder les trois codes, qui sont si tu l'as bien compris le même, mais visibles ou non selon le navigateur utilisé. C'est même mieux de garder les trois, mais les valeurs doivent être les mêmes pour les trois, bien entendu.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum ombré.

Message par Absol le Dim 23 Jan 2011 - 12:48

Merci beaucoup ça marche parfaitement Very Happy

Absol
***

Masculin
Messages : 168
Inscrit(e) le : 27/08/2008

http://www.roleplay-fiore.com
Absol 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