Style:BlogArticles

info   Modèle de style

Cette page contient un modèle de style.

Vous pouvez accéder aux différentes pages indivuelles :

* Aperçu
* Code source
* Documentation

## Aperçu

Comme les Nazgûl, hâte toi de lire ces nouvelles fraîches !!!

* Fandom

**Mises à jour :**

* xxx
* xxx
* xxx

**Actualités :**

* xxx
* xxx
* xxx

**Projets en cours :**

* xxx
* xxx
* xxx

**Mises à jour techniques :**

* xxx
* xxx
* xxx

**Actualités :**

* xxx
* xxx
* xxx

Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet nisl suscipit adipiscing bibendum est ultricies. Ornare arcu dui vivamus arcu felis. Non quam lacus suspendisse faucibus interdum posuere lorem. Id neque aliquam vestibulum morbi blandit cursus risus. Ornare suspendisse sed nisi lacus sed viverra tellus in. Dictum non consectetur a erat nam at lectus urna duis. Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. Eu non diam phasellus vestibulum. Nulla aliquet enim tortor at auctor urna nunc. Viverra aliquet eget sit amet. Adipiscing at in tellus integer feugiat scelerisque varius. Tempus urna et pharetra pharetra massa. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit.
Arcu risus quis varius quam. Enim ut tellus elementum sagittis vitae et leo duis ut. Quam nulla porttitor massa id neque aliquam vestibulum morbi. Massa tincidunt nunc pulvinar sapien. Neque sodales ut etiam sit amet nisl purus in mollis. Vulputate ut pharetra sit amet aliquam id diam maecenas. Facilisis gravida neque convallis a cras semper auctor neque vitae. Dapibus ultrices in iaculis nunc. Enim tortor at auctor urna. Urna duis convallis convallis tellus id. Vitae tortor condimentum lacinia quis vel. Volutpat commodo sed egestas egestas fringilla phasellus. Amet mattis vulputate enim nulla aliquet. Pharetra massa massa ultricies mi quis hendrerit dolor magna. Dui nunc mattis enim ut tellus elementum sagittis. Adipiscing tristique risus nec feugiat. Est velit egestas dui id ornare. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet mauris commodo quis imperdiet massa tincidunt nunc.
Duis at tellus at urna condimentum mattis pellentesque. Metus aliquam eleifend mi in. Elit at imperdiet dui accumsan sit amet nulla. Lectus sit amet est placerat in egestas erat. Aliquet lectus proin nibh nisl condimentum id venenatis a. Massa sed elementum tempus egestas. Porta non pulvinar neque laoreet suspendisse interdum consectetur.

Actualités

Convallis aenean et tortor at risus viverra adipiscing at in. Ultrices in iaculis nunc sed augue lacus viverra vitae. Dictum sit amet justo donec enim diam. Urna id volutpat lacus laoreet non curabitur gravida. Tempus egestas sed sed risus pretium. Hendrerit dolor magna eget est. Malesuada fames ac turpis egestas integer eget aliquet nibh praesent. Ipsum suspendisse ultrices gravida dictum fusce. Tristique magna sit amet purus. Habitant morbi tristique senectus et netus et malesuada fames. Elementum curabitur vitae nunc sed velit dignissim. Nam at lectus urna duis convallis convallis tellus id interdum. Enim nunc faucibus a pellentesque sit amet porttitor eget.

AmetMaecenas justo magna, viverra eu pharetra nec, maximus in dolor. Nam accumsan commodo elit, ut molestie odio pellentesque sed. Donec nec diam et nisl sodales euismod non a sem. Praesent lorem nibh, tempor in accumsan a, venenatis id felis. Proin volutpat gravida nibh quis sodales. Aliquam tincidunt nisi libero, id viverra nibh scelerisque id. Morbi scelerisque lacinia lectus fringilla venenatis. Nulla venenatis tincidunt ex at semper. Maecenas vel pellentesque est. Duis et eros suscipit, laoreet lectus et, semper lorem. Donec tincidunt gravida lorem suscipit venenatis. Suspendisse in pulvinar turpis, eu maximus nunc.
Convallis aenean et tortor at risus viverra adipiscing at in. Ultrices in iaculis nunc sed augue lacus viverra vitae. Dictum sit amet justo donec enim diam. Urna id volutpat lacus laoreet non curabitur gravida. Tempus egestas sed sed risus pretium. Hendrerit dolor magna eget est. Malesuada fames ac turpis egestas integer eget aliquet nibh praesent. Ipsum suspendisse ultrices gravida dictum fusce. Tristique magna sit amet purus. Habitant morbi tristique senectus et netus et malesuada fames. Elementum curabitur vitae nunc sed velit dignissim. Nam at lectus urna duis convallis convallis tellus id interdum. Enim nunc faucibus a pellentesque sit amet porttitor eget.

