AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

 Codes

| Sam 29 Oct - 12:28

Mayaku

Titre principal


Code:
<h2 class="maintitle">Titre principal</h2>

Titre secondaire


Code:
<h3 class="title">Titre secondaire</h3>

Sous-titre


Code:
<h4 class="subtitle">Sous-titre</h4>

Sous-titre

Code:
<font class="petittitre"></font>

box normale

Code:
<div class="box box-dark">box normale</div>

box double colonne
box double colonne

Code:
<div class="box box-light box-columns"><div class="box-inner column">box double colonne</div><div class="box-inner column">box double colonne</div></div>

du texte avant
box double colonne
box double colonne

Code:
<div class="box box-light"><div class="box-inner">du texte avant</div><div class="box-columns"><div class="box-inner column">box double colonne</div><div class="box-inner column">box double colonne</div></div></div>

box triple colonne
box triple colonne
box triple colonne

Code:
<div class="box box-light box-columns"><div class="box-inner column">box triple colonne</div><div class="box-inner column">box triple colonne</div><div class="box-inner column">box triple colonne</div></div>

box double colonne dont une large
box double colonne

Code:
<div class="box box-light box-columns"><div class="box-inner column-large">box double colonne dont une large</div><div class="box-inner column">box double colonne</div></div>


colonne sans couleur de fond
colonne sans couleur de fond


Code:
<div class="box-columns">
<div class="column">colonne sans couleur de fond</div><div class="column">colonne sans couleur de fond</div>
</div>

mise en exergue (peut s'utiliser n'importe ou, dans les colonnes etc)

Code:
<div class="exergue">mise en exergue (peut s'utiliser n'importe ou, dans les colonnes etc)</div>

la class "center" permet de centrer le contenu d'un bloc

Code:
<div class="exergue center">la class "center" permet de centrer le contenu d'un bloc</div>


class "em" : texte italic
Code:
<span class="em">class "em" : texte italic</span>

class "tiny" : texte petit
Code:
<span class="tiny">class "tiny" : texte petit</span>


Code:
<img src="http://stephboreldesign.com/wp-content/uploads/2012/03/lorem-ipsum-logo.jpg" class="border" />
image class "border"


Code:
<img src="http://eskipaper.com/images/large-2.jpg" />
image large mais qui se redimensionne selon la largeur du forum

La meme image mais qui se redimensionne pas:
 
Code:
[spoiler="La meme image mais qui se redimensionne pas"]<img src="http://eskipaper.com/images/large-2.jpg" class="noresize" />[/spoiler]
class "noresize"


Code:
<img src="http://www.fnordware.com/superpng/pnggrad8rgb.jpg" class="grey" />
image grise


Code:
<img src="http://www.fnordware.com/superpng/pnggrad8rgb.jpg" class="rounded" />
image ronde

toutes les classes peuvent s'additionner (image ronde avec bordure, image grise ronde) ...