Ipsum lorem du forum

Qu'est-ce que ça donne quand on fait...

Citation :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id sem eget eros viverra varius vitae non tortor. Sed consequat accumsan condimentum. Curabitur euismod commodo erat sit amet blandit. Etiam eu arcu sed purus ultricies dignissim quis ut ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor egestas orci, sed adipiscing tellus malesuada et. Phasellus a congue sapien. Donec euismod, lacus et accumsan facilisis, metus est laoreet nulla, non fermentum magna nulla vitae nisi. Aenean eu mi eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent fermentum placerat ligula, et dapibus urna scelerisque quis. Morbi aliquet ullamcorper quam, sed porttitor diam consequat ultrices.

Code:

Aenean augue mi, euismod nec iaculis a, commodo nec lectus. Duis posuere felis sapien. Suspendisse vitae odio quis enim vehicula imperdiet et sed enim. Aenean mollis eleifend libero. Aliquam accumsan leo sem. In quis ligula enim, sit amet posuere nibh. In tortor felis, semper nec rutrum sit amet, mollis quis massa. Proin quis sollicitudin tellus. Donec condimentum nunc in augue porta consequat. Vivamus enim velit, mattis sit amet consequat pharetra, varius nec elit. Pellentesque eu sagittis nulla. Aliquam est urna, tincidunt at lobortis ac, volutpat ultrices sem. Nulla ornare, nisl nec sagittis feugiat, mauris diam interdum tortor, ac gravida arcu lectus eget dui. In pretium aliquet hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur cursus venenatis congue. Sed porta nunc ac felis eleifend molestie.

Spoiler:

Code:

<table style="width:200px; border:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-bottom:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-top:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-left:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-right:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

Code:

<table width="50%" border="1" padding="1" cellspacing="1">
  <tr>
    <td>
      Je déteste les tableaux
    </td>
    <td>
      C'est horribles et ça déforme les forums, les tableaux
    </td>
  </tr>
  <tr>
    <td colspan=2>
      C'est chiant les tableaux...
    </td>
  </tr>
</table>

Code:

<embed src="http://klgallouet.free.fr/sound/son.mp3" height=20 width=140></embed>

Code:

<div style="margin:20px; margin-top:5px">
<div class="quotetitle"><b></b>
<input type="button" value="pour voir Sacha tout nu click ici" style="width: 200px; font-size: 10px; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Masquer Spoiler'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'pour voir Sacha tout nu click ici'; }" /></div>
<div class="quotecontent">
<div style="display: none;">Obsédée... pfff...</div></div></div>

La Charte Graphique

L'Alternatif

• text #BFBCAC
  
• liens #787878
  
• liens survolés #BBBBBB
  
  
  les bleus
  
  
• spoiler, code, quote, forumlines, barre de navigation, titres 1 = #044455
  
• variation sur les images et menus déroulants = #105F69
  
• liens survolés 2, acolades = #3BABA3
  
• autre texte de la page d'accueil: Teal (#008080) et Mediumturquoise (#48D1CC)
  
  
  les gris
  
  
• texte divers (menus déroulant, QEEL etc) = #999999
  
• variations, ombres, fond des menus déroulants = de #333333 à #888888

• Zad' #3D9938
  
• Opposition #54B074
  
• Résistance #118F80
  
• Soumis #8DA865
  
• Neutre #95B4C4
  
• Sorciers #105F69
  
• Non-Humains #36638F
  
• Humains #7A6B80

• Header illustration: Jörgen O'Brian
  
• Header conception: Jugette
  
• Bannières publicité, gifs et boutons de votes partenaires et top site: Jugette
  
• Boutons du forum et icônes: Jugette
  
• Divers: hitskin et forumactif (exemple: )
  
• Barre de navigation et thème: Hugo et Théo
  
• Supervision et ouverture de bières: Ludo
  
• Critiques et détente du staff: Jo.

Titres et présentation des messages

Code:

  <div id="menu">
  <ul class="niveau1">
      <li>bla bla bla</li>
  </ul>
  </div>

Code:

  <span class="kady">Kady's Style</span>

  <span class="secondarytitle">Secondarytitle's Style</span>

Code:

  <span class="ludo">Ludo's Style</span>

  <span class="ludo2">Ludo's Style 2</span>

  <span class="ludo3">Ludo's Style 3</span>

