[TUTORIEL] personnaliser vos publications en css/html : Lettrine et interlignes
[TUTORIEL] personnaliser vos publications en css/html : Lettrine et interlignes
Vous trouverez ici quelques codes vous permettant de personnaliser vos publications.
TAILLE INTERLIGNE :
ce code permet d'augmenter l'espacement entre les lignes.
code à mettre en haut de la publications
- Code:
<style>.interligne { line-height : 25px }</style>
code pour baliser le texte sur lequel l'appliquer
- Code:
<span class="interligne"> votre texte ici </span>
- exemple:
Par défaut :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce convallis, massa nec dignissim rhoncus, diam justo pellentesque nulla, eget tincidunt neque diam at enim. Vivamus non odio a massa mollis rhoncus eget ac diam. Etiam at urna id nulla viverra ultricies. Suspendisse velit erat, maximus ac imperdiet vitae, egestas at enim.
Maecenas felis urna, ultricies id mollis non, aliquam et turpis. Etiam ut sem bibendum diam sodales varius. Sed ornare blandit scelerisque. Pellentesque eget condimentum orci. Ut aliquam sapien elit, id tincidunt odio iaculis at. Maecenas viverra libero mauris, vitae sodales purus vulputate in. Vestibulum pharetra tortor augue, eget gravida velit imperdiet vitae. Curabitur sed dignissim purus. Praesent porttitor nunc a commodo commodo. Mauris justo erat, volutpat ac ex eget, hendrerit rutrum magna.
Integer aliquet felis venenatis mi rutrum aliquam in a lacus. Aenean id ex nunc. Nullam non orci id nibh vehicula congue non vitae dui. Sed facilisis eros vel auctor interdum. Aenean vitae bibendum mauris. Nam tempor massa ut metus mollis, vel pretium odio facilisis. Sed quis magna blandit, dictum justo eget, venenatis metus. Integer ac odio quis enim rutrum rhoncus sed quis erat. Pellentesque sit amet tellus vitae ipsum mattis commodo. Vestibulum rhoncus quam bibendum, dapibus dui eu, bibendum enim. Nullam vel lacus at tortor blandit condimentum
Avec interligne
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce convallis, massa nec dignissim rhoncus, diam justo pellentesque nulla, eget tincidunt neque diam at enim. Vivamus non odio a massa mollis rhoncus eget ac diam. Etiam at urna id nulla viverra ultricies. Suspendisse velit erat, maximus ac imperdiet vitae, egestas at enim.
Maecenas felis urna, ultricies id mollis non, aliquam et turpis. Etiam ut sem bibendum diam sodales varius. Sed ornare blandit scelerisque. Pellentesque eget condimentum orci. Ut aliquam sapien elit, id tincidunt odio iaculis at. Maecenas viverra libero mauris, vitae sodales purus vulputate in. Vestibulum pharetra tortor augue, eget gravida velit imperdiet vitae. Curabitur sed dignissim purus. Praesent porttitor nunc a commodo commodo. Mauris justo erat, volutpat ac ex eget, hendrerit rutrum magna.
Integer aliquet felis venenatis mi rutrum aliquam in a lacus. Aenean id ex nunc. Nullam non orci id nibh vehicula congue non vitae dui. Sed facilisis eros vel auctor interdum. Aenean vitae bibendum mauris. Nam tempor massa ut metus mollis, vel pretium odio facilisis. Sed quis magna blandit, dictum justo eget, venenatis metus. Integer ac odio quis enim rutrum rhoncus sed quis erat. Pellentesque sit amet tellus vitae ipsum mattis commodo. Vestibulum rhoncus quam bibendum, dapibus dui eu, bibendum enim. Nullam vel lacus at tortor blandit condimentum.
LETTRINE
code à mettre en haut de la publications avant votre texte.
- Code:
<style>.lettrine {font-size: 1em !important;}.lettrine:first-letter {font-family:'Cormorant sc'; font-size: 5em ; float : left ; padding :1%;}</style>
code pour baliser le texte sur lequel l'appliquer
- Code:
<p class="lettrine"> texte </p>
- exemple :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce convallis, massa nec dignissim rhoncus, diam justo pellentesque nulla, eget tincidunt neque diam at enim. Vivamus non odio a massa mollis rhoncus eget ac diam. Etiam at urna id nulla viverra ultricies. Suspendisse velit erat, maximus ac imperdiet vitae, egestas at enim.
Maecenas felis urna, ultricies id mollis non, aliquam et turpis. Etiam ut sem bibendum diam sodales varius. Sed ornare blandit scelerisque. Pellentesque eget condimentum orci. Ut aliquam sapien elit, id tincidunt odio iaculis at. Maecenas viverra libero mauris, vitae sodales purus vulputate in. Vestibulum pharetra tortor augue, eget gravida velit imperdiet vitae. Curabitur sed dignissim purus. Praesent porttitor nunc a commodo commodo. Mauris justo erat, volutpat ac ex eget, hendrerit rutrum magna.
Integer aliquet felis venenatis mi rutrum aliquam in a lacus. Aenean id ex nunc. Nullam non orci id nibh vehicula congue non vitae dui. Sed facilisis eros vel auctor interdum. Aenean vitae bibendum mauris. Nam tempor massa ut metus mollis, vel pretium odio facilisis. Sed quis magna blandit, dictum justo eget, venenatis metus. Integer ac odio quis enim rutrum rhoncus sed quis erat. Pellentesque sit amet tellus vitae ipsum mattis commodo. Vestibulum rhoncus quam bibendum, dapibus dui eu, bibendum enim. Nullam vel lacus at tortor blandit condimentum.
» [Tutoriel] Utiliser la barre d'outil du forum - Comprendre les balises BBcodes
» [Tutoriel] Mettre correctement un lien sur le forum
» [Tutoriel] Héberger et poster une image sur le forum
» [Tutoriel] Macro Word pour formater en BBCode