Eléments de Mise en Pages

Admin Inscription : 29/04/2010 Messages : 38

Sur le forum nous avons mis en place différentes classes afin que vous puissiez faire de belles mise en page.
Inutile de chercher à utiliser ces codes sur vos forums, il vous faut toucher au CSS pour obtenir nos résultats Wink

Une simple demande par MP et je vous explique tout ça^^

L'italique : blablabla

Code:: [i]blablabla[/i]

Le soulignement I : blablabla

Code:: [u]blablabla[/u]

Le soulignement II :

BLA BLA BLA BLA BLA

Code:: <div class="abc">BLA BLA BLA BLA BLA</div>

N'hésitez pas à les mélanger ensemble Wink

Code:: <div class="efg">N'hésitez pas à les mélanger ensemble ;) </div>

N'hésitez pas à les mélanger ensemble Wink

Code:: <div class="efg">N'hésitez pas à les mélanger ensemble ;) </div>

Le gras : blablabla

Code:: [b]blablabla[/b]

L'ombre :

BLA BLA BLA BLA BLA

Code:: <div class="ombre">BLA BLA BLA BLA BLA</div>

Les Titres :

BLA BLA BLA BLA BLA

Code:: <div class="paf">BLA BLA BLA BLA BLA</div>

BLA BLA BLA BLA BLA

Code:: <div class="pif">BLA BLA BLA BLA BLA</div>

BLA BLA BLA BLA BLA

Code:: <div class="pouf">BLA BLA BLA BLA BLA</div>

Rectangle I :

Code:: <div class="def"></div>

Rectangle II :

BLA BLA BLA BLA BLA

Code:: <div class="tic">BLA BLA BLA BLA BLA</div>

Rectagle III :

BLA BLA BLA BLA BLA

Code:: <div class="toc">BLA BLA BLA BLA BLA</div>

Rectangle IV :

B
L
A
B
L
A

ou bien encore

BLA BLA BLA BLA BLA

Code:: <div class="tac">BLA BLA BLA BLA BLA</div>

Rectangle V :

B
L
A
B
L
A

ou bien encore :

BLA BLA BLA BLA BLA

Code:: <div class="touc">BLA BLA BLA BLA BLA</div>

Rectangle V :

B
L
A
B
L
A

ou bien encore :

BLA BLA BLA BLA BLA

Code:: <div class="tof">BLA BLA BLA BLA BLA</div>

N'hésitez pas à les mélanger ensemble Wink

© Avatar : C.E. Inscription : 04/05/2010 Messages : 232

Mise en forme diverses :

Passez votre souris sur le texte :
TEXTE ICI

Code:: <span class="gradualfader">TEXTE ICI</span>

B

la bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Code:: <div class="lettrine">B</div>la bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

B

la bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Code:: <div class="lettrine1">B</div>la bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Écrire à côté d'une image sans passer par un tableau c'est très simple.

Code:: <img class="image1" src="http://sd-2.archive-host.com/membres/up/14600995093622347/atlante3.jpg" alt="Damian"></div> Écrire à côté d'une image sans passer par un tableau c'est très simple.

Code:: <div class="opacity"><img src="http://sd-2.archive-host.com/membres/up/14600995093622347/atlante3.jpg" alt="Damian"></div>

Admin Inscription : 29/04/2010 Messages : 38

Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat.

Code:: <div class="cadre">Votre texte ici</div>

Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat.

Code:: <div class="liens">Votre texte ici</div>

Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat.

Code:: <div class="des">Votre texte ici</div>

Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat.

Code:: <div class="fondaccueil">Votre texte ici</div>

votre texte ici

Code:: <div class="ongletindex">Votre texte ici</div>

Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat.

Code:: <div class="barannonce">Votre texte ici</div>

Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat.

Code:: <div class="intro">Votre texte ici</div>

Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat.

Code:: <div class="bulle">Votre texte ici</div>

Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat. Cadre sympa pour écrire à l'intérieur. Voici un exemple pour que vous puissiez bien visualiser le résultat.

Code:: <div class="bulle2">Votre texte ici</div>

votre texte ici

Code:: <div class="onglet">Votre texte ici</div>