• Un encadré double

    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 

    « Avatars des derniers visiteurs carrésOmbre portée haut et bas de colonne »

  • Commentaires

    1
    Vendredi 3 Janvier 2014 à 09:20

    Coucou Manola,

    Enfin voici les fêtes terminées, alors je te souhaite une bonne et heureuse Année 2014..
    1000 bizouilles pour ta gentillesse tout au long de cette Année 2013..

    Amicalement Marinette

    2
    Jeudi 16 Janvier 2014 à 16:20

    Coucou Manola,

    Votre blog est très bien fait et utile.

    Je viens d'essayer de mettre une pluie d'étoiles dans un module simple, j'ai bien suivi votre explication, mais je n'y arrive pas .... 

    Faut-il aller aussi le mettre dans le CSS ? je suis un peu novice en la matière, excusez-moi ...

    Merci pour votre aide,

    Belle fin d'après-midi

    Amitiés,

    Giulia,

    3
    Jeudi 16 Janvier 2014 à 16:28

    Pour le code pluie d'étoile ce n'est pas du CSS mais du javascript , lui par contre ce colle dans la source html d'un module de la colonne , mais pour qu'il fonctionne le javascript dois être activé par la plate forme d'Eklablog .

    Petite question , ou a tu trouver ce code ?  parce que je n'ai pas de javascript sur mon blog . 

    4
    Jeudi 16 Janvier 2014 à 22:37

    Bonsoir Manola,

    Voilà, en fait je l'avais réussi, je viens de m'en apercevoir en ouvrant mon blog ...:)

    Voyant que ça ne fonctionnait pas, j'avais mis ton code et dans le html et dans le CSS.

    Et comme il me marquait une erreur dans le CSS , je l'ai enlevé, tout en le laissant dans le module simple .. et voilà je découvre que çà fonctionne .... SUPER !

    Je te remercie infiniment pour ton aide, ton blog est génial !

    Belle et douce soirée

    Amitiés

    Giulia,

    5
    Jeudi 29 Mai 2014 à 14:50

    smilemerci bonne journee

    6
    Vendredi 28 Novembre 2014 à 20:22

    Bonsoir Manola

    Je viens m'instruire un peu sur ton super blog

    je te remercie de nous expliquer si bien les choses

    Je te souhaite une bonne soirée et un bon et agréable week-end

    Gros bisous d'amitié

    Janine

    7
    Dimanche 18 Janvier 2015 à 17:44

    merci manola,,,

    8
    Dimanche 14 Février 2016 à 12:14

    je visite ton blog et tes astuces avec beaucoup de plaisir même si je ne suis pas encore apte à tout comprendre...

    un grand merci car grace à vous,mon nouveau blog prend vie doucement

    chouquette,avec mes amitiés

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :