Ce forum est inspiré de la série Orange is the new black
 
AccueilDernières imagesRechercherS'enregistrerConnexion
Le Deal du moment :
Jeux, jouets et Lego : le deuxième à ...
Voir le deal

Partagez
 

 ~ Des codes pour vos rp's ? ~

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Je suis
La Directrice
La Directrice

Je contrôle tout

Messages : 34
Date d'inscription : 23/11/2014
Localisation : La prison
Emploi/loisirs : Directrice de l'établissement


~ Des codes pour vos rp's ? ~  Empty
MessageSujet: ~ Des codes pour vos rp's ? ~    ~ Des codes pour vos rp's ? ~  EmptySam 13 Déc - 23:01

Hello ! Pour ceux qui aiment les mises en page dans leur rp's, voici quelques codes issus du site Bazzart, veuillez respecter les droits d'auteurs, merci à tous ! I love you

Spoiler:

Code:
<center><div style="background-color: #ffc0a1;border-radius: 70px 70px 70px 70px; border-left:4px solid #FFFFFF ;border-right:4px solid #FFFFFF;width:500px;text-align: justify;padding:7px;margin:15px">
<div><center> <img src="http://media.tumblr.com/b6aff93f134bd432c9df38546759126c/tumblr_inline_mj2digyc0K1rtnf1q.gif" style=" border-radius: 40px 40px 40px 40px;  ;width: 200px; height: 200px">  <img src="http://media.tumblr.com/b6aff93f134bd432c9df38546759126c/tumblr_inline_mj2digyc0K1rtnf1q.gif" style=" border-radius: 40px 40px 40px 40px;  ;width: 200px; height: 200px">

<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'><div style=" color : #000000;font-family: Georgia;font-size: 35px; LETTER-SPACING: -3px;text-shadow: 0pt 0px 2px #000000; text-transform:uppercase;text-align: center;"><span style="font-family: 'Patrick Hand SC', cursive;">Personnage & Personnage</span><div style="font-size:12px;border-bottom: 3px solid #ffffff"></div></div><div style="text-align: center; font-size: 11px;line-height: 5px"><span style="text-transform: none;"></div><div style=" color : #000000;font-family: Georgia;font-size: 18px; LETTER-SPACING: -2px;text-shadow: 0pt 0px 2px #000000; text-align: center;">Titre du rp en cours</div>
<span><div style="width:404px; padding:10px;font-family:Arial;font-size:11px;line-height:12px;-moz-border-radius:0px;margin-left:15px;margin-right:15px;border:1px solid #FFFFFF;border-radius: 0px 0px 70px 70px;text-align:justify; background-color: #FFFFFF;"><div style=" color : #000000;font-size: 10px;text-align: justify;">Lorem ipsum dolor sit amet, consectetur 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. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
Lorem ipsum dolor sit amet, consectetur 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. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
Lorem ipsum dolor sit amet, consectetur 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. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.</span></div><br><br></font></span><br></br></div><div style="font-family:Elsie;color: black;font-size:9px; text-align:center;">@ Pomme Ecarlate</div></center></div></center>

Spoiler:

Code:
[table style="margin-top:85px;" align="center" border="0" width="500"][tr][td]<style type="text/css">.imgs { width: 100px;height: 100px;margin: 10px; } .imgs img { border-radius:250px; } .imgabove {position: relative; z-index: 2;width: 100px;height: 100px;border-radius:250px; padding: 2px; border: 1px lightgrey solid; } .imgbelow {position: relative;z-index: 1;width: 100px;height: 100px; margin-top: -106px;opacity: 1;border-radius:250px;padding: 2px; border: 1px lightgrey solid; } .imgabove img, .imgbelow img {width: 100px;height: 100px; opacity:1 !important; } .imgabove, .imgbelow, .texthid {position:relative;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;} .imgs:hover .imgabove { transform:rotate(-360deg); -ms-transform:rotate(-360deg); -webkit-transform:rotate(-360deg);opacity: 0;} .imgs:hover .texthid { opacity: 1;visibility: visible;} .texthid {position: relative;width: 385px; text-align: justify;opacity: 0; display: block;visibility: hidden;margin-top:-105px; margin-left: 29px;padding: 5px 5px 0px;background-color: rgba(125, 125, 125, 0.3); } .gifgo {background-repeat: repeat;background-size:110%;} </style>