ConsecteturDonec tincidunt dolor eu ullamcorper porttitor. Nullam vulputate, risus tincidunt dictum bibendum, justo arcu mollis velit, a feugiat velit urna quis neque. Proin ut velit volutpat, efficitur lorem et, blandit neque. Nunc ultricies luctus iaculis. Vestibulum rutrum quam quis felis malesuada tempus. Integer a nisi id nunc egestas venenatis quis vel dui. Donec consectetur fringilla neque, quis tristique justo pulvinar ac. Vestibulum arcu leo, tincidunt id malesuada at, eleifend vel nisi. Nam metus elit, elementum ac mollis at, vulputate sit amet nibh. Curabitur volutpat sapien tristique, faucibus neque in, finibus ligula. Ut aliquam ante turpis. Proin ut molestie justo. Duis consectetur ex vel orci tempus elementum. Mauris tortor eros, finibus molestie dolor ut, aliquam sagittis lectus. Nullam semper, sapien eget aliquam pellentesque, sem nisl auctor sapien, nec feugiat risus nulla nec tellus. Integer vitae eleifend nisi.

 Soumettre un article (test)

 Tu veux suivre les annonces ? Alors clique ici pour suivre ce blog.

## Code Source

### Code autonome

```
<!-- Barre latérale gauche (voir dernier </div> en bas) -->
<div class="border-color" style="padding:0 1ex; border-left:0.7ex solid;">
<!-- Intro annonces -->
<div style="padding:10px;">
<div style="padding:3px; border:1px dotted;-webkit-border-radius:10px;background:;">
{| class="collapsible collapsed" "width:350px;align:left"
! <small>''À propos des annonces ''</small>
<div style="text-align:justified;">''Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum condimentum eros ac hendrerit. Mauris tellus libero, dapibus ut ligula aliquam, consequat dignissim felis. Morbi scelerisque magna nec lectus euismod, id rutrum dolor molestie. Etiam eu arcu urna. In pellentesque leo a iaculis dictum.''</div>
<!--
Tabber de droite pour mises à jour/projets
-->
<font color="black><div style:"padding:20px;"><div style:"padding:20px;"><div style="float:right;width:25%; background:#ffffff; margin-left:10px;-webkit-border-radius:10px; padding-left:13px; padding-top:10px;padding-right:15px; padding-bottom:10px; border:2px solid" class="border-color"><center>[[Fichier:Nazgûl_-_4.jpg|300px|Comme les Nazgûl, hâte toi de lire ces nouvelles fraîches !!!|link=]]</center>
{|span style
{{Scroll Box
'''Mises à jour :'''
* xxx
* xxx
* xxx
'''Actualités :'''
* xxx
* xxx
* xxx
'''Projets en cours :'''
* xxx
* xxx
* xxx
}}
{{Scroll Box
'''Mises à jour techniques :'''
* xxx
* xxx
* xxx
'''Actualités :'''
* xxx
* xxx
* xxx
}}
</tabber>
<!--
Premier article d'annonce
-->
<big><div style="border-bottom:2px solid; font-size:30px;">Lorem</div></big><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet nisl suscipit adipiscing bibendum est ultricies. Ornare arcu dui vivamus arcu felis. Non quam lacus suspendisse faucibus interdum posuere lorem. Id neque aliquam vestibulum morbi blandit cursus risus. Ornare suspendisse sed nisi lacus sed viverra tellus in. Dictum non consectetur a erat nam at lectus urna duis. Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. Eu non diam phasellus vestibulum. Nulla aliquet enim tortor at auctor urna nunc. Viverra aliquet eget sit amet. Adipiscing at in tellus integer feugiat scelerisque varius. Tempus urna et pharetra pharetra massa. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit.
Arcu risus quis varius quam. Enim ut tellus elementum sagittis vitae et leo duis ut. Quam nulla porttitor massa id neque aliquam vestibulum morbi. Massa tincidunt nunc pulvinar sapien. Neque sodales ut etiam sit amet nisl purus in mollis. Vulputate ut pharetra sit amet aliquam id diam maecenas. Facilisis gravida neque convallis a cras semper auctor neque vitae. Dapibus ultrices in iaculis nunc. Enim tortor at auctor urna. Urna duis convallis convallis tellus id. Vitae tortor condimentum lacinia quis vel. Volutpat commodo sed egestas egestas fringilla phasellus. Amet mattis vulputate enim nulla aliquet. Pharetra massa massa ultricies mi quis hendrerit dolor magna. Dui nunc mattis enim ut tellus elementum sagittis. Adipiscing tristique risus nec feugiat. Est velit egestas dui id ornare. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet mauris commodo quis imperdiet massa tincidunt nunc.
Duis at tellus at urna condimentum mattis pellentesque. Metus aliquam eleifend mi in. Elit at imperdiet dui accumsan sit amet nulla. Lectus sit amet est placerat in egestas erat. Aliquet lectus proin nibh nisl condimentum id venenatis a. Massa sed elementum tempus egestas. Porta non pulvinar neque laoreet suspendisse interdum consectetur.
<!--
Tableau d'article, en deux colonnes
-->
<big><div style="border-bottom:2px solid; font-size:30px;">Actualités</div></big><br>
<!--
Première colonne
-->
Convallis aenean et tortor at risus viverra adipiscing at in. Ultrices in iaculis nunc sed augue lacus viverra vitae. Dictum sit amet justo donec enim diam. Urna id volutpat lacus laoreet non curabitur gravida. Tempus egestas sed sed risus pretium. Hendrerit dolor magna eget est. Malesuada fames ac turpis egestas integer eget aliquet nibh praesent. Ipsum suspendisse ultrices gravida dictum fusce. Tristique magna sit amet purus. Habitant morbi tristique senectus et netus et malesuada fames. Elementum curabitur vitae nunc sed velit dignissim. Nam at lectus urna duis convallis convallis tellus id interdum. Enim nunc faucibus a pellentesque sit amet porttitor eget.<br>
<div class="second-border-color" style="border-top:2px dotted;"><big><u>Amet</u></big></div><br>Maecenas justo magna, viverra eu pharetra nec, maximus in dolor. Nam accumsan commodo elit, ut molestie odio pellentesque sed. Donec nec diam et nisl sodales euismod non a sem. Praesent lorem nibh, tempor in accumsan a, venenatis id felis. Proin volutpat gravida nibh quis sodales. Aliquam tincidunt nisi libero, id viverra nibh scelerisque id. Morbi scelerisque lacinia lectus fringilla venenatis. Nulla venenatis tincidunt ex at semper. Maecenas vel pellentesque est. Duis et eros suscipit, laoreet lectus et, semper lorem. Donec tincidunt gravida lorem suscipit venenatis. Suspendisse in pulvinar turpis, eu maximus nunc.
<!--
Deuxième colonne
-->
Convallis aenean et tortor at risus viverra adipiscing at in. Ultrices in iaculis nunc sed augue lacus viverra vitae. Dictum sit amet justo donec enim diam. Urna id volutpat lacus laoreet non curabitur gravida. Tempus egestas sed sed risus pretium. Hendrerit dolor magna eget est. Malesuada fames ac turpis egestas integer eget aliquet nibh praesent. Ipsum suspendisse ultrices gravida dictum fusce. Tristique magna sit amet purus. Habitant morbi tristique senectus et netus et malesuada fames. Elementum curabitur vitae nunc sed velit dignissim. Nam at lectus urna duis convallis convallis tellus id interdum. Enim nunc faucibus a pellentesque sit amet porttitor eget.<br>
<div class="second-border-color" style="border-top:2px dotted;"><big><u>Consectetur</u></big><div><br>Donec tincidunt dolor eu ullamcorper porttitor. Nullam vulputate, risus tincidunt dictum bibendum, justo arcu mollis velit, a feugiat velit urna quis neque. Proin ut velit volutpat, efficitur lorem et, blandit neque. Nunc ultricies luctus iaculis. Vestibulum rutrum quam quis felis malesuada tempus. Integer a nisi id nunc egestas venenatis quis vel dui. Donec consectetur fringilla neque, quis tristique justo pulvinar ac. Vestibulum arcu leo, tincidunt id malesuada at, eleifend vel nisi. Nam metus elit, elementum ac mollis at, vulputate sit amet nibh. Curabitur volutpat sapien tristique, faucibus neque in, finibus ligula. Ut aliquam ante turpis. Proin ut molestie justo. Duis consectetur ex vel orci tempus elementum. Mauris tortor eros, finibus molestie dolor ut, aliquam sagittis lectus. Nullam semper, sapien eget aliquam pellentesque, sem nisl auctor sapien, nec feugiat risus nulla nec tellus. Integer vitae eleifend nisi.
<!--
Fin tableau à deux colonnes
-->
<!-- Lien soumettre un article -->
<center>[[User:Étiolles| <span class="wds-button" style="cursor: pointer;"><span class="fa fa-arrow-right" style="font-size:15px; "></span>&nbsp;&nbsp;Soumettre un article (test)</span>]]</center>

## <!-- Lien liste de suivi -->
<center><small><span class="fa fa-bell" style="font-size:15px; margin-top:15px; "></span> Tu veux suivre les annonces ? Alors [{{fullurl:Blog:Annonces|action=watch}} clique ici pour suivre ce blog].</small></center>
</div>
```