Ombre portée
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Ombre portée
Rerebonjour x)
J'ai encore une question (oui je suis curieuse)
J'aimerais faire cet effet là (http://upz.fr/334D0.png) (une ombre portée si vous préférez) sur le "fond numéro deux" (comme je l'appelle), et aussi cet effet (http://upz.fr/BD1Ft.png) (une ombre portée sur tout le texte du fo')
Merci de votre aide future
J'ai encore une question (oui je suis curieuse)
J'aimerais faire cet effet là (http://upz.fr/334D0.png) (une ombre portée si vous préférez) sur le "fond numéro deux" (comme je l'appelle), et aussi cet effet (http://upz.fr/BD1Ft.png) (une ombre portée sur tout le texte du fo')
Merci de votre aide future
Dernière édition par Javarakita le Mar 13 Mai 2014 - 18:28, édité 1 fois
Re: Ombre portée
Bonjour,
tu peux ajouter dans ton css à l'élément #wrap les propriétés suivantes :
pour toutes les propriétés shadow : la première valeur correspond au décalage horizontal de l'ombre, la deuxième au décalage vertical, la troisième à l'intensité du "floutage" de l'ombre, et enfin la dernière à la couleur. Pour le cas de l'ombre sur le texte, rgba(0,0,0,0.3) correspond à noir avec une opacité de 0,3 (transparent=0, opaque=1).
tu peux ajouter dans ton css à l'élément #wrap les propriétés suivantes :
- Code:
-webkit-box-shadow: 0 0 10px black;
-moz-box-shadow: 0 0 10px black;
-o-box-shadow: 0 0 10px black;
-ms-box-shadow: 0 0 10px black;
box-shadow: 0 0 10px black;
- Code:
text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
pour toutes les propriétés shadow : la première valeur correspond au décalage horizontal de l'ombre, la deuxième au décalage vertical, la troisième à l'intensité du "floutage" de l'ombre, et enfin la dernière à la couleur. Pour le cas de l'ombre sur le texte, rgba(0,0,0,0.3) correspond à noir avec une opacité de 0,3 (transparent=0, opaque=1).
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Ombre portée
Merci, mais j'ai beau essayer, ces codes ne marchent pas, c'est à dire que le texte reste tout simple pourtant j'ai juste coller les codes sur ma feuille CSS ..
Re: Ombre portée
Il faut compléter le code que vous avez déjà :
#wrap correspond au bloc avec le fond blanc qui contient le forum. Vous avez déjà personnalisé sa mise en forme et devez avoir dans votre feuille de style css un code de ce genre :
#wrap correspond au bloc avec le fond blanc qui contient le forum. Vous avez déjà personnalisé sa mise en forme et devez avoir dans votre feuille de style css un code de ce genre :
- Code:
#wrap {
border-radius: 30px; /*les coins arrondis*/
min-width: 0px; /*largeur minimale à 0*/
overflow: hidden; /*cacher ce qui dépasse*/
padding: 10px; /*marge intérieure*/
}
- Code:
#wrap {
border-radius: 30px; /*les coins arrondis*/
min-width: 0px; /*largeur minimale à 0*/
overflow: hidden; /*cacher ce qui dépasse*/
padding: 10px; /*marge intérieure*/
-webkit-box-shadow: 0 0 10px black;
-moz-box-shadow: 0 0 10px black;
-o-box-shadow: 0 0 10px black;
-ms-box-shadow: 0 0 10px black;
box-shadow: 0 0 10px black; /*ombre du cadre du forum*/
text-shadow: 2px 2px 1px rgba(0,0,0,0.3); /*ombre du texte*/
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Ombre portée
Merci beaucoup pour toute votre aide !
Sujets similaires
» Ombre portée partout
» Ombre Portée sous les Pseudos
» Ombre portée en fond de forum.
» Sorte d'ombre portée pour les utilisateurs
» css contours ombre portée + bord arrondis
» Ombre Portée sous les Pseudos
» Ombre portée en fond de forum.
» Sorte d'ombre portée pour les utilisateurs
» css contours ombre portée + bord arrondis
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum