• Encadré

     

    Voici un encadré simple et facile à poser

    Vous pouvez l'utiliser pour encadrer vos textes , vos codes ou vos images

    exemple 

    Encadré

    Ceci est un code HTML a coller dans le html !!  

     

    oui le bouton html à changer , maintenant  c'est le code source , regarde la capture

     

    c'est là qui faut coller le code .

     

     

     

    capture

     

     Code HTML 

    <fieldset style="width: Xpx;"><legend>Le code</legend>Ecrire ICI</fieldset>

    Vous pouvez changer dans le code ce qui est en rouge par un autre mot de votre choix , ne rien changer d'autre !  pour que  le cadre soit bien centré ,

    vous pouvez également placer dans le css un petit code avec des marges extérieures pour que l'encadré ne soit pas trop pres des bords 

    Voici le code 

     CODE CSSfieldset margin40px 40px;}

    Vous pouvez changer le nombre pour les marges ce qui est en rouge dans le code .

    *******************

    Pour changer la couleur du cadre ,  il faut également un code css .

     

     CODE CSS fieldset {border-color:#bc9739;}

     

    Pour modifier  la couleur changez ce qui est en rouge dans le code.

    ***************

    Pareil pour avoir les coins arrondis 

    voici le dode

     

     CODE CSSfieldset border-radius:15px 15px 15px 15px;}

     

    Vous pouvez changer le nombre de px "pixels " pour les coins "le rouge dans le code"

    le premier chiffre = H gauche - le 2em chiffre = h droite

    le 3em chiffre = B droite - le 4em chiffre = B gauche 

    INFO : Ce code pour les coins arrondis ne fonctionne

    pas avec internet explorer

    *

    pour une ombre portée noir

    exemple

    Encadré

     

    Code CSS

    fieldset { box-shadow: 2px 2px 20px #000000;}

    Vous pouvez modifier le code de couleur ici

    regardez la capture suivante (d'office elle est noire)

    Encadré

    et ici vous pouvez modifier l'intencité de l'ombre 

    le dernier chiffre est le flou de l'ombre

    Encadré

    Coller les quatre derniers codes à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 

    « Menu déroulant Ombre portée sur toutes vos fenêtres »

  • Commentaires

    1
    Mercredi 22 Mai 2013 à 18:35

    J,ai placé ta bannière dans mon Blog ..merci!!!

    2
    Mercredi 22 Mai 2013 à 23:07

    Un tout grand merci ma grande , tu est adorable !! bisousssssss

    3
    Dimanche 30 Juin 2013 à 22:20

    Bonsoir Maniola  j'ai aussi placé ta bannière dans mon Blog.

    Je n'étais pas au courant que l'on pouvait faire de magnifiques blogs il fallait que je rentre chez toi pour voir toutes c'est merveille que tu offres ...

    Merci de tout coeur ma douce Maniola pour ton commentaire qui a réchauffer mon coeur.

    Merci pour tout ce que tu nous apportes par contre, j'ai un gros gros bisous pour toi...

    Je te souhaite une bonne soirée.

    4
    Jeudi 28 Novembre 2013 à 10:39

    Merci Manola pour ton aide

    J'ai aussi placé  té banière dans mon blog

    Bonne journée

    Bisous

     

    5
    Lundi 9 Décembre 2013 à 16:43

    Merci Manola, je vais essayer 1 code......... Quelle mine d'or ici..Merci

    6
    Dimanche 26 Janvier 2014 à 17:53

    Super merci beaucoup cela va m'aider pour mon second blog bisous bonne soirée

    Geny

    7
    Samedi 1er Mars 2014 à 23:53

    Bonsoir, je voulais utiliser ce code mais le cadre n'est pas centré du tout, et le mot "code" de ton exemple reste aussi sur la gauche du cadre. Je n'ai rien changé au code et  j'ai testé de plusieurs façons mais...il y a surement un truc qui m'échappe, peux-tu m'éclairer stp?

    8
    Samedi 8 Mars 2014 à 10:54

    Bonjour,  ton blog est super, merci pour ton aide, mais pour moi c'est un peu compliqué je vais quand même essayer sur mon aure blog. A bientôt je repasse te voir. Bonne journée.

    9
    Vendredi 12 Septembre 2014 à 15:15

    Merci beaucoup pour ce partage pour nous permettre d'embellir notre blog....

    Bisous

    10
    Dimanche 30 Novembre 2014 à 18:20

    Superbe en vert, merci pour le partage.

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :