Phantasmagoria, le village fantôme
RPG Survival Horror Fantastique
Interdit aux moins de 16 ans

Je vous souhaite de ne jamais rien voir et de ne jamais me croire, alors. Parce qu'il ne sera plus temps de me croire quand il sera trop tard.

▬ Sue Maryia


Quelques petits codes à utiliser dans le RP

Voir le sujet précédent Voir le sujet suivant 
25.02.13 19:12
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 957
) :   ( :   EXP  :: :
0 / 500 / 50
Destin  :: :
0 / 50 / 5
Savoir :: :
0 / 1500 / 150
) :   ( :   ) :  

A utiliser sans modération


Sommaire :


— Codes globaux
- Quelques titres
- Quelques polices à utiliser
- Quelques couleurs
- Liens entre personnages


— Codes à utiliser dans les RP
- Informations postes RP [obligatoire]
- Introduire son prédéfini
- Illustration au rp
- Informations relatives au personnage [obligatoire]
25.02.13 19:13
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 957
) :   ( :   EXP  :: :
0 / 500 / 50
Destin  :: :
0 / 50 / 5
Savoir :: :
0 / 1500 / 150
) :   ( :   ) :  

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 autre titre

Code:
<div class="sublime">Titre thème</div>


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 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>
25.02.13 19:13
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 957
) :   ( :   EXP  :: :
0 / 500 / 50
Destin  :: :
0 / 50 / 5
Savoir :: :
0 / 1500 / 150
) :   ( :   ) :  

Quelques polices


Certaines polices sont installées sur le forum et peuvent être utilisées à tout moment. Faites attentions, certaines polices ne sont lisibles qu'avec une taille supérieure à 20px.

Les polices à empattements, dites Serif, sont souvent employées dans le corps d’un texte long et sont plus lisibles sur papier que sur écran. C’est ainsi que la quasi-totalité des polices utilisées en imprimerie, et les divers styles qui ont suivi, des origines jusqu’à nos jours, sont à empattements. Parmi les polices serif les plus connues nous avons Georgia, Century ou Times

Les polices sans empattements sont aussi désignées comme « caractères bâton » ou polices sans Serif. Ces polices sont plus faciles à lire sur écran, même si elles sont de petite taille. Elles sont souvent utilisées pour mettre en valeur les titres et sous-titres. Verdana, Arial, Helvetica et Tahoma sont parmi les polices sans serif les plus utilisées.



Code à utiliser et à remplir :

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


Les polices cursive



Averia Gruesa Libre (15px)
Coming Soon (12px)
Handlee (15px)
Indie Flower (18px)
Macondo Swash Caps (15px)
Patrick Hand SC (15px)
Redressed (15px)
Tangerine (24px)
Stint Ultra Condensed (22px)
Fredericka the Great (18px)
Montez (22px)
Swanky and Moo Moo (24px)
UnifrakturMaguntia (18px)
La Belle Aurore (18px)
Neucha (15px)
Calligraffitti (15px)

Les polices serif


Gabriela (15px)
Josefin Slab (15px)
Marcellus SC (18px)
IM Fell English SC (15px)


Les polices sans-serif


ABeeZee (12px)
Quicksand (15px)
Raleway (12px)
Economica (18px)
Source sans pro (12px)
Philosopher (12px)

Les polices monospace


Nova Mono, 12px (12px)
Inconsolata, 12px (12px)


Ces polices se trouvent sur Google Web Font 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 !
25.02.13 19:13
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 957
) :   ( :   EXP  :: :
0 / 500 / 50
Destin  :: :
0 / 50 / 5
Savoir :: :
0 / 1500 / 150
) :   ( :   ) :  

Les informations relatives aux postes RP



Redirection d'un RP à un autre


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

début - "ça c'est mon super titre"

Code:
<span class="redir_link msg"><a class="grey-mono" href="http://phantasmagoria.roleaddict.com/">début - "ça c'est mon super titre"</a></span>

début - "ça c'est mon super titre"

Code:
<span class="redir_link msg"><a class="green-averia" href="http://phantasmagoria.roleaddict.com/">début - "ça c'est mon super titre"</a></span>



Fin d'un RP



Fin du RP

Code:
<span class="end_RP msg">Fin du RP</span>
25.02.13 19:13
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 957
) :   ( :   EXP  :: :
0 / 500 / 50
Destin  :: :
0 / 50 / 5
Savoir :: :
0 / 1500 / 150
) :   ( :   ) :  

Les introductions aux prédéfinis



(rappel de ce qui se trouve dans le recensement des prédéfinis)

Avec avatar + pseudo


Curabitur dignissim suscipit magna, a dapibus nisl efficitur sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur nunc lectus, eleifend sit amet metus sed, ultrices eleifend arcu. Praesent blandit nibh ullamcorper vestibulum consequat. Sed nec sollicitudin magna. Quisque vestibulum arcu at odio ultricies eleifend. Nullam sollicitudin porta libero, quis venenatis tortor sodales eu. Donec interdum sit amet lorem quis consequat. Vestibulum vel erat sit amet metus aliquam mattis. Cras consectetur ex tellus, non pellentesque quam rutrum sit amet.Curabitur dignissim suscipit magna, a dapibus nisl efficitur sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.





