Thème du forum & Charte Graphique

DESIGN & THEME Ce sujet vous aide à mettre en forme vos messages et à comprendre le thème proposé par l'Alternatif. Vous trouverez en page 4 notre Charte Graphique, remise à jour à chaque changement de thème. Certaines balises HTML sont mises à votre disposition pour embellir vos présentations. Ces balises et l'ensemble du design, comprenant couleur, formes, choix esthétiques et images, de DP L'Alternatif sont la propriété de ses fondateurs et administrateurs, nous vous remercions de ne pas les reprendre en de hors de ce forum. Exception faites à la diffusion de publicité et d'acte de promotion positif directement lié à l'image de l'Alternatif. L'Alternatif

Les traditionels - Ipsum Lorem
Qu'est-ce que ça donne quand on fait...

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.


Gras

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.

Italic

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.

Souligné

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.

Liens

[url=../]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]

Citation

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

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

Titre du Spoiler:

Les tableaux

Un cadre simple

TEXTE TEXTE

Code:

[table border="1" cellpadding="2" cellspacing="1"]
[tr]
[td]TEXTE TEXTE[/td]
[/tr]
[/table]

Cadre amélioré

Vous pouvez choisir la dimension, la couleur, la hauteur et la forme des bordures de votre cellule.
Vous pouvez même sélectionner les propriétés de son contenu.

TEXTE TEXTE TEXTE TEXTE

Code:

[table style="width: 350px; height: 150px; border: dashed 5px; border-color: #cc0000; background-color: orange;"]
[tr]
[td style="color: green; font-weight: bold; font-size: 18px; font-family: impact; letter-spacing: 2px; word-spacing: 10px; text-align: center; "]TEXTE TEXTE TEXTE TEXTE[/td]
[/tr]
[/table]

Tableau avec plusieurs cellules



ajoute une cellule horizontalement.

TEXTE CELLULE 1

TEXTE CELLULE 2

Code:

[table border="1" cellpadding="2" cellspacing="1"]
[tr]
[td]TEXTE CELLULE 1[/td] [td]TEXTE CELLULE 2[/td]
[/tr]
[/table]


ajoute une colonne et dans cette colonne, il faut remettre les balises



TEXTE CELLULE 1	TEXTE CELLULE 2
TEXTE CELLULE 3	TEXTE CELLULE 4

Code:

[table border="1" cellpadding="2" cellspacing="1"]
[tr]
[td]TEXTE CELLULE 1[/td] [td]TEXTE CELLULE 2[/td]
[/tr]
[tr]
[td]TEXTE CELLULE 3[/td] [td]TEXTE CELLULE 4[/td]
[/tr]
[/table]

Et vous pouvez toujours personnaliser votre tableau comme expliqué ci-avant avec des propriétés telles que la hauteur "height:00px", la largeur "width:00px", la couleur du texte "color:#macouleur", la forme des bordures du tableau ou des cellules "border: #couleur 00px solid" etc.

Les bordures des tableaux

Pour créer une bordure, il faut la signaler après le style=" ... ", comme ceci : style="border: red 1 px solid". Ce qui signifie que vous voulez une bordure rouge continue de 1 pixel d'épaisseur :

Bordure simple

Code:

[table style="border: red 1px solid"]
[tr]
[td]Bordure simple [/td]
[/tr]
[/table]

Vous pouvez personnaliser cette bordure à volonté en connaissant les différente variations ci-après :

Formes : solid, dotted, dashed, double, ridge, groove, inset, ouset etc.

SOLID

DOTTED

DASHED

DOUBLE

RIDGE

GROOVE

INSET

OUTSET

Code:

[table style="border: red 2px solid"]
[tr]
[td]SOLID[/td]
[/tr]
[/table][/td][td]

[table style="border: red 2px dotted"]
[tr]
[td]DOTTED[/td]
[/tr]
[/table]

[table style="border: red 2px dashed"]
[tr]
[td]DASHED[/td]
[/tr]
[/table]

