19/10/2020 bruit sur le campus
Aaron O'Quinn a des moeurs légères puisqu'il aurait exploré la bouche de Jasmin Xuē et visité les draps de Skye Bolton dans la même soirée. Sinon, Cliff Crawford a encore trompé Hope Sanders, avec une cette fois. Mais cette dernière aurait trouvé consolation ailleurs...

23/09/2020 balancé par l'étudiant mystère
Fait avéré avec témoins Pour une raison obscure, Louison Lavellier aurait invité un Phi Sigma Delta du nom de Suho Kim à une soirée organisée par les Thêta Tau Pi, ce qu'Hope Sanders ou Aaron O'Quinn et sa clique ne semblent pas valider des masses pour le bien de leur réputation. Quant au Nerd concerné, il a été ridiculisé sur la place publique puisque sa seule présence a encouragé les moqueries de l'assemblée. Pensait-il se faire des amis ? Naïf ! Pas étonnant qu'il ait quitté la fête avant son terme !

18/09/2020 balancé par l'étudiant mystère
Cliff Crawford aurait trompé Hope Sanders avec une outsider dans les toilettes. Parait que depuis, le couple bat de l'aile...


☰ SEE ALL

Le Deal du moment : -20%
Drone Dji DJI Mini 4K (EU)
Voir le deal
239 €


Campus Dramas :: #Programme de l 'année :: Tableau d'affichage :: La gérance :: Ressources / Astuces
 
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Sam 11 Juil - 20:30    
 
Les ressources disponibles
pour une présentation bien léchée !

On sait que ce n'est pas toujours facile de façonner son personnage proprement ou d'esthétiser ses posts quand on n'y connait rien en matière de codage, qu'on ne possède pas les logiciels adéquats, ou tout simplement qu'on ne sait pas où aller ni par où commencer... C'est pour ça qu'on a réuni un paquet d'informations et de précieux tuyaux pour t'aider à te repérer, et qu'on t'a même mitonné des éléments pré-codés dans l'esprit du forum à utiliser à ta guise, voire travestir si tu as quelques notions d'HTML et de CSS.

Sers-toi et enjoy !

Ton perso et ton avatar
Styliser le texte
Polices du forum
Caractères spéciaux
Bouts de code
Tableaux à onglets
Fiches de réponse RPG
Signatures
Trucs et astuces
[hideedit]


Dernière édition par Etudiant mystère ♛ le Mer 21 Oct - 19:25, édité 5 fois
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Sam 11 Juil - 21:02    
 
Ton avatar
les outils pour lui donner forme



Un nom selon tes origines : ❖ Fantasy name generators
Un nom selon sa signification : ❖ Signification prenom



Galeries d'avatars : (voir le bottin) - ❖ Angel dustVisenyaGraphic obsessionEternal lustCranberryShiyaJenesaispasAutres créateursEncore plus...

Adapter ton vava aux dimensions réglementaires (200px * 320px) :
RedimensionnerRecadrer



Astuces graphiques : ❖ Retoucher des photosRetravailler des gifs
Ajouter des scintillements animésHéberger des images ou gifs lourds
Réduire le poids d'une image


[hideedit]


Dernière édition par Etudiant mystère ♛ le Jeu 8 Oct - 14:13, édité 4 fois
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Sam 11 Juil - 21:03    
 
Bricoles


Code:
<hr />


Code:
<girl /> <boy /> <infini /> <star /> <los /> <tiret />


Code:
<elite /> <arty /> <runner /> <wanker /> <nerd /> <solo />



Formes du texte
Texte surligné
Code:
<u>Texte surligné</u>

Texte souligné puis surligné au survol
Code:
<ss>Texte souligné puis surligné au survol</ss>

Texte avec son petit effet design / minimaliste
Code:
<t-class>Texte avec son petit effet design / minimaliste</t-class>

Bandeau de texte
Code:
<bandeau>Bandeau de texte</bandeau>



Couleurs du texte
Texte utilisant la couleur #1 du forum
Code:
<c1>Texte utilisant la couleur #1 du forum</c1>

Texte utilisant la couleur #2 du forum
Code:
<c2>Texte utilisant la couleur #2 du forum</c2>

Texte utilisant la couleur #1 du forum (version fade)
Code:
<chrp>Texte utilisant la couleur #1 du forum</chrp> (version fade)

Texte utilisant la couleur #2 du forum (version fade)
Code:
<crp>Texte utilisant la couleur #2 du forum (version fade)</crp>

