1. Mettre du texte dans un ascenseur (Scrollbar)
Pour ne pas que votre article soit trop long, il peut être utile de placer une partie du texte dans un ascenseur, comme ci-dessus.
1.1 Code HTML
Le plus simple est de commencer par taper son texte "normalement", en édition basique, de choisir sa police, sa taille, sa couleur....
Une fois que votre texte est prêt, passer en mode HTML(Bouton HTML à gauche dans le menu de l'édition avancée sur Overblog).
Avant votre texte, ajouter :
<div style="height: 250px; width: 650px; overflow: auto;">
et après votre texte :
</div>
1.2 Paramétrages
Height représente la hauteur de votre ascenseur.
Width représente la largeur de l'ascenseur
Attention : votre ascenseur n'apparaîtra que si le texte à l'intérieur "dépasse" de la taille définie.
1.3 Modifications ultérieures du texte.
Si vous avez besoin de corriger votre texte après l'avoir mis dans un ascenseur, il vous faut faire un Clic-droit pour retourner en mode édition et faire les modifications souihaitées. C'est un peu long et il est donc conseillé de corriger et mettre en forme le texte AVANT l'insertion dans l'ascenseur.
2. Exemple complet de code pour un texte dans un ascenseur
L'ascenseur en haut de cet article a le code suivant :
<span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 10pt;"><strong>
<div style="text-align: center;">
<div style="width: 300px; height: 50px; overflow: auto;">
<div style="text-align: left;"><span style="color: #ff6600;">Pour éviter d'avoir des articles trop longs, il peut être utile de mettre certaines informations dans des ascenseurs. Le texte à mettre dans l'ascenseur doit être entouré d'un code HTML ; lire cet article pour savoir comment faire</span></div>
Si vous avez besoin d'explications supplémentaires, déposez moi votre question en commentaire !
![]() |
![]() |
![]() ![]() |
![]() |