Never-Utopia, le Site

Fiches CSS : Mise en forme de RP

Vous pouvez personnaliser les codes donnés en changeant les couleurs, les tailles des marques ou autres éléments, mais n'enlevez pas le crédit "Never-Utopia" en lien en bas des mises en forme, merci !

DarkWood

Codé par Sparrow-style

<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="https://www.never-utopia.com">(c) mise en forme roleplay par Never-Utopia</a></span>
<div style="clear: both;"></div>
</div>

Lagoon

Codé par Sparrow-style

<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(https://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>


Tutoriels graphiques	Apprentissage du codage

Téléchargements	Never-Utopia Chronicles