Texte utilisant la couleur des
Code:
<span style="color:var(--elite);">Texte utilisant la couleur des</span> <elite />

Texte utilisant la couleur des
Code:
<span style="color:var(--arty);">Texte utilisant la couleur des</span> <arty />

Texte utilisant la couleur des
Code:
<span style="color:var(--nerd);">Texte utilisant la couleur des</span> <nerd />

Texte utilisant la couleur des
Code:
<span style="color:var(--wanker);">Texte utilisant la couleur des</span> <wanker />

Texte utilisant la couleur des
Code:
<span style="color:var(--runner);">Texte utilisant la couleur des</span> <runner />

Texte utilisant la couleur des
Code:
<span style="color:var(--outsider);">Texte utilisant la couleur des</span> <solo />



Fonds du texte
Texte au fond dégradé pour titre de paragraphe
Code:
<blou-arc>Texte au fond dégradé pour titre de paragraphe</blou-arc>

Texte au fond dégradé peps
Code:
<co-arc>Texte au fond dégradé peps</co-arc>



Fonds du texte officiels
Texte au fond dégradé utilisant les couleurs du forum
Code:
<rad>Texte au fond dégradé utilisant les couleurs du forum</rad>

Texte utilisant pour fond la couleur #1 du forum
Code:
<bt2>Texte utilisant pour fond la couleur #1 foncée du forum</bt2>

Texte utilisant pour fond la couleur #2 du forum
Code:
<bt1>Texte utilisant pour fond la couleur #2 foncée du forum</bt1>



Fonds du texte par groupe
Texte utilisant pour fond la couleur des
Code:
<btelite>Texte utilisant pour fond la couleur des </btelite><elite />

Texte utilisant pour fond la couleur des
Code:
<btarty>Texte utilisant pour fond la couleur des </btarty><arty />

Texte utilisant pour fond la couleur des
Code:
<btrunner>Texte utilisant pour fond la couleur des </btrunner><runner />

Texte utilisant pour fond la couleur des
Code:
<btwanker>Texte utilisant pour fond la couleur des </btwanker><wanker />

Texte utilisant pour fond la couleur des
Code:
<btnerd>Texte utilisant pour fond la couleur des </btnerd><nerd />

Texte utilisant pour fond la couleur des
Code:
<btsolo>Texte utilisant pour fond la couleur des </btsolo><solo />


Outils de texte via sites externes :
[hideedit]


Dernière édition par Etudiant mystère ♛ le Mer 23 Sep - 5:36, édité 4 fois
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Sam 11 Juil - 21:04    
 
Polices du forum
Code:
<span style="font-family:NOM DE LA POLICE ICI;">Ton texte ici</span>

Average
Berkshire Swash
Bigelow Rules
Bungee Hairline
Bungee Inline
Cabin Sketch
Cinzel
Comfortaa
Cookie
Cormorant Garamond
Codystar
Courgette
Courier
Dancing Script
Eater
Euphoria Script
Faster One
Fredericka the Great
Frijole
Gloria Hallelujah
Great Vibes
Henny Penny
IM Fell Double Pica SC
Italianno
Jim Nightshade
Lobster
Londrina Shadow
Lovers Quarrel
Major Mono Display
Metal Mania
Monoton
Montserrat Alternates
Muli
Nosifer
Pacifico
Playfair Display SC
Pompiere
Roboto Condensed
Share Tech Mono
Six Caps
Snippet
Special Elite
TrebuchetMS
Quicksand
Verdana
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Sam 11 Juil - 21:06    
 
Caractères spéciaux
qui font la diff'

