A utiliser sans modération

Sommaire :

— Codes globaux
- Quelques titres
- Quelques polices à utiliser [nouveau]
- Quelques couleurs
- Quelques petits blocs
- Symboles divers

— Codes à utiliser dans les RP et fiches annexes
- Informations postes RP et personnage
- Introduire son prédéfini
- Illustration au rp
- Codes annexes : liens entre personnages, fiche de gains

— Quelques astuces [nouveau]
- Épingler ses sujets pour ne rien oublier
- Mettre son avatar dans la CBox
- Mettre à jour son avatar dans Switcheroo

Les titres prédéfinis

Quelques codes sont déjà prédéfinis par CSS et utilisés un peu partout sur ce forum. Par exemple :

JE SUIS UN texte aléatoire pour h6

Code:

<h6>Titre 6</h6>

JE SUIS UN texte aléatoire pour h5

Code:

<h5>TITre 5</h5>

JE SUIS UN texte aléatoire pour h5

Code:

<h5 class="gemme">TITre 5</h5>

JE SUIS UN texte aléatoire pour h3

Code:

<h3>Titre 3</h3>

JE SUIS UN texte aléatoire pour h2

Code:

<h2>Titre 2</h2>

JE SUIS UN texte aléatoire pour h1

Code:

<h1>Titre 1</h1>

Les polices disponibles sur le forum

Code:

<span style="font: 12px  'ICI_NOM_POLICE_GOOGLE_FONTS', cursive;">ICI_TON_TEXTE</span>

Ces polices se trouvent sur Google Fonts et peuvent être installées par le staff sur ce forum pour qu'elles soit lisibles par tous. Pour avoir une police installée, faites-en la demande !

Les informations relatives aux postes RP

Redirection d'un topique à un autre

Quand un poste-RP se passe à plusieurs endroits à la suite, il faut penser à faire des ancres pour que les personnes qui suivent le sujet puissent facilement trouver soit la suite, soit le début. Pour ça, je vous propose quelques petits codes rapides :


"ça c'est mon super titre"

Code:

<span class="redir_link msg dis_in text_a_r w_100"><a href="URL_ICI" class="small_block bg_whitegreen grey-mono"><i class="fas fa-reply"></i> VOTRE_TITRE_SI_VOUS_VOULEZ</a></span>

"ça c'est mon super titre"

Code:

<span class="redir_link msg dis_in text_a_r w_100"><a href="URL_ICI" class="small_block bg_whitegreen grey-mono">TITRE_SI_VOUS_VOULEZ <i class="fas fa-share"></i></a></span>

Ces codes peuvent être installés avant le début de votre message ou à la fin de celui-ci. Vous pouvez ou non mettre un titre, l'important est que la flèche soit visible.

Fin d'un RP

Votre RP est terminé ? Indiquez-le à la fin de votre message :

Fin du RP

Code:

<span class="end_RP msg">Fin du RP</span>

Informations sur le personnage