<div class="imgs" style="margin-left: 25px;"><div class="imgabove"><img src="https://31.media.tumblr.com/7dafd1774b14e6c6f41d485745bbf2ff/tumblr_inline_mw9ibzqYw51rom4b4.png"/></div><div class="imgbelow"><img src="https://31.media.tumblr.com/a610342099c60241ab9982b33636835b/tumblr_inline_mw9ibvezMa1rom4b4.png" style="opacity:1;"></div><div class="texthid" style="font-size: 12px; font-family: georgia; line-height:normal;"><link href='http://fonts.googleapis.com/css?family=Great+Vibes|Stint+Ultra+Condensed' rel='stylesheet' type='text/css'><center><SPAN style="FONT-FAMILY: georgia; color:white; text-shadow:lightgrey 0px 0px 5px;"><div style="font-family: 'Great Vibes', cursive;font-size:24pt;letter-spacing:-1px;margin-left:35px;margin-right:-35px;"> I'm only afraid of what I want
<div style="margin-top:-15px;font-family: 'Stint Ultra Condensed', cursive;font-size:24pt;letter-spacing:0px;"> ft. tris & four۰ divergent. </div></div></SPAN></center></link></div></div><div style="margin: -215px -50px 70px 50px;border: 1px lightgrey solid;padding: 2px;width: 395px !important;"><div style="width: 395px; height: 170px;background-image: url('https://31.media.tumblr.com/17a955b99905354e331aded16795b766/tumblr_my2ihwkvOW1rtzly6o1_500.gif');" class="gifgo"> </div></div><div style="margin-top:-95px;">
<blockquote><div style="line-height:normal; text-align: justify;font-size:12px;margin-top:-10px; border-bottom: 7px lightgrey solid;"><p><img src="http://img70.xooimage.com/files/4/c/a/blanc-3227b9d.gif" width="90" height="40" align="left">
I open my eyes to the words "fear god alone" painted on a plain white wall. I hear the sound of running water again, but this time it’s from a faucet and not from the chasm. Seconds go by before I see definite edges in my surroundings, the lines of door frame and countertop and ceiling. The pain is a constant throb in my head and cheek and ribs. I shouldn’t move; it will make everything worse. I see a blue patchwork quilt under my head and wince as I tilt my head to see where the water sound i s coming from. Four stands in the bathroom with his hands in the sink. Blood fro m his knuckles turns the sink water pink. He has a cut at the corner of his mouth, but he seems otherwise unharmed. His expression is placid as he examines his cuts, turns off the water, and dries his hands with a towel. I have only one memory of getting here, and even that is just a single image: black ink curling around the side of a neck, the corner of a tattoo, and the gentle sway that could only mean he was carrying me. </p><p> He turns off the bathroom light and gets an ice pack from the refrigerator in the corner of the room. As he walks toward me, I consider closing my eyes and pretending to be asleep, but then our eyes meet and it’s too late. “<b>Your hands</b>,” I croak. “<b>My hands are none of your concern</b>,” he replies. He rests his knee on the mattress and leans over me, slipping the ice pack under my head. Before he pulls away, I reach out to touch the cut on the side of his lip but stop when I realize what I am about to do, my hand hovering...

</p></div></blockquote></div><center><i><span style="font-size: 9px;font-family:courier new; letter-spacing:2px;color:lightgrey;">made by <a href="http://lizzou.tumblr.com/">lizzou</a> – icons & gif by <a href="http://www.tumblr.com/tagged/icons">tumblr</a></span></i></center>[/td]
[/tr]
[/table]

Spoiler:

