Cette page présente un certain nombre des possibilité typographie et de mise en page que votre site internet réalisé par UnEspace peut contenir. Augmentez la satisfaction des visiteur avec une typographie forte et une mise en page efficace. Nous pouvons également vous créer votre propre feuille de style personnalisé. Contactez nous pour plus de détails sur cette prestation.

Ceci est un titre Heading 1

Paragraphe :

Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.

Ceci est un titre Heading 2

Texte :
Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst.

Ci-dessous, un exemple de l'encadrement de texte par les balises <pre> ou <div class="code"> (ces balises doivent être fermées).

#ue-rightcol {	width: 220px;	float: right;	color: #EEEEEE;}

Ceci est un titre Heading 3

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

1. Ceci est un exemple de liste ordonnée.
2. Lorem ipsum dolor sit amet consectetuer.
3. Condimentum quis.
4. Congue Quisque augue elit dolor nibh.

Ceci est un exemple de liste ordonnée.
Lorem ipsum dolor sit amet consectetuer.
Condimentum quis.
Congue Quisque augue elit dolor nibh.

Ceci est un titre Heading 4

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

• Ceci est un exemple de liste simple.
• Condimentum quis.
• Congue Quisque augue elit dolor.
• Nunc cursus sem et pretium sapien eget.

Ceci est un exemple de liste simple.
Condimentum quis.
Congue Quisque augue elit dolor.
Nunc cursus sem et pretium sapien eget.

• Ceci est un exemple de liste cochée. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

Ceci est un exemple de liste cochée. Interdum Vestibulum Sed Lorem eu 
Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
Lorem et nunc congue pede auctor condimentum habitasse rutrum
Nunc cursus sem et pretium sapien eget.

• Ceci est un exemple de liste avec icon (ici étoile). Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

Ceci est un exemple de liste avec icon (ici étoile). Interdum Vestibulum Sed Lorem eu 
Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
Lorem et nunc congue pede auctor condimentum habitasse rutrum
Nunc cursus sem et pretium sapien eget.

Ceci est un exemple de note. Utilisez <p class="stickynote">Le texte de votre note vient ici!</p> pour créer une note!

Ceci est un exemple d'encadré 'téléchargement'. Utilisez <p class="download">Votre texte vient ici!</p> pour créer un encadré 'téléchargement' !

Ceci est un exemple de citation. Utilisez <blockquote><span class="open">V</span>otre texte de citation vient ici!</blockquote> pour ouvrir une citation!

Ceci est un exemple de citation. Utilisez <blockquote ><span class="open">V</span>otre texte de citation vient ic<span class="close">i!</span></blockquote> pour créer une citation!

Ceci est un exemple de citation encadrée. Utilisez <blockquote class="quote-hilite"><span class="open">V</span>otre texte de citation vient ic<span class="close">i!</span></blockquote> pour créer une citation ecadrée!

01Ceci est un exemple de bloc numéro. Utilisez <p class="blocknumber"><span class="bignumber">01.</span>Le texte suivant le numéro vient ici!</p> pour créer un bloc numéro!

02Ceci est un exemple de bloc numéro. Utilisez <p class="blocknumber"><span class="bignumber">02.</span>Le texte suivant le numéro vient ici!</p> pour créer un bloc numéro!

03Ceci est un exemple de bloc numéro. Utilisez <p class="blocknumber"><span class="bignumber">03.</span>Le texte suivant le numéro vient ici!</p> pour créer un bloc numéro!
Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

Ceci est un exemple de message d'erreur. Utilisez <p class="error">Votre message d'erreur vient ici!</p>.

Ceci est un exemple de message d'information. Utilisez <p class="message">Votre message d'information vient ici!</p>.

Ceci est un message 'Astuce'. Utilisez <p class="tips">Votre texte vient ici!</p>.

Ceci est un exemple de phrase surlignée. Utilisez <span class="highlight">Votre phrase surlignée se place ici!</span>.

Ceci est un exemple de Majuscule de début de paragraphe à la manière des Magazines de press. Un style est appliqué à la première lettre du paragraphe. UnEspace apporte à votre thème de site internet la technique 'Magazine Drop Cap' grace aux feuilles de style CSS2 et CSS3, facile à utiliser. L'effet créé par cette technique reste néanmoins plus efficace et graphique lorsque le paragraphe contient suffisament de texte, de sorte à ce que la majuscule de départ soit bordée de texte tant sur le côté qu'en dessous... Exemple de texte pour allonger le paragraphe : Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.
Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.