Bien le bonsoir, jeunes gens d'Aryon !
Je me disais qu'il pouvait être intéressant pour les rôlistes du forum et les codeurs qui se faufilent parmi eux de partager quelques fiches RP. Pour ceux que ça intéresse et qui ne savent pas où chercher ou qui ont la flemme, c'est sympa d'avoir quelque chose sous la main. Et pour ceux qui comme moi
Tout ça pour dire : Voici quelques codages RP sans grande prétention pour ceux qui veulent, et n'hésitez pas à en proposer des vôtres si vous le souhaitez !
Fiche orange light :
- Code:
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Condensed" rel="stylesheet"><link href="https://www.aht.li/3357408/orangelight.css" rel="stylesheet"><div class="lyxrp3back"><div class="lyxrp3top"><div class="lyxrp3tit">Titre du RP </div><div class="lyxrp3par">Personnage 1<div class="lyxrp3paricn"><img src="https://i.gifer.com/IPQx.gif"/></div> • <div class="lyxrp3paricn"><img src="https://media1.giphy.com/media/j98SQB5Y7WqnC/giphy.gif"/></div>Personnage 2</div></div><div class="lyxrp3tritop"></div><div class="lyxrp3txt">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div><div class="lyxrp3tribot"></div><div class="lyxrp3bot">HRP, précisions, autre</div></div><div class="copyrlyx">Lyxiae</div>
Soft violet :
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
- Code:
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Condensed" rel="stylesheet"><link href="https://www.aht.li/3357410/softviolet.css" rel="stylesheet"><div class="lyxrp2back"><div class="lyxrp2top"><div class="lyxrp2tit">Titre du RP</div><div class="lyxrp2par">Personnage 1 & Personnage 2</div></div><div class="lyxrp2txt">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div><div class="lyxrp2add"><div class="lyxrp2add2">Texte additionnel, HRP, précisions ou autre</div></div></div><div class="copyrlyx">Lyxiae</div>
LS n°3 :
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
- Code:
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet"> <div style="width:500px;font-family:'Source Sans Pro',sans-serif;font-size:13px;text-align:justify;margin:0 auto;"><div style="font-family:'Nunito',sans-serif;font-size:25px;text-align:right;border-bottom:1px solid #0D6DB2;letter-spacing:2px;margin-bottom:5px;line-height:25px;">Titre du RP</div><div style="text-transform:uppercase;font-size:15px;letter-spacing:2px;color:#777;height:25px;text-align:center;">ft.Personnage 1 & Personnage 2</div>
<span style="font-size:14px;font-family:nunito;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</span>
<div style="display:flex;flex-flow:row wrap;width:500px;margin:auto;">
<img style="margin:10px 10px 10px 0px;width:75px;height:75px;border:5px solid #eee;outline:1px solid #ddd;" src="https://image.noelshack.com/fichiers/2019/13/5/1553894281-icon-whatever.png"/><div style="font-family:nunito, sans serif;font-size:14px;align-self:center;width:390px;text-align:justify;margin-right:10px;"> <b>Personnage 1</b> ▬ Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div></div><div style="display:flex;flex-flow:row wrap;width:500px;margin:0 auto;"><div style="font-family:nunito, sans serif;font-size:14px;align-self:center;width:390px;text-align:justify;margin-left:10px;"> <b>Personnage 2</b> ▬ Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. </div><img style="margin:10px 0px 10px 10px;width:75px;height:75px;border:5px solid #eee;outline:1px solid #ddd;align-self:center;" src="https://image.noelshack.com/fichiers/2019/13/5/1553894281-icon-whatever.png"/></div><div style="width:100%;padding:5px;box-sizing:border-box;background:#efefef;font-family:nunito, sans-serif;text-transform:uppercase;font-size:12px;border:1px solid #ededed;margin-top:5px;color:#0D6DB2;">Texte supplementaire</div><div style="font-family:sans-serif;color:#bbb;text-align:center;font-size:11px;width:100%;margin-bottom:2px;">Lyxiae</div></div></div>
LS n°4 :
- Code:
<style>.rpml1back {width:500px;background-image:url('https://image.noelshack.com/fichiers/2019/11/1/1552339928-bg-code-aryoncity.png');background-repeat:no-repeat;background-color:transparent;border-top:2px solid #baa7d1;margin:0 auto;}.rpml1title {display:flex;flex-flow:row wrap;padding:10px;}.rpml1title2 {width:370px;height:120px;}.rpml1title3 {font-family:poppins, sans-serif;color:#ffffff;text-transform:uppercase;font-size:36px;height:90px;display:flex;align-items:flex-end;padding-left:10px;border-bottom:1px solid white;line-height:90%;text-align: left;}.rpml1pj {font-family:muli, sans-serif;color:#864fc6;font-size:12px;text-transform:uppercase;margin:5px 5px 0px 0px;text-align:right;}.rpml1titleimg img {border:5px solid rgba(255,255,255,0.5);outline:1px solid rgba(255,255,255,0.75);}.rpml1txt {color:#111;padding:10px 20px 10px 20px;font-family:muli, sans-serif;font-size:12px;text-align:justify;}.rpml1add {background-color:#def2e8;margin:20px;padding:5px;font-family:muli, sans-serif;font-size:11px;text-transform:uppercase;color:#1c7a62;border:1px solid #c1f2da;}.copyrlyx{font-family:muli, sans-serif;color:#555;text-align:center;font-size:11px;width:100%;margin-bottom:2px;}</style><link href="https://fonts.googleapis.com/css?family=Poppins|Muli" rel="stylesheet"><div><div class="rpml1back"> <div class="rpml1title"> <div class="rpml1title2"> <div class="rpml1title3">Titre du rp</div> <div class="rpml1pj">Personnage 1 & Personnage 2</div> </div> <div class="rpml1titleimg"><img src="https://image.noelshack.com/fichiers/2019/13/5/1553894281-icon-whatever.png"/></div></div> <div class="rpml1txt">Texte du RP
</div><div class="copyrlyx">Lyxiae</div></div>
Avec quelques images alternatives pour l'en-tête, puisque je les ai sous la main :
https://2img.net/image.noelshack.com/fichiers/2019/13/5/1553894066-bg-event.png
https://2img.net/image.noelshack.com/fichiers/2019/13/5/1553894067-img-code-aryon-1.png
https://2img.net/image.noelshack.com/fichiers/2019/13/5/1553894067-bg-code-aryon-maison-hantee.png
Edit : Quelques images de plus, si vous en voulez des spécifiques, n'hésitez pas à me demander et je vous les prépare pour les mettre ici !
https://2img.net/image.noelshack.com/fichiers/2019/18/4/1556830219-1.png
https://2img.net/image.noelshack.com/fichiers/2019/18/4/1556830219-2.png
https://2img.net/image.noelshack.com/fichiers/2019/18/4/1556830219-3.png
https://2img.net/image.noelshack.com/fichiers/2019/18/4/1556830219-4.png
https://2img.net/image.noelshack.com/fichiers/2019/18/4/1556830219-5.png
C'était ma modeste contribution !
A vous maintenant.
T'en fait pas c'est à la bonne place
En tout cas c'est super sympa de nous partager ça Je suis sûre que certains seront ravie ! Merci beaucoup !
On a le droit de retaper un brin le code pour changer la couleur par exemple en se basant sur le tien ?
Oui bien sûr, vous pouvez modifier les couleurs, les polices etc, comme vous le sentez, c'est totalement libre !
Merci :)
Pas de soucis ! J'en ai rajouté quelques unes que j'ai faites récemment, mais si tu en as qui te plairaient sous la main, je peux les préparer pour qu'elles soient utilisables dans le code, et je les rajouterai à la liste :)
Très jolis codes, je t'emprunte le numéro 4 que j'aime beaucoup !
Merci du partage Jaana !
|
|