☰ Ϟ๑•ิ.•ั๑ ๑۩۞۩๑ ♬✿.。.:* ★ ☆ εїз℡❣·۰•●○●ōゃ ♥ ♡๑۩ﺴ ☜ ☞ ☎ ☏♡ ⊙◎ ☺✖╄ஐﻬ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫♦ ▀ ▄ █▌ ▐░ ▒ ▬♦ ◊ ◦ ☼ ♠♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆ → あ ぃ £ # @ & * ❁ ❀ ✿ ✾ ❃ ✺ ❇ ❈ ❊ ❉ ✱ ✲ ✩ ✫ ✬ ✭ ✮ ✰ ☆ ★ ✪ ¤ ☼ ☀ ☽ ☾ ☰ ღ☻ ☺ ❂ ◕ ⊕ ☉ Θ o O ☯ ㊝ ⊙ ◎◑ ◐ ۰ • ● ▪ ▫ 。 ゚ ๑ ☜ ☞ ☂ ♨ ☎ ☏ × ÷ = ≠ ≒ ∞ ˇ ± √ ⊥▶◀☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☑☢ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ♠ ♡ ♢ ♣♥ ♦♨ ♩ ✙ ✈ ✉ ✁♝ ♞♯♩♪♫♬♭♮ ☎☪ ♨™ ♂✿ ♥ の ↑ ↓ ← → ↖ ↗ ↙ ↘ ㊣ ◎ ○ ● ⊕ ⊙ ○  △ ▲ ☆ ★ ◇ ◆ ■ □ ▽ ▼ § ¥ 〒 ¢ £ ※ ♀ ♂ &⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ✐✡✔✖ ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ♥▪ ▫♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◘ ◙ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ ✄☪☣☢☠░ ▒ ▬ ♦ ◊ ◦ ♠ ♣ ▣ ۰•● ●•۰► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫♦♧♡♂♀♠♣♥☜☞☎☏⊙◎ ☺☻☼▧▨♨◐◑↔↕▪ ▒ ◊◦▣▤▥ ▦▩◘ ◈◇♬♪♩♭♪の★☆→あぃ£Ю〓§♤♥▶¤๑⊹⊱⋛⋌⋚⊰⊹ ๑۩۩.. ..۩۩๑ ๑۩۞۩๑ ✲ ❈ ✿ ✲ ❈ ➹ ~.~ ◕‿- ❣ ✚ ✪ ✣ ✤ ✥ ✦❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☪ ☣ ☢ ☠ ☭ღღღ ▶◀☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ⊙ ☊ ☋ ☌ ☍ⓛⓞⓥⓔ๑•ิ.•ั๑ ๑۩۞۩๑ ♬✿ ☉ ☰ ♢ ♣♥ ♦♨ ♩ ✙✈ ✉ ✁ ✎ ✐ ❀ ✰ ❁ ❥ ❦❧ ➳ ➽ εїз℡❣·۰•●○●ゃōゃ♥ ♡๑۩ﺴ ☜ ☞ ☎ ☏♡ ⊙◎ ☺✖╄ஐﻬ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫♦ ▀ ▄ █▌ ▐░ ▒ ▬♦ ◊ ◦ ☼ ♠♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆ → あ ぃ £ ❁ ❀ ✿ ✾ ❃ ✺ ❇ ❈ ❊ ❉ ✱ ✲ ✩ ✫ ✬ ✭ ✮ ✰ ☆ ★ ✪ ¤ ☼ ☀ ☽ ☾ ♡ ღ☻ ☺ ❂ ◕ ⊕ ☉ Θ o O ☯ ㊝ ⊙ ◎ ◑ ◐ ۰ • ● ▪ ▫ 。 ゚ ๑ ☜ ☞ ☂ ♨ ☎▶◀☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☑☢ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ♠ ♝ ♞♯♩♪♫♬♭♮ ☎☪ ♨ ºº ₪ ¤ 큐 « »™ ♂✿ ♥ の ↑ ↓ ← → ↖ ↗ ↙ ↘ ㊣ ◎ ○ ● ⊕ ⊙ ○  △ ▲ ☆ ★ ◇ ◆ ■ □ ▽ ▼ § ¥〒 ¢ £ ※ ♀ ♂ © ® ⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ✐✡✔✖ ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ♥▪ ▫♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◘ ◙ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ ✄☪☣☢☠㊊㊋㊌㊍㊎㊏ ㊐㊑㊒㊓㊔㊕㊖㊗㊘㊜㊝㊞㊟㊠㊡㊢ ㊣㊤㊥㊦㊧㊨㊩㊪㊫㊬㊭㊮㊯㊰✗✘✚✪✣✤✥✦✧✩✫✬✭✮✯✰ ✱✲✳❃❂❁❀✿✾✽✼✻✺✹✸✷ ✶✵✴❄❅❆❇❈❉❊❋❖☀☂☁【】┱ ┲ ❣ ✪ ✣ ✤ ✥ ✦ ❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☪ ☣ ☢ ☠ ☭ ➸ ✓ ✔✖ .: ◢ ◣ ◥ ◤ ▽ ▧ ▨ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ▓ ▒ ░ ™ ℡ 凸 の ๑۞๑ ๑۩ﺴ ﺴ۩๑ o(‧”’‧)o ❆ べò⊹⊱⋛⋋ ⋌⋚⊰⊹ ⓛⓞⓥⓔ ☀ ☼ ☜ ☞ ⊙®♦ ◊ ◦ ◇ ◆ εїз❃❂❁❀✿✾✽✼✻✺✹✸✷ ✶✵✴❄❅❆❇❈❉ ❊❋❖❥❦❧↔ ↕ ▪ → ︷╅╊✿ (¯`•._.• •._.•´¯)(¯`•¸•´¯)`•.¸¸.•´´¯`•• .¸¸.•´¯`•.•●•۰• ••.•´¯`•.•• ••.•´¯`•.••—¤÷(`[¤* *¤]´)÷¤——(•·÷[ ]÷·•)— ①②③④⑤⑥⑦⑧⑨⑩ ⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳ ⒶⒷⒸⒹⒺⒻ ⒼⒽⒾⒿⓀⓁ ⓂⓃⓄⓅⓆⓇ ⓈⓉⓊⓋⓌⓍ ⓎⓏ ⓐⓑⓒⓓⓔⓕ ⓖⓗⓘⓙⓚⓛ ⓜⓝⓞⓟⓠⓡ ⓢⓣⓤⓥⓦⓧ ⓨⓩ(⊙▂⊙✖ )(づ  ̄ ³ ̄)づ ( c//”-}{-*\\x)(-’๏_๏’-)(◐ o ◑ )(⊙…⊙ )๏[-ิ_•ิ]๏(•ิ_•ิ)\(•ิ_•ิ\)
[hideedit]


