• Cadre avec scrollbar

    qu'est-ce que c'est ?

    Itaque tum Scaevola cum in eam ipsam mentionem incidisset, exposuit nobis sermonem Laeli de amicitia habitum ab illo secum et cum altero genero, C. Fannio Marci filio, paucis diebus post mortem Africani. Eius disputationis sententias memoriae mandavi, quas hoc libro exposui arbitratu meo; quasi enim ipsos induxi loquentes, ne 'inquam' et 'inquit' saepius interponeretur, atque ut tamquam a praesentibus coram haberi sermo videretur.

     

    comment faire ?

    Pour avoir le même genre de cadre que ci-dessus, il vous suffit d'insérer ce code dans la partie HTML de votre article et d'en remplir les valeurs.

    <div style="height: *px; width: **px;
    overflow-x: auto; overflow-y: auto;"
    >votre texte</div>

    *px : Remplacez * par la taille de la hauteur de votre cadre (en px = pixels)
    **px : Remplacez ** par la taille de la largeur de votre cadre (en px = pixels)


    un peu plus d'approfondissement

    Pour appliquer un fond (à répétition) dans le cadre

    <div style="background-image: url('urldelimage'); height: *px; width: **px;
    overflow-x: auto; overflow-y: auto;">votre texte</div>

    Tags Tags : , , , ,
  • Commentaires

    35
    Mardi 29 Décembre 2015 à 19:37

    J'utilise le code, merci beaucoup !

    34
    Samedi 14 Novembre 2015 à 13:06

    Bonjour , en fait j'aimerai savoir comment faire ça pour tout le contenu [Sauf les menus] de mon blog ...

    Merciii ~

    33
    Samedi 22 Novembre 2014 à 17:33

    Merci :3

    32
    Vendredi 11 Juillet 2014 à 15:33

    Merci pour le code ! ^.^

    31
    Dimanche 14 Avril 2013 à 15:25

    finalement, je m'en suis sortie ! ^^

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    30
    Dimanche 14 Avril 2013 à 14:01

    tout en bas de la page, dans la rubrique Partenaire !

    29
    Dimanche 14 Avril 2013 à 13:32

    Bonjour,
    que suis-je censée voir exactement ?
    Je ne vois pas de scrollbar sur ta page. :o

    28
    Dimanche 14 Avril 2013 à 11:52

    Moi parcontre sa bloque ! X( tu peux aller voir ? (graph-diver.eklablog.com)

    27
    Mardi 19 Mars 2013 à 21:42

    Aucun mal ! Tout le plaisir est pour moi ! ^^

    26
    Kiwaki
    Mardi 19 Mars 2013 à 21:36

    Oups , désoler de t'avoir embétée . Je n'ai pas assez chercher à mon avis . Mais merci .

    25
    Mardi 19 Mars 2013 à 20:37

    Bonjour !
    Ici, il est impossible de sortir l'image du cadre. Pour créer un cadre avec des news similaire à celui de mon accueil, il y a un tutoriel complet à cette adresse : http://portfolio.ek.la/le-mises-a-jour-de-la-page-d-accueil-c969350

    Amicalement. :)

    24
    Kiwaki
    Lundi 18 Mars 2013 à 19:30

    Salut !! Merci pour le tutos mais j'ai une question . J'aimerais mettre mon image hord du cadre . Es ce que c'est possible ? Comme dans la présentation de ton accueil pour voir les news . Merci :)

    23
    Mercredi 2 Janvier 2013 à 19:22

    Pas de problème alors. :)

    22
    Wonderland♛ Profil de Wonderland♛
    Mercredi 2 Janvier 2013 à 18:33

    Non c'est bon mercicomme meme je me suis débrouiller toute seul et je l'es regler!

    21
    Mercredi 2 Janvier 2013 à 18:30

    C'est étrange. Puis-je avoir le code HTML complet ? Peut-être qu'un espace s'est rajouté en dessous. Il faut que je vois s'il n'y pas quelque chose qui s'est incrusté dans le code. :)

    20
    Wonderland♛ Profil de Wonderland♛
    Mercredi 2 Janvier 2013 à 17:46

    Hum merci pour ceci mais j'ai un petit probleme avec mon cadre juste endessous du cadre j'ai un grand vide pourquoi???

    19
    Samedi 28 Avril 2012 à 08:55

    Comment on le mais au centre le cadre scrollbar ? °.°

    18
    Mardi 10 Avril 2012 à 18:43

    T'as mit un texte latin xD

    Je ne vais pas essayer de le traduire, j'ai la flemme

    17
    Arachnid Profil de Arachnid
    Samedi 25 Février 2012 à 14:40

    J'aime beaucoup le principe :) 

    D'ailleurs le texte présent dans le cadre est en latin, je l'ai étudié en cours, ça fait tout bizarre. 

    16
    Vendredi 13 Janvier 2012 à 20:36

    Merci.C'est un tuto qui me sert beaucoup

    15
    xYosu Profil de xYosu
    Samedi 31 Décembre 2011 à 21:09

    Bonjour, j'aurais une question est ce qu'il serait possible de mettre à la place de l'image de fond juste une couleur pour le fond?

    14
    Dreamy Girl Profil de Dreamy Girl
    Vendredi 30 Décembre 2011 à 18:41

    Merci merci merci merci !

    13
    Samedi 3 Décembre 2011 à 15:53

    Merci du Partage ^^

    Question HS :

    Pourquoi tu met  du Latin dans tes exemple XD ???

    12
    Mardi 1er Novembre 2011 à 19:16

    Je ne vois pas ce que tu veux dire par "Ajouter un titre" mais pour l'image, c'est une variante. L'image doit juste ne pas se répéter, il faut donc ce code :

    <div style="background-image: url('urldelimage') no-repeat; height: *px; width: **px;
    overflow-x: auto; overflow-y: auto;">VOTRE TEXTE</div>

    * et ** a remplacer par des chiffres.

     

    11
    Mardi 1er Novembre 2011 à 19:04

    J'ai une question ( comment on y ajoute un titre et comment on peut y ajouter une image ? :)

    10
    Dimanche 9 Octobre 2011 à 14:51

    Peut-être...?

    En tout cas, je te remercie vraimnt de tous tes tuto's, il y a pleins de trucs que je cherchais depuis longtemps! Grâce à toi, je vais pouvoir améliorer mon blog! ♥

    9
    Dimanche 9 Octobre 2011 à 14:42

    Peut-être que ton texte n'etait pas assez long pour que la scrollbar apparaisse ?
    Enfin, si ça marche tant mieux. ^^

    8
    Dimanche 9 Octobre 2011 à 14:36

    Ah, ça va mieux, merci! ô/

    Bizarre, j'avais mis la même chose, pourtant...

    7
    Dimanche 9 Octobre 2011 à 14:23

    Essaie de copier le code de l'exemple dans ton HTML pour voir, le voici :

    <div style="height: 100px; width: 300px; overflow-x: auto; overflow-y: auto;">Itaque tum Scaevola cum in eam ipsam mentionem incidisset, exposuit nobis sermonem Laeli de amicitia habitum ab illo secum et cum altero genero, C. Fannio Marci filio, paucis diebus post mortem Africani. Eius disputationis sententias memoriae mandavi, quas hoc libro exposui arbitratu meo; quasi enim ipsos induxi loquentes, ne 'inquam' et 'inquit' saepius interponeretur, atque ut tamquam a praesentibus coram haberi sermo videretur.</div>

    6
    Samedi 8 Octobre 2011 à 21:20

    Argh, j'y arrive pas, je fais tout bien, mais ce *censuration* d'EklaBlog veut pâââs!

    5
    Mercredi 5 Octobre 2011 à 13:33

    Merci ♥

    *Purée, 50 ans que je cherche ce machin*

    4
    MoOody
    Dimanche 14 Août 2011 à 10:38

    Thank you

    3
    Samedi 13 Août 2011 à 18:10

    De riiiiiien ! x'D

    2
    Vendredi 12 Août 2011 à 19:41

    MERCIIIII

    1
    Vendredi 12 Août 2011 à 14:30

    Merci beaucoup !

    Sa va beaucoup me servir !

    Vous devez être connecté pour commenter