Code:
<center><div style ="font-family:Satisfy;font-size:15px;color:#cf3e69;letter-spacing:5px;text-align:center;">[b]une phrase moyennement longue.[/b]</div><table cellspacing="0"><tr><td><img src="URL DE L'ICON 1" style="width:200px;border:2px solid #cf3e69;padding:2px;"><img src="URL DE L'ICON 2" style="width:200px;border:2px solid #cf3e69;padding:2px;"><div style="width:416px;"><div style="border:3px solid #8c3169;"></div></div></table>[color=#000000][b]ft. prénom & prénom.[/b][/color]<div style="background-color: #ffffff; width: 396px; height: 100%; padding: 10px; text-align: justify; font-family: arial; font-size: 11px; line-height: 12px; border: 1px solid #8c3169;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.


<div style="font-size: 8px;"><center>[b]©️ BANGERZ[/b]</center></div></div><div style="width:418px;"><div style="border:3px solid #8c3169;"></div></div>
</div></center>

Spoiler:

Code:
<center><link href='http://fonts.googleapis.com/css?family=Euphoria Script' rel='stylesheet' type='text/css'><div style="background-color:#F0EDCE;box-shadow: 0px 0px 2px; width: 500px; border-left: solid 5px teal;border-right: solid 5px teal;-moz-border-radius: 40px ;-webkit-border-radius:40px;-border-radius:40px;-khtml-border-radius:40px;"><table><tr><td><img src="http://25.media.tumblr.com/tumblr_ma3fqyAK8I1qc9cn2o3_250.gif" style="box-shadow: 0px 0px 2px;-moz-border-radius: 30px 00px 00px 30px ;-webkit-border-radius:30px 00px 00px 00px;-border-radius:30px 00px 00px 30px;-khtml-border-radius:30px 00px 00px 30px;"/></td><td><img src="http://31.media.tumblr.com/tumblr_ma3fqyAK8I1qc9cn2o5_250.gif" style="box-shadow: 0px 0px 2px;-moz-border-radius: 00px 30px 30px 00px ;-webkit-border-radius:00px 30px 00px 00px;-border-radius:00px 30px 30px 00px;-khtml-border-radius:00px 30px 30px 00px;"/></td></tr></table><div style="margin-top: -15px;font-family: 'Euphoria Script', cursive; font-size: 56px; text-align: center; color: teal; text-shadow: black 0px 0px 3px; text-transform: lowercase; letter-spacing: -3px;">Pseudo & Pseudo</div><div style="background-color:white;width: 470px; -moz-box-shadow: 0px 0px 1px; text-align: justify;font-size: 11px;line-height:120%; margin: 5px; "><div style="margin: 10px;"><div style="font-family: courier new; font-size: 9px; line-height: 100%; letter-spacing: 1px; color: #916846;text-indent: 10px; text-transform: uppercase;">❝ [color=teal][b]une citation de ton choix, expriment ton histoire, ton personnage ou autre.[/b][/color] ❞</div>Homines enim eruditos et sobrios ut infaustos et inutiles vitant, eo quoque accedente quod et nomenclatores adsueti haec et talia venditare, mercede accepta lucris quosdam et prandiis inserunt subditicios ignobiles et obscuros. Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit. Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur. Post quorum necem nihilo lenius ferociens Gallus ut leo cadaveribus pastus multa huius modi scrutabatur. quae singula narrare non refert, me professione modum, quod evitandum est, excedamus. Nunc vero inanes flatus quorundam vile esse quicquid extra urbis pomerium nascitur aestimant praeter orbos et caelibes, nec credi potest qua obsequiorum diversitate coluntur homines sine liberis Romae. Homines enim eruditos et sobrios ut infaustos et inutiles vitant, eo quoque accedente quod et nomenclatores adsueti haec et talia venditare, mercede accepta lucris quosdam et prandiis inserunt subditicios ignobiles et obscuros. Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit. Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur. Post quorum necem nihilo lenius ferociens Gallus ut leo cadaveribus pastus multa huius modi scrutabatur. quae singula narrare non refert, me professione modum, quod evitandum est, excedamus. Nunc vero inanes flatus quorundam vile esse quicquid extra urbis pomerium nascitur aestimant praeter orbos et caelibes, nec credi potest qua obsequiorum diversitate coluntur homines sine liberis Romae.</div></div>[center][size=7](c) sweet.lips[/size][/center]</div></center>
Revenir en haut Aller en bas
https://orange-the-new-black.forumactif.org
 

~ Des codes pour vos rp's ? ~

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Orange is the new black :: BLOC COMMUN :: Réfectoire-