[table style="border: red 4px double"]
[tr]
[td]DOUBLE[/td]
[/tr]
[/table]

[table style="border: red 4px ridge"]
[tr]
[td]RIDGE[/td]
[/tr]
[/table]

[table style="border: red 4px groove"]
[tr]
[td]GROOVE [/td]
[/tr]
[/table]

[table style="border: red 4px inset"]
[tr]
[td]INSET[/td]
[/tr]
[/table]

[table style="border: red 4px outset"]
[tr]
[td]OUTSET [/td]
[/tr]
[/table]

[td]






couleur : fastoche ! Dans la formule style="border: red 1px solid", il suffit de replacer le "rouge" par la couleur que vous souhaitez, sous forme de code couleur, d'hexadécimal ou de RVB.

l'épaisseur : Cette fois, on remplace le "1px" par l'épaisseur souhaitée, dans l'unité que vous préférez (px, em, cm)

Le fond des cellules et du tableau

Pour personnaliser le fond, la formule magique est style="background-color: #macouleur" si vous souhaitez changer la couleur et style="background-image: url('adresse de l'image')".

Pour changer la couleur de fond du tableau, il faut appliquer la formule magique à [table][/table] ( [table style="background-color: red"] [/table] ) ; pour changer la couleur d'une cellule, il faut appliquer la formule à
(
).

Un exemple avec une couleur rouge pour la tableau et une couleur jaune-orange-vert-rose pour les cellules (huuu que ça va être moche ^^) :

CELLULE jaune	CELLULE orange
CELLULE verte	CELLULE rose

Vous pouvez aussi utiliser les class que nous mettons à disposition pour vos présentations.
Pour cela, il faut remplacer le style=" ... " par class="nom de votre class" ; par exemple : class="lara2" pour le tableau et class="frame" et class="pastille2" pour les cellules, ce qui donnera :

CELLULE frame	CELLULE frame[/b]
CELLULE frame	CELLULE pastille2

Alignement :

Et évidemment, dans les cellules, vous pouvez mettre des images, du texte, tout ce que vous voulez. AFin d'aligner le contenu, vous pouvez donner ces attributs aux cellules :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque interdum, tellus et ornare dapibus, ipsum sapien pellentesque neque, ut lacinia justo urna nec diam. Curabitur augue est, placerat porttitor vehicula sit amet, congue vitae nulla. Aliquam erat volutpat. Suspendisse vestibulum volutpat felis blandit gravida.	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque interdum, tellus et ornare dapibus, ipsum sapien pellentesque neque, ut lacinia justo urna nec diam. Curabitur augue est, placerat porttitor vehicula sit amet, congue vitae nulla. Aliquam erat volutpat. Suspendisse vestibulum volutpat felis blandit gravida.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque interdum, tellus et ornare dapibus, ipsum sapien pellentesque neque, ut lacinia justo urna nec diam. Curabitur augue est, placerat porttitor vehicula sit amet, congue vitae nulla. Aliquam erat volutpat. Suspendisse vestibulum volutpat felis blandit gravida.	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque interdum, tellus et ornare dapibus, ipsum sapien pellentesque neque, ut lacinia justo urna nec diam. Curabitur augue est, placerat porttitor vehicula sit amet, congue vitae nulla. Aliquam erat volutpat. Suspendisse vestibulum volutpat felis blandit gravida.

Code:

[table][tr][td style="text-align:center"]TEXTE[/td] [td style="text-align:justify"]TEXTE[/td][/tr]
[tr][td style="text-align:right"]TEXTE[/td] [td style="text-align:left"]TEXTE[/td][/tr][/table]

Attacher une image de fond aux cellule :

Nous avons vu que la formule magique était style="background-image: url('adresse de l'image')". Mais il faut préciser qu'on peut appliquer des effets à ce fond et, par exemple, situer spatialement l'image, lui demander de se reproduire horizontalement ou verticalement selon besoin etc.

