Liste épinglée :

Phantasmagoria

RPG Survival Horror Fantastique


Il neige en Enfer, et la neige est cendre.

‘‘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 :: : 1110
) :   ( :   EXP  :: :
0 / 500 / 50

Destin  :: :
0 / 50 / 5

Savoir :: :
0 / 1500 / 150

) :   ( :   ) :  
25.02.13 19:13
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 1110
) :   ( :   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="arizonia">Titre thème</div>


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 :: : 1110
) :   ( :   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 :: : 1110
) :   ( :   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 le sujet puissent facilement trouver soit la suite, soit le début. 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.forumactif.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.forumactif.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>



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.

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>& diams; arme/objet 1
& diams; arme/objet 2
& diams; 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>& diams; arme/objet 1
& diams; arme/objet 2
& diams; 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 l_"><span>LIEU -</span>
<p>xx MONTH xx12 - MOMENT</p></div><div class="floatB l_"><span>PSEUDO possède dans son sac :</span>
<p>& diams; arme/objet 1
& diams; arme/objet 2
& diams; arme/objet 3</p></div>
<hr  class="clear"/></div>


Attention : dans le code, enlevez l'espace entre "&" et "diams;" pour un bon affichage du losange.
25.02.13 19:13
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 1110
) :   ( :   EXP  :: :
0 / 500 / 50

Destin  :: :
0 / 50 / 5

Savoir :: :
0 / 1500 / 150

) :   ( :   ) :  

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



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

Pour que le pseudo et l'avatar du membre ayant posté soit celui d'un prédéfini ou PNJ souhaité, il faut utiliser ce code :

Avec avatar + pseudo


Curabitur dignissim suscipit magna.





Code:
<div class="post-pnj" data-id="793">Curabitur dignissim suscipit magna.</div>


Explications :
>> 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 :: : 1110
) :   ( :   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 :: : 1110
) :   ( :   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 :: : 1110
) :   ( :   EXP  :: :
0 / 500 / 50

Destin  :: :
0 / 50 / 5

Savoir :: :
0 / 1500 / 150

) :   ( :   ) :  

Mise en page du rp



Voici quelques petits codes mettre en page vos postes.



Le dégradé



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.


Code:
<div class="bg_trs_m padd_10">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.</div>



Le bloc usuel



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="bloc_Phanta">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>



Le fond vert



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="green_opac_box padd_10">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>
17.02.17 18:58
      
avatar
Esprit Fondateur — Fate down well things
and defeat them

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 1110
) :   ( :   EXP  :: :
0 / 500 / 50

Destin  :: :
0 / 50 / 5

Savoir :: :
0 / 1500 / 150

) :   ( :   ) :  

Les annexes



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, 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



« J'ai cumulé un total de __XX__ point »


    - Un lot de NOMBRE reçues en MOIS
    - Un lot de NOMBRE reçues en MOIS
    - Un lot de NOMBRE gagné dans RP
    - Un lot de NOMBRE perdu dans RP


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


Humain es-tu là ? Si tu es là, je te fais signe.

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 1110
) :   ( :   EXP  :: :
0 / 500 / 50

Destin  :: :
0 / 50 / 5

Savoir :: :
0 / 1500 / 150

) :   ( :   ) :  

Images de fond pour les profils



En dehors des images que vous pouvez vous-même choisir et personnaliser pour qu'ils correspondent à votre personnage, voici quelques signatures que vous pouvez utiliser en fond de profil :




Code:
https://i25.servimg.com/u/f25/17/91/95/42/signar10.jpg



Code:
https://i25.servimg.com/u/f25/17/91/95/42/sign210.jpg



Code:
https://i25.servimg.com/u/f25/17/91/95/42/sign310.jpg



Code:
https://i25.servimg.com/u/f25/17/91/95/42/sign410.jpg

29.12.18 18:26
      
avatar
Esprit Fondateur — Fate down well things
and defeat them


Humain es-tu là ? Si tu es là, je te fais signe.

( :   IMG : BGIMG • : • : ) :   ( : ◊ Points cumulés :: : 1110
) :   ( :   EXP  :: :
0 / 500 / 50

Destin  :: :
0 / 50 / 5

Savoir :: :
0 / 1500 / 150

) :   ( :   ) :  

Symboles pour sujets



Pour que les symboles s'affichent, pensez à supprimer l'espace après le &.


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


Nos partenaires

The Voodoo Child Infernum ///

Contacts

Cbox

Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit

RPG survival horror fantastique ©Phantasmagoria 2010 - 2018. L'univers, les personnages ainsi que tout le contenu inhérent à l'histoire appartiennent intégralement à sa créatrice, Nevroze. Toute reproduction, réutilisation ou copie est interdite !