[RÉGLÉ] avoir un cadre ombre

[kikouu]

Salut à tous,

je voudrais simplement savoir comment on peut avoir un rendu comme sur le site suivant :

https://dons.actioncontrelafaim.org/don-ponctuel?codemailing=12PI0601&rt76=66-15723&rt77=10832544872

Sur la partie en haut (Faire un don ponctuel + le texte en bas ) il y a un cadre avec un ombre qui entoure le tout.

Ma question c'est comment avoir un telle encadrement...

Merciiiiii

[Eddy.vh]

Re : avoir un cadre ombre

Bonsoir.
CSS3 et box-shadow.

<div class="ombre">
place ici le texte de la div
</div>

CSS :

.ombre {
box-shadow: 0 0 5px #E7E7E7;/*on définit une ombre portée horizontale et verticale 0, adoucissement de l'ombre 5 px et sa couleur*/
}

[kikouu]

Re : avoir un cadre ombre

Merci bcp c'est tout à fait ça...

[E-gang]

Re : avoir un cadre ombre

Je profite de cette discussion car j'aimerais ajouter une ombre au conteneur
Mais comme je suis super novice

J'ai trouvé un exemple

#yourwrapper{
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}

mais comme je suis novice j'aimerais savoir

où faut-il rajouter le code ( dans le template.css ?) ?

et quel endroit ?

et que mettre à la place de "yourwrapper" ?


merci !

[kikouu]

Re : avoir un cadre ombre

Alors étant novice aussi je vais te répondre avec mes simples connaissance :

- Il faut ajouter le code dans le template.css (si tu utilises un thème particulier, il faut l'ajouter dans la template du thème )
- tu peux ajouter le code dans n'importe quel endroit dans le fichier.
- et bien à la place de "yourwrapper" tu dois mettre le nom de ta classe css.