Code:
<div class="post-pnj" data-id="793">Curabitur dignissim suscipit magna, a dapibus nisl efficitur sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur nunc lectus, eleifend sit amet metus sed, ultrices eleifend arcu. Praesent blandit nibh ullamcorper vestibulum consequat. Sed nec sollicitudin magna. Quisque vestibulum arcu at odio ultricies eleifend. Nullam sollicitudin porta libero, quis venenatis tortor sodales eu. Donec interdum sit amet lorem quis consequat. Vestibulum vel erat sit amet metus aliquam mattis. Cras consectetur ex tellus, non pellentesque quam rutrum sit amet.Curabitur dignissim suscipit magna, a dapibus nisl efficitur sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>


>> l'attribut "data-id" doit correspondre à l'ID du prédéfini. Pour trouver cet attribut, regarder le numéro du message correspondant à la fiche du prédéfni.
>> Exemple pour Père Orosco : fiche de Père Orosco ; le message est t793 (topique numéro 793) donc le data-id pour afficher les informations de Père Orosco est 793.
>> Si le code n'affiche aucune information, c'est que les informations n'ont pas été renseignées dans la base de données. Pour rajouter votre prédéfini, faites-en la demande dans le sujet gestion des informations générales.
02.04.13 22:54
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 957
) :   ( :   EXP  :: :
0 / 500 / 50
Destin  :: :
0 / 50 / 5
Savoir :: :
0 / 1500 / 150
) :   ( :   ) :  

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 ”


• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
23.06.13 11:38
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 957
) :   ( :   EXP  :: :
0 / 500 / 50
Destin  :: :
0 / 50 / 5
Savoir :: :
0 / 1500 / 150
) :   ( :   ) :  

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


« Roses frivoles pour habitants frigides? »

Main street

chapitre d'introduction - date du RP



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


« Tu m'as appelée, je suis venue »

poste final à l’évent de saint-valentin



Code:
<div class="pre-post simple"><div class="title">« Titre du rp »</div><img src="URL_de_L_Image_En_Taille_500_X_47/50_Si_Possible" class="illustration" /><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


Entrée du parc

La galery



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



Les images des divers endroits relatifs à Phantasmagoria peuvent s'obtenir ici : liste des lieux à visiter. Pour les évènements, voici quelques images disponibles :

Quelques bannières:
 
15.04.15 16:36
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 957
) :   ( :   EXP  :: :
0 / 500 / 50
Destin  :: :
0 / 50 / 5
Savoir :: :
0 / 1500 / 150
) :   ( :   ) :  

Informations sur le rp



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.

Avec deux blocs


Main Street -

04 Mars xx12 - matinée


Nevroze possède dans son sac :

♦ une pince à épiler
♦ un rasoir électrique
♦ une tronçonneuse




Code:
<div class="intro_RP_army"><div><span>ENDROIT DU RP -</span>
<p>date du RP - moment de la journée</p></div>
<div><span>PSEUDO possède dans son STYLE_SAC :</span>
<p>♦ arme/objet 1
♦ arme/objet 2
♦ arme/objet 3</p></div>
<hr /></div>

Avec un bloc


Nevroze possède dans son sac :

♦ une pince à épiler
♦ un rasoir électrique
♦ une tronçonneuse




Code:
<div class="intro_RP_army"><div><span>PSEUDO possède dans son STYLE_SAC :</span>
<p>♦ arme/objet 1
♦ arme/objet 2
♦ arme/objet 3</p></div>
<hr /></div>

Deux blocs côtes à côtes


Main Street -

04 Mars xx12 - matinée

Nevroze possède dans son sac :

♦ une pince à épiler
♦ un rasoir électrique
♦ une tronçonneuse




Code:
<div class="intro_RP_army two-col"><div class="floatB"><span>LIEU -</span>
<p>xx MONTH xx12 - MOMENT</p></div><div class="floatB"><span>PSEUDO possède dans son sac :</span>
<p>♦ arme/objet 1
♦ arme/objet 2
♦ arme/objet 3</p></div>
<hr /></div>
17.02.17 18:58
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 957
) :   ( :   EXP  :: :
0 / 500 / 50
Destin  :: :
0 / 50 / 5
Savoir :: :
0 / 1500 / 150
) :   ( :   ) :  

Fiche de liens entre les personnages



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


PSEUDO_LIEN
LIEN_INFOS


PSEUDO_LIEN
LIEN_INFOS




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 :

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>
Contenu sponsorisé
      
Contenu sponsorisé — 


" mise à disposition des mineurs interdite (article 227-24 du code pénal) "
© Phantasmagoria 2010 - 2017 • Tous droits réservés : copie partielle et/ou totale strictement interdite !