Code:

  <span class="theo">Théo's Style</span>

  <span class="theo2">Théo's Style 2</span>

  <span class="theo3">Théo's Style 3</span>

Code:

  <span class="hugo">Hugo's Style</span>

  <span class="hugo2">Hugo's Style 2</span>

  <span class="hugo3">Hugo's Style 3</span>

Elliot's Style 2

Elliot's Style 3

Code:

  <span class="elliot">Elliot's Style</span>

  <span class="elliot2">Elliot's Style 2</span>

  <span class="elliot3">Elliot's Style 3</span>

Code:

  <span class="lara">Lara's Style</span>

  <span class="acolade">Acolade's Style</span>

Code:

  <span class="minilink">Minilink's Style</span>

  <span class="forumlink">Forumlink's Style</span>

  <span class="cattitle">Cattitle's Style</span>

Code:

  <span class="groupes">Groupes's Style</span>

  <span class="statistiques">Statistiques's Style</span>

Code:

TEXTE TEXTE TEXTE
<hr>
TEXTE TEXTE TEXTE
 <HR width=300 align=right>
TEXTE TEXTE TEXTE
 <HR width=300 align=center>

Code:

<div style="color: #696969; font-weight:bold; font-variant: small-caps; font-size:15px; background-color: #969696; padding-left: 5px;">bla bla bla bla</div>

Code:

[center]


<span class="hugo2">Ipsum lorem du forum</span>
[img]http://klgallouet.free.fr/graf/sepcat.png[/img]
<span class="ludo3">Qu'est-ce que ça donne quand on fait...</span>

[img]http://laraleuz.org/test.png[/img][/center]

[color=olive]Visionner les effets des balises habituelles et quelques petits trucs simples que vous pouvez faire dans le forum en terme de mise en page.

Remarquez que toutes les images qui seront d'une largeur supérieure à 650px seront automatiquement redimensionnées afin de ne pas déformer le forum.[/color]


[color=white]Gras[/color]

[b]Integer ac tincidunt lorem. Vivamus scelerisque malesuada lorem, in dignissim lorem tincidunt id. Ut dui lectus, dictum non fringilla eget, consequat a felis. Aliquam eu est quis justo euismod luctus.[/b]

[color=white]Italic[/color]

[i]Integer ac tincidunt lorem. Vivamus scelerisque malesuada lorem, in dignissim lorem tincidunt id. Ut dui lectus, dictum non fringilla eget, consequat a felis. Aliquam eu est quis justo euismod luctus.[/i]

[color=white]Souligné[/color]

[u]Integer ac tincidunt lorem. Vivamus scelerisque malesuada lorem, in dignissim lorem tincidunt id. Ut dui lectus, dictum non fringilla eget, consequat a felis. Aliquam eu est quis justo euismod luctus.[/u]

[color=white]Liens[/color]

