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

    Un encadré double 

    exemple

    Un encadré double

     

     Code HTML 

    <fieldset style="width: Xpx;"><fieldset style="height: Xpx;"><legend>TITRE</legend>Ecrire ICI</fieldset></fieldset>

    collez le code dans le html

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

    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 code

     

     CODE CSSfieldset border-radius15px 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

    *

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


  •  

    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 


  • Attention ceci est un code HTML

     

    Menu déroulant avec barre de défilement 

    *

    Vous pouvez l'utiliser pour vos liens comme dans ma colonne  ,pour vos codes ,

    ou pour les petites bannières de vos ami(e)s

    exemple

     

    Ecrire ici

     

     

     

     

     

     

     

     

     

     

     

     

    CODE HTML

    <div style="padding-left: 110px; padding-right: 110px;"><div style="overflow-x; auto; overflow-y: auto; height: 200px; width: 625px; background-color: #xxxxxx; text-align: center; border-width: 2px; border-color: #c48a10; border-style: groove; padding: 5px;">

    <p style="text-align: center; margin: 0px;"><span style="color: #e0e0e0;"><strong>Ecrire ici</strong></span></p>

    <p style="text-align: center; margin: 0px;"><span style="color: #e0e0e0;"><strong>&nbsp;</strong></span></p>

    <ul style="list-style-type: none; padding: 0px; margin: 0px;">

    <li><span style="color: #e0e0e0;"><strong><span style="text-decoration: initial;"><strong style="color: #e0e0e0; text-decoration: initial;">

    </ul>

    </div>

    <p>&nbsp;</p>

     Vous pouvez changer dans le code 

    = Pour Centré votre menu

    = La hauteur 

    = la largeur

    = la couleur de fond  " avec #xxxxxx le fond reste transparent"

    = la couleur du cadre

    = la couleur du texte

     

     

    INFO / La barre de défilement du coté  apparaitra après , quand vous aurez écrit plusieurs phrases ou collé plusieurs bannières  à l'intérieur du cadre 

    *

    Coller le code à l'emplacement HTML

    *

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

    ---

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

    c'est là qui faut coller le code .

     

    capture

     





    Suivre le flux RSS des articles de cette rubrique