Dernière édition par Etudiant mystère ♛ le Dim 12 Juil - 7:07, édité 1 fois
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Sam 11 Juil - 21:07    
 
Triangle des groupes
Largeur: modifiable

arty élite nerd runner wanker outsider

Code:
<!-- IMG ARTY --><img src="https://zupimages.net/up/20/21/xf2g.png" width="70" class="trils" alt="arty" />
Code:
<!-- IMG ELITE --><img src="https://zupimages.net/up/20/21/p1gd.png" width="70" class="trils" alt="élite" />
Code:
<!-- IMG NERD --><img src="https://zupimages.net/up/20/21/d3pc.png" width="70" class="trils" alt="nerd" />
Code:
<!-- IMG RUNNER --><img src="https://zupimages.net/up/20/21/2bzk.png" width="70" class="trils" alt="runner" />
Code:
<!-- IMG WANKER --><img src="https://zupimages.net/up/20/21/yg9t.png" width="70" class="trils" alt="wanker" />
Code:
<!-- IMG OUTSIDER --><img src="https://zupimages.net/up/20/21/6tss.png" width="70" class="trils" alt="outsider" />



Le présent gros titre
Code:
<ftitre>Le présent gros titre</ftitre>



✧☽ Un titre dans un cadre ☾✧
Code:
<fdtitleb><basl>✧☽ Un titre dans un cadre ☾✧</basl></fdtitleb>



Un titre design
Largeur: automatique | Image modifiable

Le titre qui claque icijamais sans son sous-titre
Code:
<mid><rd><!--

IMAGE DE LA PASTILLE :

--><millu style="background:url(URL DE TON IMAGE ICI)center center;background-size:cover;"></millu></rd><tb><!--

TITRE DU SUJET :

-->Un titre qui claque<!--

sepa--></tb><stb><!--

SOUS TITRE DU SUJET :

-->jamais sans son sous-titre<!--

sepa--></stb><clearb></clearb></mid>



Sans couleur de fond
Largeur: automatique | Image modifiable

Le titre qui claque icijamais sans son sous-titre
Code:
<mid style="background:white;"><rd><!--

IMAGE DE LA PASTILLE :

--><millu style="background:url(URL DE TON IMAGE ICI)center center;background-size:cover;"></millu></rd><tb><!--

TITRE DU SUJET :

-->Un titre qui claque<!--

sepa--></tb><stb><!--

SOUS TITRE DU SUJET :

-->jamais sans son sous-titre<!--

sepa--></stb><clearb></clearb></mid>



Sans le cadre
Largeur: automatique | Image modifiable

Le titre qui claque icijamais sans son sous-titre
Code:
<rd><!--

IMAGE DE LA PASTILLE :

--><millu style="background:url(https://zupimages.net/up/20/28/s4eq.gif)center center;background-size:cover;"></millu></rd><tb><!--

TITRE DU SUJET :

-->Le titre qui claque ici<!--

sepa--></tb><stb><!--

SOUS TITRE DU SUJET :

-->jamais sans son sous-titre<!--

sepa--></stb><clearb></clearb>



Texte dans un cadre #1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.
Code:
<bandeau><cdre-band>Contenu ici.</cdre-band></bandeau>


Texte dans un cadre #2
Largeur: automatique

Et le beau titreLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Code:
<cadrep2><textp><ftitre style="font-size:14px;">Et le beau titre</ftitre><bandeau><!--

CONTENU :
--> Contenu ici.
</bandeau></textp></cadrep2>



Avec défilement
Largeur: automatique

Et le beau titreLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.


Code:
<cadrep2><textp><ftitre style="font-size:14px;">Et le beau titre</ftitre><bandeau><ptj><!--

CONTENU :
--> Contenu ici.

</ptj></bandeau></textp></cadrep2>



Tout nu
Largeur: automatique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Code:
<cadrep2><textp><!--

--> Contenu ici.
</textp></cadrep2>



Texte minimaliste
Largeur: automatique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.
Code:
<blockquote><blockquote>Ton texte ici</blockquote></blockquote>



Texte + image de côté
Largeur: automatique | Image modifiable

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.


Code:
<textp class="aleft3"><!--

TON IMAGE :

--><aego style="background:url(URL DE TON IMAGE ICI)center center;background-size:cover;"></aego><cdrego style="background:white;"><!--

TON BLA BLA :

-->A rédiger ici

</cdrego></textp>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.


Code:
<textp class="aleft4"><!--

TON IMAGE :

--><aegol style="background:url(URL DE TON IMAGE ICI)center center;background-size:cover;"></aegol><cdrego style="background:white;"><!--

TON BLA BLA :

-->A rédiger ici

</cdrego></textp>
[hideedit]


Dernière édition par Etudiant mystère ♛ le Mer 23 Sep - 5:39, édité 3 fois
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Sam 11 Juil - 21:08    
 
Tableau à onglets #1
Largeur: automatique


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Code:
<div class="tabs-onglets4"><a href="#ong1c"><!--

INTITULE ONGLET 1 :
--><star /><span style="color:var(--arty);">Titre de l'onglet 1</span><!--

--></a> <a href="#ong2c"><!--

INTITULE ONGLET 2 :
--><star /><span style="color:var(--arty);">Titre de l'onglet 2</span><!--

--></a> <a href="#ong3c"><!--

INTITULE ONGLET 3 :
--><star /><span style="color:var(--arty);">Titre de l'onglet 3</span><!--

--></a></div><div id="contenuonglc"><!--

DEBUT ONGLET 1 --><div id="ong1c">
Contenu ici.
</div><!-- FIN ONGLET 1 --><!--

DEBUT ONGLET 2 --><div id="ong2c">
Contenu ici.
</div><!-- FIN ONGLET 2 --><!--

DEBUT ONGLET 3 --><div id="ong3c">
Contenu ici.
</div><!-- FIN ONGLET 3 --></div>



Tableau à onglets #2
Largeur: automatique | Images et couleur de fond des titres des onglets modifiables


Intitulé de la partie
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Intitulé de la partie
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Intitulé de la partie
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.


Code:
<!-- Pour modifier le fond des titres des onglets, repère ces 3 lignes de code : '<fdo style="background:#000;">' .

1) Insère un code couleur de ton choix à la place de #000 dans ces lignes.
2) Pour mettre une couleur de fond relative à un groupe, insére l'un des codes suivants à la place de #000 :

var(--elite)
var(--arty)
var(--runner)
var(--wanker)
var(--nerd)
var(--outsider)            FIN DE LA PARENTHESE, LE CODE COMMENCE -->
<div class="tabs-onglets3"><a href="#ong1" class="bt6"><!--

INTITULE ONGLET 1 :
--><star />Titre de <fdo style="background:#000;"> l'onglet 1 </fdo><!--

--></a> <a href="#ong2" class="bt6"><!--

INTITULE ONGLET 2 :
--><star />Titre de <fdo style="background:#000;"> l'onglet 2 </fdo><!--

--></a> <a href="#ong3" class="bt6"><!--

INTITULE ONGLET 3 :
--><star />Titre de <fdo style="background:#000;"> l'onglet 3 </fdo><!--

--></a></div><fdl3><cadrel2b style="padding:20px 20px 20px 20px;"><br /><rpg-liste2 class="globcdre"><div id="contenuongl"><!--

DEBUT ONGLET 1 --><div id="ong1"><cdreimg2><!--

IMAGE #1 ONGLET 1 :
--><img src='https://zupimages.net/up/20/39/2aa2.gif' class='staffimg2' /><!--

IMAGE #2 ONGLET 1 :
--><img src='https://zupimages.net/up/20/24/y62r.jpg' class='staffimg4' /></cdreimg2><cdreff><ftitre style="font-size:14px;"><!--

GROS TITRE DE L'ONGLET 1 :
--> Juste ici </ftitre><textst>
<!--

CONTENU ONGLET 1 :
--> Contenu ici.

</textst></cdreff></div><!--

DEBUT ONGLET 2 --><div id="ong2"><cdreimg2><!--

IMAGE #1 ONGLET 2 :
--><img src='https://zupimages.net/up/20/39/2aa2.gif' class='staffimg2' /><!--

IMAGE #2 ONGLET 2 :
--><img src='https://zupimages.net/up/20/24/y62r.jpg' class='staffimg4' /></cdreimg2><cdreff><ftitre style="font-size:14px;"><!--

GROS TITRE DE L'ONGLET 2 :
--> Juste ici </ftitre><textst>
<!--

CONTENU ONGLET 2 :
--> Contenu ici.

</textst></cdreff></div><!--

DEBUT ONGLET 3 --><div id="ong3"><cdreimg2><!--

IMAGE #1 ONGLET 3 :
--><img src='https://zupimages.net/up/20/39/s05v.gif' class='staffimg2' /><!--

IMAGE #2 ONGLET 3 :
--><img src='https://zupimages.net/up/20/38/4kfw.jpg' class='staffimg4' /></cdreimg2><cdreff><ftitre style="font-size:14px;"><!--

GROS TITRE DE L'ONGLET 3 :
--> Juste ici </ftitre><textst>
<!--

CONTENU ONGLET 3 :
--> Contenu ici.

</cdreff></div></div></rpg-liste2></cadrel2b></fdl3>



Tableau à onglets #3
Largeur: automatique | Images modifiables (pas trop claires pour un rendu lisible)


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.


Code:
<style>cdre a.s/*--

IMAGE DE FOND BOUTON ONGLET 1 :

--*/{background:url(URL IMAGE ONGLET 1)center center;background-size:cover;} cdre a.p{/*--

IMAGE DE FOND BOUTON ONGLET 2 :

--*/background:url(URL IMAGE ONGLET 2)center center;background-size:cover;} cdre a.o/*--

IMAGE DE FOND BOUTON ONGLET 3 :

--*/{background:url(URL IMAGE ONGLET 3)center center;background-size:cover;}</style><!--

NE PAS MODIFIER CE QUI SUIT--><cdre class="ls1"><div class="tabs-onglets"><a class="s" href="#Onglet1a"><!--

TITRE ONGLET 1 :

-->Onglet 1<!--

NE PAS MODIFIER CE QUI SUIT--></a> <a class="p" href="#Onglet2a"><!--

TITRE ONGLET 2 :

-->Onglet 2<!--

NE PAS MODIFIER CE QUI SUIT--></a> <a class="o" href="#Onglet3a"><!--

TITRE ONGLET 3 :

-->Onglet 3<!--

NE PAS MODIFIER CE QUI SUIT--></a></div><div id="contenu" style="background:white;">
<div id="Onglet1a"><!--

CONTENU ONGLET 1 :

-->Bla bla bla

<!--NE PAS MODIFIER CE QUI SUIT--></div>
<div id="Onglet2a"><!--

CONTENU ONGLET 2 :

-->Bla bla bla

<!--NE PAS MODIFIER CE QUI SUIT--></div>
<div id="Onglet3a"><!--

CONTENU ONGLET 3 :

-->Bla bla bla

</div></div><clearb></clearb></cdre>


Dernière édition par Etudiant mystère ♛ le Dim 29 Nov - 16:36, édité 6 fois
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Sam 11 Juil - 21:09    
 
Fiche de RPG standard
Titre de la mort qui tue ici
ft. nom du/des partenaire/s Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna.

Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna.

Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.


Campus Dramas

Code:
<center><fd-imgl class="fdrpg"><!--

PHOTO ENTÊTE :

--><headl class="phrp" style="background:url(URL DE LA PHOTO ICI)center center;background-size:cover;"><!--

PHOTO PARTENAIRE :

--><partrp style="background:url(URL DE LA PHOTO ICI)center center;background-size:cover;"></partrp></headl></fd-imgl><namel class="narp"><!--

TON JOLI TITRE :

--> Titre de la mort qui tue ici <!--

NE PAS TOUCHER --></namel><table class="cdrebl"><tr><td class="col-l"><stl class="prpg"><brp>ft. </brp><!--

