Demande de classe CSS

Vous en avez marre de recopier vos codes CSS élaborés pour chaque RP ? Vous pouvez demander à avoir des classes CSS rien que pour vous. Il vous suffit de poster ici votre code entre balises code, et le nom que vous voulez pour votre classe. Pour m'y retrouver, je mettrai toujours un préfixe devant le nom de votre classe pour me souvenir d'où ça sort. Si vous demandez par exemple une classe nommée "alicebox" je la nommerai quelque chose comme "joueurcustom_exemple_alicebox".

Je ne vous donne pas de limite franche quant au nombre de classes que vous pouvez avoir par joueur. Mais soyez raisonnables, faites la demande seulement pour les classes que vous utilisez très souvent. Si vous pensez que vous voudrez varier votre code souvent, mieux vaut ne pas utiliser une classe, mais copier votre code directement dans votre message comme vous en avez l'habitude.

Je ne supprimerai jamais vos classes, même si vous disparaissez du forum. J'aime que les posts restent jolis, même des années plus tard :)



Vous pouvez décorer vos posts avec du CSS. Par exemple, ce post a un petit code pour régler la largeur du texte, le centrer sur la page, et justifier le texte :

Code:

<div style="text-align:justify; width:700px; margin-left:auto; margin-right:auto;">Le texte va ici</div>

Il est possible de faire des choses très élaborées en CSS, au point que ce bout de code peut devenir trèèèès long. Pour rendre les choses plus simple, il est possible de l'enregistrer dans le code du forum, et d'y faire appel via un identifiant.

Code:

<div class="nom_exemple">Le texte va ici</div>

Ça fera exactement la même chose que le code plus haut, mais c'est plus facile à écrire. Pour avoir ce résultat, voici le code que vous devez me donner :

Code:

.nom_exemple{text-align:justify; width:700px; margin-left:auto; margin-right:auto; }

Notez bien les { } autour du code. Ecrivez tout en une ligne. Ça me facilite la vie.

Code:

.joueurcustom_fruits_pitaya{ border: 2px solid #777777; border-radius: 15px; padding:10px; margin-right:20px; background-color: #eeeeee; }

.joueurcustom_fruits_granny{ border: 2px solid #118844; border-radius: 15px; padding:10px; margin-left:20px; text-align:right; background-color: #eeffdd; }