Voici quelques petits codes pour vous permettre d'introduire les informations essentielles relatives au RP :
- les armes portées par votre personnage ;
- la date du rp ;
- le moment dans la journée.
(Pour ces deux derniers points, d'autres codes de mise en page sont disponibles plus bas.)

Avec un bloc

Code:

<div class="intro_RP_army"><p class="bloc_Phanta">PSEUDO possède dans son STYLE_SAC :<br />& diams; ARME/OBJET_1<br />& diams; ARME/OBJET_2<br />& diams; ARME/OBJET_3</p></div>

Deux blocs côtes à côtes

Code:

<div class="intro_RP_army two-col"><p class="dis_in bloc_Phanta">LIEU_OU_CE_QUE_VOUS_VOULEZ -
xx MONTH xx12 - MOMENT_OU_CE_QUE_VOUS_VOULEZ</p><p class="dis_in bloc_Phanta">PSEUDO possède dans son STYLE_SAC :
& diams; ARME/OBJET_1<br />& diams; ARME/OBJET_2<br />& diams; ARME/OBJET_3</p></div>

Introductions des prédéfinis et PNJ dans le RP

Lorsque vous jouez un prédéfini, vous avez la possibilité d'afficher ses propres informations au lieu des informations du compte général We are not alone.

Avec avatar + pseudo

Pour que l'avatar et le pseudo du personnage soient affichés, utilisez ce code :

Code:

<div class="post-pnj" data-id="ID_DE_LA_FICHE_DU_PERSONNAGE">ICI_VOTRE_MESSAGE</div>

Exemple

Père Orosco :
Sa fiche est celle-ci : fiche de Père Orosco
Dans l'URL de la fiche, nous voyons que l'identifiant du message est t793 (topique numéro 793) donc l'ID correspondant à Père Orosco est 793.

Si le code ne fonctionne pas c'est que
vous l'avez mal recopié ou rempli ;
les informations relatives au personnage n'ont pas été enregistrées dans la base de données. Pour rajouter votre prédéfini dans la base de données, faites-en la demande dans le sujet gestion des informations générales.

Exemples d'utilisation

RP avec Sœur Elia
RP avec Père Orosco

Les codes de couleurs

La palette de couleur de l'éditeur de message est affichée sous forme de dégradés. Retrouvez ces couleurs dès maintenant :

► Le noir ♦ “ Noir ” ♦ “ #000000 ”
► Le gris foncé ♦ “ Gris foncé ” ♦ “ #666666 ”
► Le gris clair ♦ “ Gris clair ” ♦ “ #D3D3D3 ”
► Le blanc ♦ “ Blanc ” ♦ “ #ffffff ”

► Le marron ♦ “ Sienne ” ♦ “ #A0522D ”
► Le brun ♦ “ Brun clair ” ♦ “ #CD853F ”
► Le brun pâle ♦ “ Bois ” ♦ “ #DEB887 ”
► Le jaune des meurtris ♦ “ Chocolait ” ♦ “ #D2B48C ”

► L'orange ♦ “ Orange agrume ” ♦ “ #F6B510 ”
► L'orange passion ♦ “ Passion ” ♦ “ #FFD700 ”
► Le jaune dé-saturée ♦ “ Jaune soleil ” ♦ “ #FFFF76 ”
► Le jaune rosé ♦ “ Pêche blanche ” ♦ “ #FFF0B1 ”

► Le vert kaki ♦ “ Vert ”♦ “ #BFD922 ”
► Le vert pomme ♦“ Vert pomme ” ♦ “ #E1F209 ”
► Le vert jaunâtre ♦ “ Vert aube ” ♦ “ #EEF92D ”
► Le jaune des Prophocides ♦“ Jaune oie ” ♦ “ #ebeb96 ”

► Le vert dé-saturé ♦“ Vert cendré ” ♦ “ #77A871 ”
► Le vert des PNJ ♦ “ Vert mûr ” ♦ “ #89bd91 ”
► Le vert fantomatique ♦ “ Vert fantôme ” ♦ “ #96C397 ”
► Le vert saturé ♦ “ Vert saturé ” ♦ “ #CAE4C9 ”

► L'ancien bleu des PNJ ♦ “ Bleu opale ” ♦ “ #738dc4 ”
► Le bleu des Ph. Résidents ♦ “ Bleu royal ” ♦ “ #5d93a1 ”
► Le bleu des Ph. Arrivants ♦ “ Bleu pâle ” ♦ “ #95C1C2 ”
► Le bleu de Sue ♦ “ Bleu cyan ” ♦ “ #9fe1ff ”

► Le violet d'Harmony ♦ “ Violet harmonique ” ♦ “ #a491c2 ”
► Le violet ♦ “ Violet cendré ” ♦ “ #9D6F9C ”
► Le mauve saturé ♦ “ Mauve saturé ” ♦ “ #B14C7B ”
► Le mauve ♦ “ Mauve ” ♦ “ #DA70D6 ”

► Le rose d'Effusion ♦ “ Rose effusion ” ♦ “ #df0a45 ”
► Le rose-violet ♦ “ Violet rosé ” ♦ “ #C91754 ”
► Le rose de Nevroze ♦ “ Violet desséché ” ♦ “ #91283b ”
► Le rose des MJ ♦ “ Violet terreux ” ♦ “ #964c59 ”

Les couleurs des groupes

Code:

class="color_nev" /*Nevroze*/
class="color_pnj" /*PNJ*/
class="color_g1"  /*arrivant*/
class="color_g2" /*résident*/
class="color_g3" /*Prophocide*/
class="color_g4" /*Meurtris*/
class="color_g5" /*Ecclésiastes*/
class="color_ge" /*Errants*/

Illustrations au rp

Il est parfois plus beau d'illustrer des rp. Voici quelques codes pour illustrer vos premiers postes :

Illustration : titre, image des lieux, lieu, description

Code:

<div class="pre-post msg"><div class="title">« ####TITRE_DU_RP###### »</div><br /><p class="illustration_post"><img src="####URL_DE_L_IMAGE######" />####LIEU_DU_RP######</p><p class="info_post">####DESCRIPTION######</p></div>

Illustration : titre, image d'illustration, description

Code:

<div class="pre-post simple"><img src="URL_de_L_Image_En_Taille_500_X_47/50_Si_Possible" class="illustration" />

<div class="title">« Titre du rp »</div><p class="info_post">mini explications sur le statut de ce rp (début d'un chapitre - fin d'un chapitre)</p></div>

Illustration - quartier, description rapide

Code:

<div class="pre-post two-div"><div>####QUARTIER_DU_RP######</div><div><p><img src="#####URL_DE_LIMAGE#####" />###ENDROIT_DU_RP###</p></div></div>

Images d'illustration

Voici quelques images disponibles :

Quelques bannières de chapitres:

Images de fond pour les profils:

Les lieux:

Mise en page des images

Code:

class="illustr"
class="small_img"
class="oval_img"
class="square_img"

--> directement sur l'image ou sur le contenant

Mise en page du rp

Les blocs verts

Voici quelques blocs verts correspondant aux différents dégradés de verts utilisés sur le forum :



De l'extérieur à l'intérieur :

Code:

<div style="background-color: var(--c-dkg);" class="padd_10"></div>

Code:

<div style="background-color: var(--bg-gbx);" class="padd_10"></div>

Code:

<div style="background-color: var(--bg-msg);" class="padd_10"></div>

Code:

<div style="background-color: var(--c-blocph);" class="padd_10"></div>

Code:

<div style="background-color: var(--c-wtg);" class="padd_10"></div>

Code:

<div style="background-color: var(--c-btg);" class="padd_10"></div>

Code:

<div style="background-color: var(--c-pstg);" class="padd_10"></div>

Mise en page du texte

Bloc pour espacer

Code:

<div class="content marg_a text_a_j">TEXTE</div>

Les annexes

Fiche de liens entre les personnages

Voici un code pour mettre en page les liens entre votre personnage et les autres :

Code:

<div class="fiche_perso">
<div class="liens_perso"><div class="illustr_lien" style="background-image: url('URL_AVATAR')"></div><p><span class="pseudo_info">PSEUDO_LIEN</span><br />LIEN_INFOS</p><div class="border-b"></div></div>
<div class="liens_perso"><div class="illustr_lien" style="background-image: url('URL_AVATAR')"></div><p><span class="pseudo_info">PSEUDO_LIEN</span><br />LIEN_INFOS</p><div class="border-b"></div></div>
</div>

Pour chaque lien, rajouter, après < div class="fiche_perso"> :

Code:

<div class="liens_perso"><div class="illustr_lien" style="background-image: url('http://img15.hostingpics.net/pics/284511leo.jpg')"></div><p><span class="pseudo_info">Eliott</span><br />Son Roméo. Pour plus d'info, voir l'histoire</p><div class="border-b"></div></div>

Fiche de gains divers

Code:

<div class="dossier_de_gain green_box"><div class="total">« J'ai cumulé un total de __XX__ point »</div><br /><br /><div class="détails">[list]- [b]Un lot de NOMBRE[/b] reçues en <a href="LIEN">MOIS</a>
- [b]Un lot de NOMBRE[/b] reçues en <a href="LIEN">MOIS</a>
- [b]Un lot de NOMBRE[/b] gagné dans <a href="LIEN">RP</a>
- [b]Un lot de NOMBRE[/b] perdu dans <a href="LIEN">RP</a>[/list]</div></div>

Symboles pour sujets

♥ & hearts; ♦ & diams; ♠ & spades; ♣ & clubs; † & dagger; • & bull; ♡ & #9825; ♢ & #9826; ➔ & #10132; ➤ & #10148; ✗ & #10007; ✓ & #10003;

& #9881; ☼ & #9788; ✩& #10025; ☆& #9734; ★ & #9733; & #9729; ♂ & #9794; ♀ & #9792;

Petits symboles sans soucis d'affichage

▼ ►

➚ ▬ • ⋆

✓ ✗ ☐ ☒

❝ ❞ "

‘‘ ” police Times new roman


source

Astuces sur le forum

Afficher ses liens dans la barre latérale

Dans la barre latérale droite se trouve le menu de navigation avec une icône bookmark :

• Cliquez dessus. Un message s'affiche alors :



• Il vous suffit de renseigner le lien du sujet que vous voulez voir affiché ici, et il sera épinglé plus tard par l'administration dans la barre latérale :



Cela vous permet de retrouver rapidement tous les sujets que vous utilisez sans avoir à les chercher sur le forum.

• Si vous souhaitez supprimer un lien, il vous suffit d'en faire la demande également, et il sera supprimé.

Afficher son avatar dans la CBox

Il est possible d'afficher son avatar ainsi que le lien de son profil dans la CBox. Pour cela, il faut chercher la barre que voici :


• Cliquez sur la petite icône en forme de bonhomme


• Enregistrez votre avatar en allant le chercher sur votre ordinateur :


• Et vous pouvez également ajouter votre lien de profil en le collant dans cet encart :

Mettre à jour son avatar dans Switcheroo

Pour mettre à jour son avatar dans Switcheroo, il suffit de faire un clic droit dessus, et l'avatar se met à jour automatiquement.