• Encadré simple

    Voici un encadré sympa et simplissime à réaliser

    Un titreEt du blablablbalbla.... Ou bien des images, ou autre ;)
    On peu mettre un paquet de chose la dedans... Et avouez que ça rend bien ^^ 


    Sans plus attendre, voici le code:

    <fieldset style="width: Xpx;"><legend>TITRE</legend>CONTENU</fieldset>

    fieldset, c'est l'encadré. Si vous voulez changer sa largeur, modifiez le Xpx
    legend, c'est ce qui permet de faire une coupure dans l'encadré pour mettre un titre


  • Commentaires

    1
    Dimanche 25 Décembre 2011 à 11:47

    Joyeux Nowel ^o^

    2
    Dimanche 25 Décembre 2011 à 11:48

    Joyeux noel =D

    3
    Lundi 26 Décembre 2011 à 22:39

    Han ça, c'est super kikoo *-*

    4
    IlLouminati Profil de IlLouminati
    Mardi 3 Janvier 2012 à 15:43

    twop bien !

    5
    Mercredi 4 Janvier 2012 à 15:47

    J'utilisais sur mon premier blog d'astuces sur un jeu et je n'ai jamais pensé à faire un tuto sur ça sur mon blog.
    Merci pour le tuto ;P

    6
    Mél-Saintemillion Profil de Mél-Saintemillion
    Mardi 10 Janvier 2012 à 17:22

    Merci beaucoup ^^

    7
    Dimanche 19 Février 2012 à 11:00

    Cro beau  *^*

    C'est possible de changer la couleur de l'encadré *___*?

    8
    Dimanche 19 Février 2012 à 13:46

    Bien sur ;)

    Dans le css:

    fieldset {propriété: valeur;}

    9
    Vendredi 24 Février 2012 à 10:53

    Merci ^^ Mais comment on fait pour le positionner au milieu?

    10
    Samedi 12 Mai 2012 à 16:28

    Merci^^ je cherchais justement quelque chose dans ce genre^^

    11
    xX Ezreal Xx Profil de xX Ezreal Xx
    Lundi 25 Juin 2012 à 20:19

    merci !

    12
    Kotsuki Saito Profil de Kotsuki Saito
    Samedi 7 Juillet 2012 à 17:51

    C'est très pratique! Merchii! ^^

    13
    Shuchu Profil de Shuchu
    Mercredi 18 Juillet 2012 à 10:26

    Merci beaucoup (:

    14
    robin20
    Mercredi 29 Août 2012 à 18:05

    Merci!

    15
    La Gentille Rebelle Profil de La Gentille Rebelle
    Jeudi 4 Octobre 2012 à 15:07

    merci pour ce code, super ton site !!!

    16
    Vendredi 2 Novembre 2012 à 10:44

    merci beaucoup♥!

    17
    Lundi 5 Novembre 2012 à 16:58

    Moi tout apparait (images, écritures ...) sauf l'encadré (traits autour de la zone) !

    Pourquoi ??

    18
    Mobekima
    Lundi 3 Décembre 2012 à 20:59

    comment fait on pour mettre le cadre aligner au centre ou à droite ?

    19
    Mardi 1er Janvier 2013 à 00:13
    je suis toujours aussi fan de tes re9as,je lasise pas toujours de commentaires car tu es trop productive pour mon emploi du temps hihih bises pounette
    20
    Jeudi 14 Février 2013 à 18:07

    Je voudrais bien savoir comment le placer au milieu, vous pouvez m'aider ?

    21
    Miss K² Profil de Miss K²
    Mardi 28 Mai 2013 à 16:45

    Peut-on mettre deux encadrés simple côte à côte ??

    22
    Jeudi 11 Juillet 2013 à 10:29

    mais il est possible de changer la couleur du cadre ou pas ? 

    23
    Shuchu Profil de Shuchu
    Jeudi 11 Juillet 2013 à 10:38
    http://data0.eklablog.net/fanstasy-graph/perso/halloween/parment.png'); margin-top: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; box-shadow: #ffe0af 0px 0px 15px, black 0px 0px 5px inset; font-size: 13px;">

    fieldset {propriété: valeur;}

     

     
    24
    Jeudi 11 Juillet 2013 à 10:40

    merci :)

    25
    Shuchu Profil de Shuchu
    Jeudi 11 Juillet 2013 à 10:41

    De rien /o.

    26
    Amu-love Profil de Amu-love
    Lundi 5 Août 2013 à 15:37

    Je le prendrai quand je serai de retour sur Ekla car demain je partirai à Paris

    27
    Lundi 10 Février 2014 à 15:40

    Comment fait-on pour mettre deux encadrés simples côte à côte ?

    28
    Lundi 10 Février 2014 à 17:37

    Essaie de rajouter "float : left;" dans l'attribut style.

    29
    Mardi 11 Février 2014 à 08:14

    Merci :) Encore une question, désolée (je n'en finit pas de te demander des trucs) : c'est possible de changer la couleur de chaque encadré séparément (par exemple si j'en veut un orange et un rouge côte à côte) ?

    Edit : J'ai essayé de rajouter "float: left" mais ça ne marche pas.

    30
    Mardi 11 Février 2014 à 09:32

    L'attribut style permet de changer un élément dans le html de la même façon qu'en css ;)

    Si tu veux donner un style précis à tous tes encadré, tu peux le faire en css grace au sélecteur fieldset.

    Si tu veux les modifier séparément, reste dans l'attribut style et ajoute des propriété. Pour reprendre ton exemple, ça donnerais :

    <fieldset style="width: Xpx; float : left; border : Xpx solid #COULEUR"><legend>TITRE</legend>CONTENU</fieldset>
    <fieldset style="width: Xpx; float : left; border : Xpx solid #COULEUR"><legend>TITRE</legend>CONTENU</fieldset>

    31
    Mardi 11 Février 2014 à 20:00

    Super, un immense merci pour ce tuto :)

    32
    Samedi 5 Avril 2014 à 12:04

    Merci pour ce code  ! :)

    33
    Mercredi 9 Avril 2014 à 19:41

    Merci beaucoup pour ce code ! -^_^-

    34
    Samedi 30 Août 2014 à 18:53

    Merci pour ce code, j'en prends!

    35
    Mercredi 29 Octobre 2014 à 04:26

    Avec la mise à jour d'Eklablog, ça ne fait plus un encadré cry

    36
    Mercredi 29 Octobre 2014 à 15:20

    Ah oui tiens o: ! Ca fait bizarre, beaucoup d'autre code sont devenus invalides à cause de la MAJ vous croyez ?

    37
    Mercredi 29 Octobre 2014 à 15:43

    Oui c'est vrai

    38
    depassage
    Jeudi 30 Octobre 2014 à 09:36
    Sur portable l'encadré est toujours là.
    39
    Dimanche 24 Janvier 2016 à 11:42

    Mercii ! ^^ ça n'encadre peut-être plus, mais ça fait un très beau rendu ^^

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :