Codage RP pour tous.

Dim 13 Oct - 17:50

Bonjour tout le monde!

Ici il y'a plusieurs Code Rp qui peut vous aider a rendre vos rp's beaucoup plus soigné et jolie a regarder.

Code:: <center><blockquote style="width: 550px; background-color: #e6e6e6;border-left:5px solid black; border-right:5px solid black; box-shadow: 2px 2px 6px grey; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background-color: #FFFFFF;border-left:5px solid pink; border-right:5px solid pink; box-shadow: 2px 2px 6px grey; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background:url(http://i72.servimg.com/u/f72/17/28/69/60/bac15.png);border-left:5px solid #263169; border-right:5px solid #263169; box-shadow: 2px 2px 6px grey; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background-color: #e6e6e6;border-left:5px solid black; border-right:5px solid black; border-bottom:2px solid black; border-top:2px solid black; box-shadow: 2px 2px 6px grey; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background-color: #FFFFFF;border-left:5px solid pink; border-right:5px solid pink; border-bottom:2px solid pink; border-top:2px solid pink; box-shadow: 2px 2px 6px grey; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background:url(http://i72.servimg.com/u/f72/17/28/69/60/bac15.png);border-left:5px solid #263169; border-right:5px solid #263169; border-bottom:2px solid #263169; border-top:2px solid #263169; box-shadow: 2px 2px 6px grey; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background-color: #e6e6e6;border-left:4px dashed black; border-right:4px dashed black; border-bottom:4px dashed black; border-top:4px dashed black; border-radius:8px; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background-color: #FFFFFF;border-left:4px dashed pink; border-right:4px dashed pink; border-bottom:4px dashed pink; border-top:4px dashed pink; border-radius:8px; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background:url(http://i72.servimg.com/u/f72/17/28/69/60/bac15.png);border-left:4px dashed #263169; border-right:4px dashed #263169; border-bottom:4px dashed #263169; border-top:4px dashed #263169; border-radius:8px; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background-color: #e6e6e6;border-left:5px solid black; border-right:5px solid black; border-bottom:3px solid black; border-top:3px solid black; border-radius:8px; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background-color: #e6e6e6;border-left:5px solid pink; border-right:5px solid pink; border-bottom:3px solid pink; border-top:3px solid pink; border-radius:8px; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px; background:url(http://i72.servimg.com/u/f72/17/28/69/60/bac15.png);border-left:5px solid #263169; border-right:5px solid #263169; border-bottom:3px solid #263169; border-top:3px solid #263169; border-radius:8px; padding:10px 10px 10px 10px; margin: 5px;"><div align="justify">CONTENUE DE VOTRE RP ICI.</div><blockquote></center>

Code:: <center><blockquote style="width: 550px;height;220px;background-color: #e6e6e6;border-radius:5px;box-shadow: 2px 2px 6px grey; padding:10px 10px 10px 10px; margin: 5px;"><font face=algerian color=pink size=6 style="text-shadow: 0px 0px 8px black;"><br/>Le nom de votre RP</font><br/><br/><blockquote style="width: 450px; background-color: #FFFFFF; border-left:5px solid #fbbcc5; border-right: 5px solid #fbbcc5; padding:5px;"><div align="justify">CONTENUE DE VOTRE RP ICI</div></blockquote></blockquote></center>

Code:: <center><blockquote style="width: 550px;height;220px;background-color: #e6e6e6;border-radius:5px;box-shadow: 2px 2px 6px grey; padding:10px 10px 10px 10px; margin: 5px;"><font face=algerian size=6 color=#263169 style="text-shadow: 0px 0px 8px black;"><br/>Le nom de votre RP</font><br/><br/><blockquote style="width: 450px; background-color: #FFFFFF; border-left:5px solid #fbbcc5; border-right: 5px solid #fbbcc5; padding:5px;"><div align="justify">CONTENUE DE VOTRE RP ICI</div></blockquote></blockquote></center>

Code:: <center><blockquote style="width: 550px;height;220px;background-color: #ffffff;border-radius:5px;box-shadow: 2px 2px 6px grey; padding:10px 10px 10px 10px; margin: 5px;"><font face=algerian size=6 color=#263169 style="text-shadow: 0px 0px 8px black;"><br/>Le nom de votre RP</font><br/><br/><blockquote style="width: 450px; background: url(http://i72.servimg.com/u/f72/17/28/69/60/bac15.png); border-left:5px solid #263169; border-right: 5px solid #263169; padding:5px;"><div align="justify">CONTENUE DE VOTRE RP ICI</div></blockquote></blockquote></center>

----------------------------------------------------------------------------------------------

Dim 13 Oct - 17:55

Merci! au nom de tous! Codage pour tous ouais ouais XD

Dim 13 Oct - 18:43

Titre du RP

Avec Nom du personnage.

•••

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.