• background-image : appelle l'image
  
  
  
  • url('adresse de l'image');
    
  
  
  
• background-repeat
  
  
  
  • Par défaut, si vous ne précisez pas, ça sera toujours "repeat". Autrement, il a :
    
  • repeat-x (l'image plusieurs fois horizontalement)
    
  • repeat-y (l'image plusieurs fois verticalement)
    
  • no-repeat (l'image ne se répète pas)
    
  
  
  
• background-attachment (scrollou fixe mais dans les tableaux, je vois pas à quoi ça sert ! C'est bon pour les fond de page)
  
• background-position
  
  
  
  • left top
    
  • left center
    
  • left bottom
    
  • right top
    
  • right center
    
  • right bottom
    
  • center top
    
  • center center
    
  • center bottom
    
  
  
  

Exemple :

Attachons cette image en fond : https://2img.net/h/oi68.tinypic.com/r7rkok.jpg

Mon bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Et cette image maintenant : https://2img.net/h/oi51.tinypic.com/2hcdh6q.jpg

Mon bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

(c) Texture de wikimedia.org, gif de wikipedia

1er tableau

Code:

[table style="background-image: url('http://i68.tinypic.com/r7rkok.jpg'); background-repeat: repeat;"][tr]
[td] [color=black][size=18]<blockquote>Mon bla bla bla </blockquote>[/size][/color][/td]
[/tr][/table]

2ème tableau

Code:

[table border="2" style="background-image: url('http://oi51.tinypic.com/2hcdh6q.jpg'); background-repeat: no-repeat; background-position: bottom right;"][tr]
[td] Mon bla bla bla [/td]
[/tr][/table]

Faire des tableaux relous

                   

Je déteste les tableaux	C'est horrible et ça déforme les forums, les tableaux
C'est chiant les tableaux...

Code:

[table class="pastille4" width="50%" border="1" padding="1" cellspacing="1" valign="middle" align="center"]  [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]

Pour ceux qui sont flémards, voici un petit générateur de tableau ^^ : http://www.quackit.com/html/html_table_generator.cfm

Attention, les balises proposées par ce générateur son des balises . Vous observerez un décalage vertical quand vous l'incorporerez dans un post. Si vous êtes très flémard comme moi, voici une astuce. Il faut simplement savoir manier le copier-coller et la fonctionner "remplacer par" dans "word" ^^


Faire écouter de la musique que vous avez hébergé

Code:

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

[/td]

Titres et présentation des messages

Pour commencer, vous vous conseillons d'activer le html dans les options des préférences de votre profil sinon la plupart des présentations du forum ne fonctionnement pas.


Effet du menu déroulant

Code:

  <div id="navme"><ul class="navlist2">
      <li><a href="#">bla bla bla</a></li></ul></div>

Faire un soulignement personnalisé ou ligne

Pour faire des lignes droites, on utilise la propriété "border", comme dans les tableaux. Vous pouvez personnaliser les soulignements comme vous le voulez.

Pour appliquer cette fonction à du texte, il faut utiliser "span style="

exemples :

Mon texte souligné en continu

Mon texte souligné en double

Mon texte souligné en pointillé

Mon texte souligné en tirets

formules magiques :

Code:

<span style="border-bottom: 3px #FFF000 solid;">Mon texte souligné en continu</span>
<span style="border-bottom: 4px red double;">Mon texte souligné en double</span>
<span style="border-bottom: 1px #FFFFFF dotted;">Mon texte souligné en pointillé</span>
<span style="border-bottom: 2px dodgerblue dashed;">Mon texte souligné en tirets</span>

Ou encore :

Pour appliquer cette fonction à un paragraphe, il faut utiliser le "div style"









formules magiques :

Code:

<div style="border-bottom: 3px #FFF000 solid; padding-left:25px;">Mon texte souligné en continu</div>
<div style="border-bottom: 4px red double;">Mon texte souligné en double</div>
<div style="border-bottom: 1px #FFFFFF dotted; text-align:center;">Mon texte souligné en pointillé</div>
<div style="border-bottom: 2px dodgerblue dashed; text-align: right;">Mon texte souligné en tirets</div>

Surligner et mettre en forme du texte surligné

Pour surligner, il faut utiliser la propriété "background-color".



Hé hé, j'adore ces codes couleurs.

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>

Des titres pour vos sujets

Balises selon votre utilisation:

Code:

<span class="style">Texte</span>
<div class="style">Texte</div>

Rappel : "span class" met en forme du texte. "div class" met en forme des paragraphes.

Vous pouvez aussi vous amuser à mettre les class que nous mettons à votre disposition pour embellir vos tableaux.

Exemple :

Texte cellule 1	Texte cellule 2
Texte cellule 3	Texte cellule 4

Code:

[table class="style"][tr][td class="style2"]Texte cellule 1[/td][td class="style2"]Texte cellule 2[/td][/tr]
[tr][td class="style2"]Texte cellule 3[/td][td class="style2"]Texte cellule 4[/td][/tr][/table]

Nous avons classé les balises suivantes par famille de "class"

Formule magique :

Code:

<span class="lara#">Votre titre</span>
<div class="lara#">Votre texte</div>

●●● Lara 4 div



●●● Lara 3 div



●●● Lara 2 div



●●● Lara span

Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

Formule magique :

Code:

<span class="kady#">Votre titre</span>

●●● Kady span

Le texte de Kady : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Kady 2 span

Le texte de Kady2 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Kady 3 span

Le texte de Kady3 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Kady 4 span

Le texte de Kady4 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

Note ! Les deux dernières class sont à utiliser pour les class des liens. Exemple :

Ceci est un lien URL réalisé avec la class kady3
Ceci est un lien URL réalisé avec la class kady4

Code:

<a href="http://www.google.com" class="kady3"/>Ceci est un lien URL réalisé avec la class kady3</a>
<a href="http://www.google.com" class="kady4"/>Ceci est un lien URL réalisé avec la class kady4</a>

Formule magique :

Code:

<span class="theo#">Votre titre</span>

●●● Théo span

Le texte de Théo : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Théo 2 span

Le texte de Théo2 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Théo 3 span

Le texte de Théo3 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Théo 4 span

Le texte de Théo4 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Théo 5 span

Le texte de Théo5 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Théo 6 span

Le texte de Théo6 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Théo 7 span

Le texte de Théo7 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

●●● Théo 8 span

Le texte de Théo8 : Cette suite de forums est une plateforme de communication pour interagir avec tous les acteurs de l'Alternatif (administrateurs, joueurs, invités, partenaires) autour de la gestion du forum, de votre personnage, de votre compte, de notre partenariat, des problèmes techniques, des évènements, des questions, des suggestions et de l'actualité etc. Si vous ouvrez un nouveau sujet, assurez-vous que le titre est clair et qu'il reflète bien votre problème. Évitez de mélanger dans un seul topic des discussions liées à un autre thème. Favorisez plutôt l'ouverture d'un nouveau topic.

Note ! Les deux dernières class sont à utiliser pour les class des liens. Exemple :

Ceci est un lien URL réalisé avec la class theo5
Ceci est un lien URL réalisé avec la class theo6

Code:

<a href="http://www.google.com" class="theo5"/>Ceci est un lien URL réalisé avec la class theo5</a>
<a href="http://www.google.com" class="theo6"/>Ceci est un lien URL réalisé avec la class theo6</a>

Formule magique :

Code:

<span class="ludo#">Votre titre</span>
<div class="ludo#">Votre texte</div>

●●● Ludo span ou div

Le titre de Ludo



●●● Ludo 2 span ou div

Le titre de Ludo



●●● Ludo 3 span ou div

Le titre de Ludo



●●● Ludo 4 span ou div

Le titre de Ludo