[url=http://dp-alternatif.pureforum.net/]Integer ac tincidunt lorem. Vivamus scelerisque malesuada lorem, in dignissim lorem tincidunt id. Ut dui lectus, dictum non fringilla eget, consequat a felis. Aliquam eu est quis justo euismod luctus.[/url]

[color=white]Citation[/color]

[quote]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id sem eget eros viverra varius vitae non tortor. Sed consequat accumsan condimentum. Curabitur euismod commodo erat sit amet blandit. Etiam eu arcu sed purus ultricies dignissim quis ut ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor egestas orci, sed adipiscing tellus malesuada et. Phasellus a congue sapien. Donec euismod, lacus et accumsan facilisis, metus est laoreet nulla, non fermentum magna nulla vitae nisi. Aenean eu mi eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent fermentum placerat ligula, et dapibus urna scelerisque quis. Morbi aliquet ullamcorper quam, sed porttitor diam consequat ultrices.[/quote]

[color=white]Code[/color]

[code]Aenean augue mi, euismod nec iaculis a, commodo nec lectus. Duis posuere felis sapien. Suspendisse vitae odio quis enim vehicula imperdiet et sed enim. Aenean mollis eleifend libero. Aliquam accumsan leo sem. In quis ligula enim, sit amet posuere nibh. In tortor felis, semper nec rutrum sit amet, mollis quis massa. Proin quis sollicitudin tellus. Donec condimentum nunc in augue porta consequat. Vivamus enim velit, mattis sit amet consequat pharetra, varius nec elit. Pellentesque eu sagittis nulla. Aliquam est urna, tincidunt at lobortis ac, volutpat ultrices sem. Nulla ornare, nisl nec sagittis feugiat, mauris diam interdum tortor, ac gravida arcu lectus eget dui. In pretium aliquet hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur cursus venenatis congue. Sed porta nunc ac felis eleifend molestie. [/code]

[color=white]Spoiler[/color]

[spoiler]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id sem eget eros viverra varius vitae non tortor. Sed consequat accumsan condimentum. Curabitur euismod commodo erat sit amet blandit. Etiam eu arcu sed purus ultricies dignissim quis ut ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor egestas orci, sed adipiscing tellus malesuada et. Phasellus a congue sapien. Donec euismod, lacus et accumsan facilisis, metus est laoreet nulla, non fermentum magna nulla vitae nisi. Aenean eu mi eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent fermentum placerat ligula, et dapibus urna scelerisque quis. Morbi aliquet ullamcorper quam, sed porttitor diam consequat ultrices.

Aenean augue mi, euismod nec iaculis a, commodo nec lectus. Duis posuere felis sapien. Suspendisse vitae odio quis enim vehicula imperdiet et sed enim. Aenean mollis eleifend libero. Aliquam accumsan leo sem. In quis ligula enim, sit amet posuere nibh. In tortor felis, semper nec rutrum sit amet, mollis quis massa. Proin quis sollicitudin tellus. Donec condimentum nunc in augue porta consequat. Vivamus enim velit, mattis sit amet consequat pharetra, varius nec elit. Pellentesque eu sagittis nulla. Aliquam est urna, tincidunt at lobortis ac, volutpat ultrices sem. Nulla ornare, nisl nec sagittis feugiat, mauris diam interdum tortor, ac gravida arcu lectus eget dui. In pretium aliquet hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur cursus venenatis congue. Sed porta nunc ac felis eleifend molestie. [/spoiler]

:html: [color=white]Des petits tableaux[/color]

<table style="width:200px; border:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-bottom:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-top:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-left:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-right:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

[code]<table style="width:200px; border:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-bottom:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-top:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-left:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>

<table style="width:200px; border-right:dashed 1px; border-color:#fff333; text-align:center;">
<tr>
<td> TEXTE TEXTE</td>
</tr>
</table>[/code]

:html: [color=white]Faire des tableaux relous[/color]
<table width="50%" border="1" padding="1" cellspacing="1">
  <tr>
    <td>
      Je déteste les tableaux
    </td>
    <td>
      C'est horribles et ça déforme les forums, les tableaux
    </td>
  </tr>
  <tr>
    <td colspan=2>
      C'est chiant les tableaux...
    </td>
  </tr>
</table>

[code]<table width="50%" border="1" padding="1" cellspacing="1">
  <tr>
    <td>
      Je déteste les tableaux
    </td>
    <td>
      C'est horribles et ça déforme les forums, les tableaux
    </td>
  </tr>
  <tr>
    <td colspan=2>
      C'est chiant les tableaux...
    </td>
  </tr>
</table>[/code]

:music: [color=white]Faire écouter de la musique que vous avez hébergé[/color]

<embed src="http://klgallouet.free.fr/sound/son.mp3" height=20 width=140 autostart=false></embed>

[code]<embed src="http://klgallouet.free.fr/sound/son.mp3" height=20 width=140></embed>[/code]

:html: [color=white]Créer votre propre bouton spoiler[/color]

<div style="margin:20px; margin-top:5px">
<div class="quotetitle"><b></b>
<input type="button" value="pour voir Sacha tout nu click ici" style="width: 200px; font-size: 10px; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Masquer Spoiler'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'pour voir Sacha tout nu click ici'; }" /></div>
<div class="quotecontent">
<div style="display: none;">Obsédée... pfff...</div></div></div>

[code]<div style="margin:20px; margin-top:5px">
<div class="quotetitle"><b></b>
<input type="button" value="pour voir Sacha tout nu click ici" style="width: 200px; font-size: 10px; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Masquer Spoiler'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'pour voir Sacha tout nu click ici'; }" /></div>
<div class="quotecontent">
<div style="display: none;">Obsédée... pfff...</div></div></div>[/code]