Code:: <link href='http://fonts.googleapis.com/css?family=Stardos+Stencil:400,700|Chewy' rel='stylesheet' type='text/css'><center><span style="color: #C41B70; font-family: 'Stardos Stencil', cursive; font-size: 30px; position: relative; bottom: -20px;">[center]Titre du RP[/center]</span>
<div style="padding: 10px; width: 85%; border: 2px solid #8FCF10; border-left: 4px solid #8FCF10; border-right: 4px solid #8FCF10; border-radius: 25px; text-align: justify; color: #C41B70;"><span style="color: #6FD022; font-family: 'Chewy', cursive; font-size: 20px;">[center]Avec Nom du personnage. [/center]</span>
<span style="color: #6FD022; font-size: 30px;">[center]•[color=#C41B70]•[/color]•[/center]</span>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
</div></center>

TITRE DU RP OU CITATIONNom du ou des partenaire(s)

Texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp...

Code:: <link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><div style="width:480px; margin: auto; background-color: #F0533E; padding-top: 10px; padding-left: 10px; padding-right: 10px; border-top-left-radius: 100px; border-top-right-radius: 100px; box-shadow: 2px 2px 5px #807868;">
<span style="display: block; font-variant: small-caps; font-family: 'Bad Script', cursive; font-size:32px; font-weight: bold; letter-spacing: -4px; color : #695D3E; margin-bottom: -28px; text-align: center">TITRE DU RP OU CITATION</span><span style="display: block; text-align : center; font-family: 'Bad Script', cursive; font-size:26px; color: #7B0009; letter-spacing: -3px; text-align:center;">Nom du ou des partenaire(s)</span>
[justify]Texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp...[/justify]
</div><span style="display: block; margin-left : auto; margin-right: auto; width: 496px; height: 120px; background: url(http://i56.servimg.com/u/f56/14/37/64/01/naruto10.jpg) center center; border: 2px solid #7B0009; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"></span></link>

METTRE UNE IMAGE A COTE D'UN DIALOGUE

« Blablablablablabla.... »

Code:: <table><tr><td>[img]http://i56.servimg.com/u/f56/14/37/64/01/natsu-10.jpg[/img]</td><td>« Blablablablablabla.... » </td></tr></table>

Mer 23 Oct - 5:06

❝ TITRE DE VOTRE RP OU CITATION ❞

~ Nom(s) du ou des partenaire(s) ~

Code:: <center><div align="center" style="background-image:url('http://img11.hostingpics.net/pics/264645retinawood78.png');moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius; border-right: 2px #30c0da solid; border-left: 2px #30c0da solid; width:500px;" align="justify"><center><div style="margin:auto;text-align:center;width:100%"><div style ="background: url('http://25.media.tumblr.com/bd8583e9cc74c98f3a42dd06fddd5e1d/tumblr_mrdnw9FI7C1sorll2o1_500.gif');border-radius: 30px 30px 0px 0px; height:300px;"><br><br><br><br><br><br><br><br><br><br><br><br><br></div>

<font color=#30C0DA><font style="font-size: 20pt; font-family: Georgia; text-shadow: 1px 1px 1px rgb(0, 0, 0); letter-spacing: -2px;"> ❝ TITRE DE VOTRE RP OU CITATION ❞</font></font>
<div style="line-height: 10px; padding-left: 0px; font-size: 9px; font-family: Georgia; color: #000000; letter-spacing: 0pt; text-transform: uppercase;">~ Nom(s) du ou des partenaire(s) ~</div></center>
<center><div style="background-color: #30C0DA; width: 470px; -moz-box-shadow: 0px 0px 0px; font-family: arial; text-align: justify; margin: 0px; font-size: 11px; color: white; border-radius: 15px; "><div style="margin: 5px;">
<blockquote>[size=11]
[justify]Texte Rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp, texte rp ...
[/justify]
[/size]</blockquote></div></center>
</div></div>

Décomposons le codage de haut en bas :

-style="background-image:url('https://2img.net/r/hpimg11/pics/264645retinawood78.png') : Correspond au fond de votre présentation rp. ATTENTION, Je parle du wallpaper GRIS, pas du fond d'écriture qui est bleu !
- border-right: 2px #30c0da solid; border-left: 2px #30c0da solid; Correspond aux bordures sur les deux côtés de votre présentations. Right = bordure droite, Left = la gauche.
Moi j'ai choisie de les faire bleu et de les faire de 2 px. Je trouve que c'est la taille idéale.

Ensuite, concernant le reste :

-background: url('http://25.media.tumblr.com/bd8583e9cc74c98f3a42dd06fddd5e1d/tumblr_mrdnw9FI7C1sorll2o1_500.gif'); : Correspond à votre IMAGE. Moi j'ai mis un gif de Miku. À vous de mettre le lien de votre image, comme ceci :
background: url('http://VOTRE IMAGE-OU-VOTRE GIF')

Passons à votre titre de rp:

-font color=#30C0DA; : Correspond à la couleur de votre écriture. Moi j'ai mis mon titre en bleu pour assortir avec Miku.
-font-size: 20pt; : Correspond à la taille de votre écriture.

Pour votre écriture de 'Nom(s) du ou des partenaire(s)':

-font-size: 9px; : Taille de l'écriture, je l'ai mise beaucoup plus petite que le titre.
- color: #000000; : Correspond à la couleur de votre texte, moi j'ai fais noir.

Vient ensuite la mise en forme de la case dans laquelle vous écrivez

-background-color: #30C0DA; : Couleur du fond de la case, moi c'est bleu comme Miku.
-font-size: 11px; color: white; : Font-size correspond à la taille de l'écriture du rp (texte rp) et color correspond à la couleur désirée. Moi j'ai mis White pour que l'écriture soit blanche, mais si vous voulez du noir par exemple, il suffira de mettre 'color: black;'.

Voila, c'est l'essentiel pour modifier ce code, le reste, je vous conseille de ne pas le toucher, surtout si vous ne maîtrisez pas le langage html...