PARTENAIRES :

--> nom du/des partenaire/s <!--

NE PAS TOUCHER--></stl><blocl class="blrp"><!--

CONTENU :

--> RPG à rédiger ici

<!--NE PAS TOUCHER --></blocl></td></tr></table><brdrp></brdrp>
<crd>Campus Dramas</crd></center>



Autres fiches via codes LS
Titre du RPG nom des partenaires
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.
C.D.
Code:
<mid style="background:white;"><rd><!--

IMAGE DE LA PASTILLE :

--><millu style="background:url(URL DE TON IMAGE ICI)center center;background-size:cover;"></millu></rd><tb><!--

TITRE DU SUJET :

--> Titre du RPG ici <!--

sepa--></tb><stb><!--

SOUS TITRE DU SUJET :

--> nom des partenaires ici<!--

sepa--></stb><clearb></clearb></mid><blockquote><blockquote><!--

--> Ton RPG ici

</blockquote></blockquote>
<crd style="text-align:center;width:30px;margin:auto;">C.D.</crd>



Défilement automatique
Titre du RPG nom des partenaires
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque.

Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque.

Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et.

Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et. Sed eros neque, blandit in nisl a, suscipit dictum urna. Aenean eu elementum lectus, at dignissim neque. Nullam ut arcu elit. In sed ex sed purus venenatis mattis. Vestibulum auctor risus non consequat consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies est leo, ac imperdiet augue porttitor et.
C.D.
Code:
<mid style="background:white;"><rd><!--

IMAGE DE LA PASTILLE :

--><millu style="background:url(URL DE TON IMAGE ICI)center center;background-size:cover;"></millu></rd><tb><!--

TITRE DU SUJET :

--> Titre du RPG ici <!--

sepa--></tb><stb><!--

SOUS TITRE DU SUJET :

--> nom des partenaires ici<!--

sepa--></stb><clearb></clearb></mid><blockquote style="max-height:400px;overflow:auto;><blockquote><!--

--> Ton RPG ici

</blockquote></blockquote>
<crd style="text-align:center;width:30px;margin:auto;">C.D.</crd>

Autres codages en libre-service via sites externes :
[hideedit]


Dernière édition par Etudiant mystère ♛ le Sam 11 Juil - 21:13, édité 1 fois
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Jeu 1 Oct - 12:27    
 
Signatures
Largeur: 210px | Images et couleur du texte modifiables



✧☽ un titre bien stylé Petit texte personnalisé ici pour insérer tout ce que tu veux sur ton perso. Ca peut être un slogan un peu cool ou quelque chose de plus profond, it's up to you !signature ?


Code:
<center><carsi><imgs style="background:url(URL PHOTO 1 ICI)center center;background-size:cover;"></imgs></carsi><carsi><imgs style="background:url(URL PHOTO 2 ICI)center center;background-size:cover;"></imgs></carsi>
<cs><ttcs><c2>✧☽</c2> TITRE ICI <c1>ღ</c1></ttcs><txt2 style="color:var(--arty);">TEXTE ICI</txt2><signcs><c2>SIGNATURE ICI</c2></signcs></cs></center>



✧☽ un titre bien stylé Petit texte personnalisé ici pour insérer tout ce que tu veux sur ton perso. Ca peut être un slogan un peu cool ou quelque chose de plus profond, it's up to you !signature ?


Code:
<center><rd3><millu3 style="background:url(URL PHOTO 1 ICI)center center;background-size:cover;"></millu3></rd3><rd2><millu2 style="background:url(URL PHOTO 2 ICI)center center;background-size:cover;"></millu2></rd2><rd3><millu3 style="background:url(URL PHOTO 3 ICI)center center;background-size:cover;"></millu3></rd3>
<cs><ttcs><c2>✧☽</c2> TITRE ICI <c1>ღ</c1></ttcs><txt2 style="color:var(--runner);">TEXTE ICI</txt2><signcs><c1>SIGNATURE ICI</c1></signcs></cs></center>


Une couleur par groupe :
color:var(--elite);
color:var(--arty);
color:var(--nerd);
color:var(--runner);
color:var(--wanker);
color:var(--outsider);

Sites externes :
[hideedit]
Etudiant mystère ♛
X | Outsider | Maître du jeu
Etudiant mystère ♛
background • liens • rp • awards
cursus et petits secrets
» Mer 21 Oct - 19:12    
 
