• 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 »