avoir un cadre ombre

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] avoir un cadre ombre

    Salut à tous,

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



    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
    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*/
    }
    Cordialement.
    __
    Eddy !!!
    Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

    Commentaire


    • #3
      Re : avoir un cadre ombre

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

      Commentaire


      • #4
        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 !

        Commentaire


        • #5
          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.

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X