Trucs et astuces✪ N'utiliser qu'une seule adresse mail pour plusieurs comptes X
✪ Intégrer une vidéo Youtube ou Dailymotion dans un post du flood X
✪ Masquer "Edité X fois par Machin" à la fin des posts X
✪ Identifier un membre dans un post X
✪ Tu as d'autres astuces en stock à partager ?
I see U
Si tu penses que ça peut être utile à la communauté, on t'invite à les soumettre dans la boîte à idées. Merci sweetie ! Coeur joli

✪ N'utiliser qu'une seule adresse mail pour plusieurs comptesLa vie serait tellement plus simple si on n'avait pas à créer une énième adresse mail pour l'associer à un multi-compte, n'est-ce pas ? Pour pallier à ce problème de logistique très courant, il y a une solution qui ne demande AUCUN effort !

L'adresse email associée à mon compte principal sur le forum :
etudiantmystere @gmail.com

Pour mon DC Lou de Nombel, je peux garder la même adresse en procédant de cette façon :
etudiantmystere+lou@gmail.com

Derrière le + on peut mettre ce qu'on veut. Forumactif reconnaîtra cette adresse comme différente de celle rentrée pour mon compte principal, mais je recevrai bien les messages du compte de Lou sur mon adresse régulière. Wink
✪ Intégrer une vidéo Youtube ou Dailymotion dans un post du floodC'est vraiment tout bête. Il suffit de copier/coller le lien de la vidéo dans ton message. Celle-ci ne sera pas visible en prévisualisation du post mais bien là une fois le message envoyé.

Exemple :
✪ Masquer "Edité X fois par Machin" à la fin des postsNon seulement c'est un peu disgracieux, mais en plus on veut parfois pouvoir modifier nos messages sans brandir un gros panneau à la communauté qui dit qu'on est un gros maniaque perfectionniste qui a besoin de s'y reprendre 36 fois avant de trouver satisfaction. Laughing Si t'es comme moi, l'astuce suivante te ravira. Pour cacher cette petite phrase intrusive, il suffit d'ajouter le mini code suivant à la fin de ton post :

[hideedit*] sans l'étoile*

alerte bug Attention cependant à ne pas recourir à ce code si tu utilises un tableau à onglets dans ton post. En effet, le code pour masquer les éditions fait appel à un script qui, visiblement, empêche la bonne navigation entre les onglets d'un tableau. Retiens juste que ces deux codes ne peuvent coexister sur un même post.

alerte triche A titre de rappel, il est formellement interdit d'utiliser cette astuce sur un post annonçant un lancer de dés. Ben oui, ça serait trop facile de pouvoir éditer son message incognito après le tirage du doyen en changeant les options du lancer pour s'en sortir gagnant.e ! Si tu fraudes, tu t'attireras les foudres des dieux et ils rigolent pas.  What a Face Blague à part, on ne veut pas s'amuser à faire la police parce qu'on n'a pas six ans et qu'on veut juste jouer sans pression, alors on compte sur toi pour rester fair-play et utiliser ce petit bout de code à bon escient. Wink
✪ Identifier un membre dans un postOn ne sait jamais, si tu n'es pas un.e habitué.e des forums RPG tu n'es peut-être pas au parfum de la marche à suivre. Pour identifier un membre dans l'un de tes messages, il suffit d'indiquer son nom comme suit, en respectant les majuscules, les espaces et sans enlever les guillemets :

Code:
@"Nom complet du membre"

Pour m'identifier par exemple, ça donnerait ça :

Code:
@"Etudiant mystère ♛"

Note que pour éviter de te casser la tête à tout rentrer manuellement, lorsque tu parcoures un topic tu peux simplement cliquer sur le @ devant chaque pseudo, ou encore le mégaphone en haut à droite de chaque post, pour insérer automatiquement la formule complète dans l'éditeur de réponse rapide, en bas de la page du sujet. De même, un bouton @ est directement intégré à l'éditeur de texte pour n'avoir à taper que le nom d'un membre pour l'identifier.

Attention, si tu identifies un membre en éditant un post, celui-ci ne recevra jamais de notification. Pour que le principe fonctionne, il est impératif d'identifier avant de poster le message pour la première fois.
Contenu sponsorisé
background • liens • rp • awards
cursus et petits secrets
»     
 
Page 1 sur 1  Revenir en haut 


Permission de ce forum:

Vous ne pouvez pas répondre aux sujets dans ce forum
-
Sauter vers: 
 

Campus Dramas :: #Programme de l 'année :: Tableau d'affichage :: La gérance :: Ressources / Astuces