Quelques codages pour embellir vos rp. ♥

Nouvelle mode que de vouloir de beaux rps, bien tenus, bien soignés. Mais pour ça, il faut encore savoir toucher au HTML, CSS et tout ce baratin qui fait mal aux yeux et au crâne. x_x C'est pour tous les apprentis codeurs, qui connaissent les bases du HTML mais qui sont flemmards, que je poste ces fiches de réponses aux rps. INTERDICTION D'ENLEVER LE CRÉDIT DE CES FICHES & INTERDICTION DE LES REDISTRIBUER ! Elles ne sont utilisables que sur ce forum ! Vous pouvez en modifier les couleurs & les images, mais pas le design. Veillez également à ce que vos codes soient niquels avant de poster en prévisualisant et veillez à ce qu'ils ne déforment pas le forum. Je tiens à préciser que ces fameuses fiches ne sont pas de moi, alors prenez-en le plus grand soin. ♥ Merci de ne pas poster à la suite de ce message.

Fiche numéro un ♦ COPYRIGHT | CENTURY SEX.

Aperçu:

Code:

<center><img src="http://25.media.tumblr.com/tumblr_lzms2eiLgJ1qjkie4o1_500.gif" width="450"; style="border: 3px solid #000000; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;"><div style="letter-spacing: -3px; font-family: monotype corsiva; font-style: bold;text-align: center;font-weight : bold; font-size: 65px; color: #FFFFFF; text-shadow: #000000 1px 1px 7px;opacity: 0.3;">Pseudo1 Ҩ Pseudo2</div><div style="text-align: justify; font-family: monotype corsiva; text-transform: lowercase; color: #000000; font-size: 16px; width:400px"> « citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation » </div></center>
<blockquote><div style="border-left: 3px solid #000000;"><blockquote>[font=Georgia][justify]
[b][size=18]L[/size][/b]orem 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. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat.
[/justify][/font]</blockquote></div></blockquote>
[size=7][right]fiche par [url=http://www.bazzart.org/][b]century sex[/b][/url].[/right][/size]

Fiche numéro deux ♦ COPYRIGHT | ALICE.

Aperçu:

Code:

<center><div style="background-color:#F3D3AE; width:400px; padding:10px; border-left:30px solid #EAB071; border-right:30px solid #EAB071; border-top:10px solid #EAB071; border-bottom:10px solid #EAB071;"><center><img src="http://25.media.tumblr.com/tumblr_lhc1z0V4Ck1qboe6wo1_500.gif" width="400px">
[flash(400,25)]http://www.youtube.com/v/Jqr5_w7qH-g?version=1&hl=fr_FR[/flash]

<div style="font-family: Brush Script MT; font-size: 35px; color: #E8A955; text-shadow: #FFFFFF 0px 0px 2px; padding-top:10px; padding-bottom:10px;">Titre du RP</div><div style="font-family: verdana; font-size: 14px; color: #E8A955; text-shadow: #FFFFFF 0px 0px 2px; letter-spacing: -1px;">Noms des personnages.</div></center>
<div style="text-align:justify; padding:10px;">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. 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. 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>
[right][size=9]© Mzlle Alice.[/size][/right]</div></center>

[/quote]

Fiche numéro trois ♦ COPYRIGHT | MAPYDEW. Note : la taille de l'image se règle automatiquement, vous pouvez mettre tous les formats d'images.

Aperçu:

Code:

<center><div style="background-color:#FFFFF0;width:400px;padding:10px;color:#000000"><br><div style="font-family: 'Codystar', cursive; font-size:30px;text-shadow: 2px 2px 2px #FF69B4"><link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>PSEUDO 1 & PSEUDO 2</link></div>
<blockquote><div style="font-family:Century Gothic;font-size:11px;text-align:justify"><img src="http://25.media.tumblr.com/tumblr_m7d607oeSv1qgzuh2o1_500.gif" align="left" style="border: #FF1493 1px solid;padding:4px; margin-right:10px;" width="150">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div></blockquote><div style="font-family:Century Gothic;font-size:10px;color:#A9A9A9">[size=7]CODE BY MAPYDEW[/size]</div></div></center>

Fiche numéro quatre ♦ COPYRIGHT | ELL.

Aperçu:

Code:: <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><center>
<div style="background-image: url(http://i42.servimg.com/u/f42/13/22/07/37/ozbbpg11.png); box-shadow: 0px 0px 2px; width: 500px; border-left: solid 5px lightseagreen;"><img src="http://img15.hostingpics.net/pics/718699bannSelah1.png" style="box-shadow: 0px 0px 2px;"/><div style="margin-top: -20px;font-family: 'Great Vibes', cursive; font-size: 56px; text-align: center; color: whitesmoke; text-shadow: black 0px 0px 3px; text-transform: lowercase; letter-spacing: 3px;">titre ou pseudos</div>
<div style="background-color: whitesmoke; width: 470px; -moz-box-shadow: 0px 0px 1px; font-family: calibri; text-align: justify; margin: 5px; font-size: 12px; color: grey;"><div style="margin: 10px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
</div></div><div style="color: black; opacity: 0.2; font-size: 12px; text-align: center; padding: 15px; text-transform: uppercase;">© fiche créée par ell</div></div>
</div></center>

Fiche numéro cinq ♦ COPYRIGHT | MATRONA.

Aperçu:

Code:

<center><div style="background-image:url('http://shizoo.frozen-media.de/stuff/patterns/362.jpg');box-shadow: 6px 6px 20px #eee;width:500px;border-radius:30px;color:black;"><center>
<div style="background-color:white;width:430px;font-family:tahoma;font-size:13px;line-height:14px;text-align:justify;border-radius:30px;padding:25px;padding-color:black;"><br><div style="font-family:georgia;font-color:black;font-size:15px;text-align:center;font-style: italic;font-weight:bold;">«titre du rp ou courte citation de ton choix»</div><div style="font-family:arial;font-size:10px;text-align:center;">feat. Prénom P. Nom</div><br><div style="border: 1px #E8e8e8 solid"></div><br><center><div style="width:400px;text-align:justify;font-family:tahoma;">Constituendi autem sunt qui sint in amicitia fines et quasi termini diligendi. De quibus tres video sententias ferri, quarum nullam probo, unam, ut eodem modo erga amicum adfecti simus, quo erga nosmet ipsos, alteram, ut nostra in amicos benevolentia illorum erga nos benevolentiae pariter aequaliterque respondeat, tertiam, ut, quanti quisque se ipse facit, tanti fiat ab amicis.Constituendi autem sunt qui sint in amicitia fines et quasi termini diligendi. De quibus tres video sententias ferri, quarum nullam probo, unam, ut eodem modo erga amicum adfecti simus, quo erga nosmet ipsos, alteram, ut nostra in amicos benevolentia illorum erga nos benevolentiae pariter aequaliterque respondeat, tertiam, ut, quanti quisque se ipse facit, tanti fiat ab amicis.Constituendi autem sunt qui sint in amicitia fines et quasi termini diligendi. De quibus tres video sententias ferri, quarum nullam probo, unam, ut eodem modo erga amicum adfecti simus, quo erga nosmet ipsos, alteram, ut nostra in amicos benevolentia illorum erga nos benevolentiae pariter aequaliterque respondeat, tertiam, ut, quanti quisque se ipse facit, tanti fiat ab amicis.Constituendi autem sunt qui sint in amicitia fines et quasi termini diligendi. De quibus tres video sententias ferri, quarum nullam probo, unam, ut eodem modo erga amicum adfecti simus, quo erga nosmet ipsos, alteram, ut nostra in amicos benevolentia illorum erga nos benevolentiae pariter aequaliterque respondeat, tertiam, ut, quanti quisque se ipse facit, tanti fiat ab amicis.Constituendi autem sunt qui sint in amicitia fines et quasi termini diligendi. De quibus tres video sententias ferri, quarum nullam probo, unam, ut eodem modo erga amicum adfecti simus, quo erga nosmet ipsos, alteram, ut nostra in amicos benevolentia illorum erga nos benevolentiae pariter aequaliterque respondeat, tertiam, ut, quanti quisque se ipse facit, tanti fiat ab amicis.
</div></center><br><div style="font-family:tahoma;font-size:10px;text-align:right;color:white;"> créée par Matrona</div></div></center>
</div></center>

Fiche numéro six ♦ COPYRIGHT | SPARROW-STYLE.

Aperçu:

Code:

<div style="width: 98%; min-height: 400px; margin: auto; background: url(http://i26.servimg.com/u/f26/15/26/84/07/captur13.png) repeat; border: 5px solid #000000; border-radius: 200px; -moz-border-radius: 200px; -o-border-radius: 200px; -htm-border-radius: 200px; -webkit-border-radius: 200px; font-family: comic sans ms; text-align: justify; padding: 10px;">

<span style="display: block; width: 70%; height: 25px; margin: auto; background-color: #1b1b1b; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -htm-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #000000; font-family: arial black; font-size: 28px; text-align: center; color: #ffffff; padding: 4px; letter-spacing: 4px; text-shadow: 2px 2px 1px #000000;">Titre</span>

<span style="display: block; float: left; width: 300px; height: 150px; background: url(http://audreyparily.com/carnet/wp-content/uploads/2010/07/main-%C3%A9criture1.jpg) center center; margin-left: 10px;border: 3px solid #000000; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -htm-border-radius: 10px; -webkit-border-radius: 10px;"></span><span style="display: block; float: right; width: 300px; height: 150px; overflow: auto; margin-right: 10px; background-color: #1b1b1b; border: 3px solid #000000; border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -htm-border-radius: 20px; -webkit-border-radius: 20px; color: #9a9a9a; padding: 10px; font-style: italic; letter-spacing: 2px;">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.</span>

<table style="width: 90%; margin: auto;"><tr><td style="width: 300px; vertical-align: top;"><span style="display: block; margin: 5px; color: #9a9a9a; letter-spacing: 2px;">Excitavit hic ardor milites per municipia plurima, quae isdem conterminant, dispositos et castella, sed quisque serpentes latius pro viribus repellere moliens, nunc globis confertos, aliquotiens et dispersos multitudine superabatur ingenti, quae nata et educata inter editos recurvosque ambitus montium eos ut loca plana persultat et mollia, missilibus obvios eminus lacessens et ululatu truci perterrens.</span></td>

<td style="width: 300px; vertical-align: top;"><span style="display: block; margin: 5px; color: #9a9a9a; letter-spacing: 2px;">Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.

<span style="text-shadow: 2px 2px 3px #000000; color: #b44141;">"Ceci est un dialogue de personnage"</span> affirme Sparrow-style.</span></td>
</tr></table>

<span style="display: block; text-align: center;"><a style="font-size: 10px; color: #4c4c4c;" href="http://www.never-utopia.com">(c) mise en forme roleplay par Never-Utopia</a></span>
<div style="clear: both;"></div>
</div>

Fiche numéro sept ♦ COPYRIGHT | SPARROW-STYLE.

Aperçu:

Code:

<div style="width: 790px; min-height: 200px; margin: auto; text-align: justify;"><span style="display: block; margin-bottom: -8px; text-align: center; font-family: arial black; color: #ffffff; font-size: 32px; letter-spacing: 4px; text-shadow: 2px 2px 0px #004580;">Titre</span><span style="display: block; width: 790px; height: 150px; background: url(http://img4.hostingpics.net/pics/275842head03.jpg) center center; border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; -htm-border-radius: 20px; -webkit-border-radius: 20px; border-left: 1px dotted #004580; border-left: 1px dotted #004580; border-top: 5px solid #004580; border-bottom: 14px solid #004580;"></span><span style="display: block; margin-top: -15px; text-align: center; font-family: lucida calligraphy; color: #ffffff; font-size: 18px; font-weight: bold; text-shadow: 1px 1px 0px #004580;">"Sous-titre ou citation"</span>
<table><tr><td><span style="display: block; width: 20px; height: 400px; background-color: #004580; border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; -htm-border-radius: 20px; -webkit-border-radius: 20px;"</td>
<td><span style="display: block; max-height: 400px; overflow: auto; text-align: justify; color: #004580; padding-left: 10px; padding-right: 10px;">Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem proximos iam gestu terrebat sed eum in certamen alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum.
Montius nos tumore inusitato quodam et novo ut rebellis et maiestati recalcitrantes Augustae per haec quae strepit incusat iratus nimirum quod contumacem praefectum, quid rerum ordo postulat ignorare dissimulantem formidine tenus iusserim custodiri.
Horum adventum praedocti speculationibus fidis rectores militum tessera data sollemni armatos omnes celeri eduxere procursu et agiliter praeterito Calycadni fluminis ponte, cuius undarum magnitudo murorum adluit turres, in speciem locavere pugnandi. neque tamen exiluit quisquam nec permissus est congredi. formidabatur enim flagrans vesania manus et superior numero et ruitura sine respectu salutis in ferrum.
Altera sententia est, quae definit amicitiam paribus officiis ac voluntatibus. Hoc quidem est nimis exigue et exiliter ad calculos vocare amicitiam, ut par sit ratio acceptorum et datorum. Divitior mihi et affluentior videtur esse vera amicitia nec observare restricte, ne plus reddat quam acceperit; neque enim verendum est, ne quid excidat, aut ne quid in terram defluat, aut ne plus aequo quid in amicitiam congeratur.
Abusus enim multitudine hominum, quam tranquillis in rebus diutius rexit, ex agrestibus habitaculis urbes construxit multis opibus firmas et viribus, quarum ad praesens pleraeque licet Graecis nominibus appellentur, quae isdem ad arbitrium inposita sunt conditoris, primigenia tamen nomina non amittunt, quae eis Assyria lingua institutores veteres indiderunt.
</span></td>
<td><span style="display: block; width: 20px; height: 400px;; background-color: #004580; border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; -htm-border-radius: 20px; -webkit-border-radius: 20px;"</td>
</tr></table>
<div style="clear: both;"></div>
</div>

» Pas la pendant quelques semaines...
» Quelques règles pas souvent respectés ...
» Tu es qui pour me dire ça ?
» « Don pour les membres.
» Un journal pour le forum ?