Test de mise en page
La variable {USERNAME} : Invité
Tag d'un utilisateur : @Admin
Test titre <h1>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sit, officiis debitis corporis maiores inventore dolore, ipsum blanditiis dolorem atque, animi enim temporibus doloremque eligendi.
Test titre <h2>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sit, officiis debitis corporis maiores inventore dolore, ipsum blanditiis dolorem atque, animi enim temporibus doloremque eligendi.
Test titre <h3>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sit, officiis debitis corporis maiores inventore dolore, ipsum blanditiis dolorem atque, animi enim temporibus doloremque eligendi.
Test titre <h4>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sit, officiis debitis corporis maiores inventore dolore, ipsum blanditiis dolorem atque, animi enim temporibus doloremque eligendi.
Test titre <h5>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sit, officiis debitis corporis maiores inventore dolore, ipsum blanditiis dolorem atque, animi enim temporibus doloremque eligendi.
Test titre <h6>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sit, officiis debitis corporis maiores inventore dolore, ipsum blanditiis dolorem atque, animi enim temporibus doloremque eligendi.
Test titre h2 (en bbcode!)
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sit, officiis debitis corporis maiores inventore dolore, ipsum blanditiis dolorem atque, animi enim temporibus doloremque eligendi.Test titre h3 (en bbcode)
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sit, officiis debitis corporis maiores inventore dolore, ipsum blanditiis dolorem atque, animi enim temporibus doloremque eligendi.Test titre h4 (en bbcode)
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sit, officiis debitis corporis maiores inventore dolore, ipsum blanditiis dolorem atque, animi enim temporibus doloremque eligendi.Test de la balise <code> :
<div class="maClasse">du texte</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque <div class="maClasse">du texte</div>
ipsum nisl, consequat sit amet <code>
convallis non, scelerisque laoreet urna. Cras id nisl sed ante consectetur cursus at ut nisl. Praesent ac justo auctor mi tempor tempus. Vestibulum in commodo nulla. Fusce sed dignissim ipsum. Curabitur feugiat velit eget arcu ornare vehicula. Curabitur consectetur dui vel nisi suscipit eu consectetur lorem malesuada.Test des blocs de citation, code, spoiler et hide
BBCode quote (citation)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ipsum nisl, consequat sit amet convallis non, scelerisque laoreet urna. Cras id nisl sed ante consectetur cursus at ut nisl. Praesent ac justo auctor mi tempor tempus. Vestibulum in commodo nulla. Fusce sed dignissim ipsum. Curabitur feugiat velit eget arcu ornare vehicula. Curabitur consectetur dui vel nisi suscipit eu consectetur lorem malesuada.
Admin a écrit:Avec le pseudo ? Cras posuere tellus ac sapien semper in lacinia mauris lobortis. Nulla eleifend mi non arcu lobortis id laoreet neque sagittis. Maecenas sapien massa, vestibulum quis vulputate eget, porttitor sed lorem. Duis sagittis consectetur leo, sit amet sollicitudin nunc dictum eu.
BBCode code
- Code:
#wrap {
width:1000px;
padding-left:0;
padding-right:0;
}
pre code.hljs {
display: block;
}
code.hljs {
display: inline;
}
- Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi nobis, inventore provident quo debitis illum? Sequi beatae alias aliquam, vel eveniet delectus ullam reiciendis cupiditate, ab perspiciatis voluptatibus adipisci cumque provident consequatur illo omnis possimus repellendus nemo iure quidem iusto? Ut deserunt aliquid odit commodi exercitationem, aut animi tenetur dolore.</p>
<p>Debitis excepturi, iure quis optio veniam et! Explicabo assumenda voluptatem maxime adipisci error esse. Minus, corporis quasi blanditiis reiciendis accusamus quas odit itaque optio eum sunt temporibus amet soluta porro maiores ut aperiam a dignissimos id harum tempora? Quod nisi reprehenderit quia molestiae atque quas nostrum itaque dolorum! Recusandae, veritatis?</p>
</body>
</html>
BBCode spoiler
- Spoiler:
→ Testons la balise html de code :<div class="maClasse">du texte</div>
→ Et la balise bbcode pour le code :
- Code:
#wrap {
width:1000px;
padding-left:0;
padding-right:0;
}
→ Et une citation :
Une QuoteAdmin a écrit:Une Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ipsum nisl, consequat sit amet convallis non, scelerisque laoreet urna. Cras id nisl sed ante consectetur cursus at ut nisl. Praesent ac justo auctor mi tempor tempus. Vestibulum in commodo nulla. Fusce sed dignissim ipsum. Curabitur feugiat velit eget arcu ornare vehicula. Curabitur consectetur dui vel nisi suscipit eu consectetur lorem malesuada. Cras posuere tellus ac sapien semper in lacinia mauris lobortis. Nulla eleifend mi non arcu lobortis id laoreet neque sagittis. Maecenas sapien massa, vestibulum quis vulputate eget, porttitor sed lorem. Duis sagittis consectetur leo, sit amet sollicitudin nunc dictum eu.
- Avec un titre:
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ipsum nisl, consequat sit amet convallis non, scelerisque laoreet urna. Cras id nisl sed ante consectetur cursus at ut nisl. Praesent ac justo auctor mi tempor tempus. Vestibulum in commodo nulla. Fusce sed dignissim ipsum. Curabitur feugiat velit eget arcu ornare vehicula. Curabitur consectetur dui vel nisi suscipit eu consectetur lorem malesuada. Cras posuere tellus ac sapien semper in lacinia mauris lobortis. Nulla eleifend mi non arcu lobortis id laoreet neque sagittis. Maecenas sapien massa, vestibulum quis vulputate eget, porttitor sed lorem. Duis sagittis consectetur leo, sit amet sollicitudin nunc dictum eu.
BBCode hide
- Code:
[hide]contenu caché[/hide]
Test mise en forme du texte
- Gras
- Italique
- Souligné
Barré- Coloré
- Grand
- Petit
- Police d'écriture
- Un lien
- @Admin
- #Tag
- Texte en indice et en exposant
Texte aligné à gauche
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quae sapiente odio? Ea illum unde, dolorum quibusdam odit consequuntur neque? Hic quos excepturi nihil natus.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus quasi, ratione ea sed minima, nesciunt voluptates, voluptas error magnam nostrum expedita? Necessitatibus enim praesentium nihil ullam natus, consequuntur explicabo, officia voluptates tempora eaque sequi alias hic dolores fugit reiciendis quae error deserunt temporibus nulla molestias facere corrupti! Quos, et minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quae sapiente odio? Ea illum unde, dolorum quibusdam odit consequuntur neque? Hic quos excepturi nihil natus.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus quasi, ratione ea sed minima, nesciunt voluptates, voluptas error magnam nostrum expedita? Necessitatibus enim praesentium nihil ullam natus, consequuntur explicabo, officia voluptates tempora eaque sequi alias hic dolores fugit reiciendis quae error deserunt temporibus nulla molestias facere corrupti! Quos, et minima.
Texte Centré :
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quae sapiente odio? Ea illum unde, dolorum quibusdam odit consequuntur neque? Hic quos excepturi nihil natus.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus quasi, ratione ea sed minima, nesciunt voluptates, voluptas error magnam nostrum expedita? Necessitatibus enim praesentium nihil ullam natus, consequuntur explicabo, officia voluptates tempora eaque sequi alias hic dolores fugit reiciendis quae error deserunt temporibus nulla molestias facere corrupti! Quos, et minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quae sapiente odio? Ea illum unde, dolorum quibusdam odit consequuntur neque? Hic quos excepturi nihil natus.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus quasi, ratione ea sed minima, nesciunt voluptates, voluptas error magnam nostrum expedita? Necessitatibus enim praesentium nihil ullam natus, consequuntur explicabo, officia voluptates tempora eaque sequi alias hic dolores fugit reiciendis quae error deserunt temporibus nulla molestias facere corrupti! Quos, et minima.
Texte aligné à droite :
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quae sapiente odio? Ea illum unde, dolorum quibusdam odit consequuntur neque? Hic quos excepturi nihil natus.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus quasi, ratione ea sed minima, nesciunt voluptates, voluptas error magnam nostrum expedita? Necessitatibus enim praesentium nihil ullam natus, consequuntur explicabo, officia voluptates tempora eaque sequi alias hic dolores fugit reiciendis quae error deserunt temporibus nulla molestias facere corrupti! Quos, et minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quae sapiente odio? Ea illum unde, dolorum quibusdam odit consequuntur neque? Hic quos excepturi nihil natus.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus quasi, ratione ea sed minima, nesciunt voluptates, voluptas error magnam nostrum expedita? Necessitatibus enim praesentium nihil ullam natus, consequuntur explicabo, officia voluptates tempora eaque sequi alias hic dolores fugit reiciendis quae error deserunt temporibus nulla molestias facere corrupti! Quos, et minima.
Texte Justifié :
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quae sapiente odio? Ea illum unde, dolorum quibusdam odit consequuntur neque? Hic quos excepturi nihil natus.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus quasi, ratione ea sed minima, nesciunt voluptates, voluptas error magnam nostrum expedita? Necessitatibus enim praesentium nihil ullam natus, consequuntur explicabo, officia voluptates tempora eaque sequi alias hic dolores fugit reiciendis quae error deserunt temporibus nulla molestias facere corrupti! Quos, et minima.
Une image (merci Picsum)Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quae sapiente odio? Ea illum unde, dolorum quibusdam odit consequuntur neque? Hic quos excepturi nihil natus.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus quasi, ratione ea sed minima, nesciunt voluptates, voluptas error magnam nostrum expedita? Necessitatibus enim praesentium nihil ullam natus, consequuntur explicabo, officia voluptates tempora eaque sequi alias hic dolores fugit reiciendis quae error deserunt temporibus nulla molestias facere corrupti! Quos, et minima.
Les listes
Liste normale
- Un item
- Un autre item
- Et un dernier pour la route.
Liste numérotée
- Un item
- Un autre item
- Et un dernier pour la route.
Liste alphanumérique
- Un item
- Un autre item
- Et un dernier pour la route.
Autres trucs
Balise hr
Normalement il y a un trait après ce texte.
Normalement, il y a un trait avant ce texte.