-
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'approfondissementPour 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 : cadre, code, div, cum, quas
-
Commentaires
Bonjour , en fait j'aimerai savoir comment faire ça pour tout le contenu [Sauf les menus] de mon blog ...
Merciii ~
26KiwakiMardi 19 Mars 2013 à 21:36
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-c969350Amicalement. :)
24KiwakiLundi 18 Mars 2013 à 19:30Salut !! 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 :)
22Wonderland♛
Mercredi 2 Janvier 2013 à 18:33
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. :)
20Wonderland♛
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???
17Arachnid
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.
15xYosu
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?
14Dreamy Girl
Vendredi 30 Décembre 2011 à 18:41
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.
J'ai une question ( comment on y ajoute un titre et comment on peut y ajouter une image ? :)
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! ♥
Peut-être que ton texte n'etait pas assez long pour que la scrollbar apparaisse ?
Enfin, si ça marche tant mieux. ^^
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>4MoOodyDimanche 14 Août 2011 à 10:38Vous devez être connecté pour commenter
La sobriété est la marque de la qualité
Créer mon blog
J'utilise le code, merci beaucoup !