Affichage des résultats 1 à 5 sur 5

Discussion: avoir un cadre ombre

  1. #1
    Membre régulier
    Date d'inscription
    mai 2008
    Messages
    120
    Remerciements
    5
    Remercié 0 fois
    dans 0 messages

    Red face avoir un cadre ombre

    Salut à tous,

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

    https://dons.actioncontrelafaim.org/...77=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

  2. #2
    Membre régulier
    Date d'inscription
    février 2012
    Localisation
    Allemagne
    Messages
    353
    Remerciements
    6
    Remercié 23 fois
    dans 22 messages

    Par défaut Re : avoir un cadre ombre

    Bonsoir.
    CSS3 et box-shadow.


    Code HTML:
    <div class="ombre">
    place ici le texte de la div
    </div>
    CSS :
    Code:
    .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*/
    }

  3. #3
    Membre régulier
    Date d'inscription
    mai 2008
    Messages
    120
    Remerciements
    5
    Remercié 0 fois
    dans 0 messages

    Par défaut Re : avoir un cadre ombre

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

  4. #4
    Jeune membre
    Date d'inscription
    février 2012
    Messages
    1
    Remerciements
    0
    Remercié 0 fois
    dans 0 messages

    Par défaut 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 !

  5. #5
    Membre régulier
    Date d'inscription
    mai 2008
    Messages
    120
    Remerciements
    5
    Remercié 0 fois
    dans 0 messages

    Par défaut 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.

Discussions similaires

  1. [RÉGLÉ] Grossir l'ombre d'un template
    Par skygirl dans le forum Gestion des templates, design et CSS
    Réponses: 12
    Dernier message: 23/12/2011, 10h14
  2. Texte ombré
    Par ktib dans le forum Questions générales
    Réponses: 1
    Dernier message: 24/12/2008, 08h24
  3. ombre
    Par bapt08 dans le forum Gestion des templates, design et CSS
    Réponses: 7
    Dernier message: 15/10/2008, 19h55
  4. ombre????
    Par bill_77 dans le forum Gestion des templates, design et CSS
    Réponses: 0
    Dernier message: 15/12/2007, 11h08
  5. [RÉGLÉ] Ombre menu JA Transmenu
    Par pat33 dans le forum Gestion des menus
    Réponses: 1
    Dernier message: 09/03/2007, 17h36

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •