Récapitulatif - Affaire classée :
Liens - Affaire classée :
L'été sera chaud ~ :
Relations
Prénom Nom - Type de relation Description du personnage et de la relation ~
Prénom Nom - Type de relation Description du personnage et de la relation ~
Prénom Nom - Type de relation Description du personnage et de la relation ~
© A-Lice | Never-Utopia |
Je tiens juste à signaler, que je surkiffe cette création. Pour la peine je suis fière de moi \o/ Elle reste jusqu'à présent ma préférée !
|
Carnet de bord - BlackJack :Fiche de Relations - BlackJack
Relations
Amis Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.
Ennemis Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.
© A-LiceLe code sur le côté correspond à la fiche de relation, mais le carnet de bord fonctionne sur le même principe.
|
<link href='http://fonts.googleapis.com/css?family=Alex+Brush|Aladin' rel='stylesheet' type='text/css'>
<div style="width:460px; padding:10px; background-image:url(http://us.cdn3.123rf.com/ 168nwm/dimanchik/dimanchik1009/dimanchik100900036/7830405-texture-homogene-en-couleur.jpg); margin:auto;"><span style="display:block; font-size:30px; color:white; text-align:center; font-family: 'Aladin', cursive; border-bottom:2px solid #EB004B; padding:10px;">Mon histoire</span> <div style="width:450px; font-size:20px; color:white; text-indent:25px; font-family: 'Aladin', cursive;">Mon présent</div> <div style="display:inline-block; border:2px solid #EB004B; width:100px; height:100px; overflow:hidden;"><img src="http://img15.hostingpics.net/pics/321626icon100100.png" alt="" /></div> <div style="display:inline-block; margin-left:5px; background:#333834; color:white; width:180px; height:84px; padding:10px; overflow:auto;">blabla </div> <div style="display:inline-block; color:white; font-size:15px; position:relative; z-index:4; left:5px; top:-50px;">Feat.</div> <div style="display:inline-block; width:100px; height:100px; border-radius:100px; border:2px solid #EB004B; overflow:hidden; position:relative; z-index:2;"><a href="LIEN"><img src="http://img15.hostingpics.net/pics/321626icon100100.png" alt="" /></a></div> <div style="width:450px; font-size:20px; color:white; text-indent:25px; font-family: 'Aladin', cursive;">Mon passé</div> <div style="display:inline-block; color:white; font-size:15px; position:relative; z-index:4; left:5px; top:-50px;">Feat.</div> <div style="display:inline-block; width:100px; height:100px; border-radius:100px; border:2px solid #EB004B; overflow:hidden; position:relative; z-index:2;"><a href="LIEN"><img src="http://img15.hostingpics.net/pics/321626icon100100.png" alt="" /></a></div> <div style="display:inline-block; margin-right:5px; background:#333834; color:white; width:180px; height:84px; padding:10px; overflow:auto;">blabla </div> <div style="display:inline-block; border:2px solid #EB004B; width:100px; height:100px; overflow:hidden;"><img src="http://img15.hostingpics.net/pics/321626icon100100.png" alt="" /></div> <a href="http://www.never-utopia.com/" style="text-decoration:none; font-size:11px; color:white; text-align:center; display:block;">© A-Lice</a></div> |
Relation - Spring, Rin Okumura :
Fiche de relation hivernale :
Fiche de relation - Link me #8 (en deux parties) :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at tellus diam. Mauris varius sit amet dolor eget pretium. Morbi nec tortor bibendum eros scelerisque pellentesque. Nam auctor ultrices dictum. Etiam venenatis bibendum risus. Curabitur commodo nunc a lorem lobortis congue. Integer dictum lorem risus, eu facilisis diam consectetur et. Suspendisse eu metus non justo varius dictum. Cras iaculis placerat lorem, et malesuada lectus. Nam nisi mauris, gravida sit amet augue vel, ultrices egestas leo. Vestibulum sollicitudin semper lorem, id sagittis dui hendrerit sed. Nulla malesuada tristique bibendum. Suspendisse gravida sodales ligula, at malesuada sapien egestas ac. Nulla facilisi. Proin quis quam sit amet arcu bibendum ultricies. Etiam tempus tristique libero egestas sodales. Praesent lobortis leo sed arcu congue bibendum. Quisque id velit ut arcu egestas consequat. Vestibulum consequat turpis in diam eleifend rutrum id quis turpis. Nunc dignissim consequat congue. Aenean quis interdum erat. Nunc tempus metus id lectus consectetur, et posuere enim porttitor. Sed vel posuere nunc.
Description complet du lien ! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec diam blandit, semper mi ut, porttitor mi. Nunc eu nunc urna. Nam egestas felis vitae tortor porta, ac accumsan odio rutrum. Morbi viverra varius diam in venenatis. Morbi sagittis tristique pellentesque.
© By A-Lice sur Never-Utopia
Carnet de bord automnale :
Mon carnet de bord Une citation
Quick search of relationship. -Nullam volutpat auctor arcu in posuere. -> Free
-Nullam volutpat auctor arcu in posuere. -> Busy © By A-Lice sur Never-Utopia |
Voici le premier ensemble de code dont j'ai gardé une trace. Parce que non mon tout premier code n'a pas été ainsi. C'est bien dommage puisque j'ai perdu tout ce que j'ai fait avant ça, soit plus de la moitié de ce que j'ai fait au total, mais ce sont les risques du métiers...
Avec ce carnet de bord, j'ai codé une fiche de relation ainsi qu'une fiche de contenu RP. (Je ne détaillerai pas à chaque fois, puisque je fais habituellement des packs.) D'ailleurs, certains codes ne seront pas à jour au niveau des propriétés, mais je dois avouer que je n'ai pas que ça à faire pour le moment. Je ferai une MàJ un jour peut-être pour plus de propreté ~ |
<div style="font-size:30px; text-align:center; font-style:italic; padding:5px;">Mon carnet de bord</div><div style="font-size:12px; color:white; text-align:right; font-variant: small-caps; padding:5px;">Une citation</div><div style="border-top:2px dotted firebrick; border-bottom:2px dotted firebrick; margin-left:-5px; margin-right:-5px; height:200px; overflow:hidden;"><img src="http://img4.hostingpics.net/pics/415700treesgatheringbynairafeed30e3t9.jpg" border="0" /></div>
<center><table><tr><td></td><td><span style="text-decoration:underline; font-style:italic; font-size:18px; float:right;">A small description of what you want.</span></td></tr><tr><td><div style="width:150px; font-size:18px; font-style:italic; font-weight:bold; line-height:25px;">Your Name<br />Your Surname<br />Your Age<br />Anything<br />
</div></td><td><div style="float:right; padding:5px; width:300px; border:dotted 2px firebrick; height:150px; overflow:auto;">Texte ici</div></td></tr></table><br />
<div style="border-top:solid 4px firebrick; width:200px; margin: auto;"></div><table><tr><td><div style="margin:auto; width:200px; text-align:center; background-color:firebrick; border:dotted lightcoral 2px; padding:5px; color:white;">En cours~</div></td>
<td><div style="margin:auto; width:200px; background-color:firebrick; text-align:center; border:dotted lightcoral 2px; padding:5px; color:white;">Terminé/Abandonné~</div></td></tr>
<tr><td><div style="margin:auto; width:200px; height:250px; background-color:firebrick; border:dotted lightcoral 2px; padding:5px; overflow:auto; color:white;">Texte ici</div></td>
<td><div style="margin:auto; width:200px; height:250px; background-color:firebrick; border:dotted lightcoral 2px; padding:5px; overflow:auto; color:white;">Texte ici</div></td></tr></table></center><br />
<div style="border-top:solid 4px firebrick; width:200px; margin: auto;"></div><br />
<span style="text-decoration:underline; font-style:italic; font-size:18px; float:left; padding:5px;">Quick search of relationship.</span><div style="clear: both;"></div>
<div style="text-align:justify; color:firebrick;">-Nullam volutpat auctor arcu in posuere. -> Free<br />
-Nullam volutpat auctor arcu in posuere. -> Busy</div>
<br/><a href="http://www.never-utopia.com" style="float:right; margin-right:-5px; font-size:14px; background-color:firebrick; border-bottom:dotted 2px lightcoral; border-top:dotted 2px lightcoral; border-left:dotted 2px lightcoral; padding:2px; color:white;">© By A-Lice sur Never-Utopia</a><br />
</div>
Fiche de relation automnale :
Mes relations
© By A-Lice sur Never-Utopia |
<div style="width:500px; background-color:lightcoral; color:firebrick; border-top: 4px solid firebrick; border-bottom: 4px solid firebrick; border-left: dotted 2px firebrick; border-right: dotted 2px firebrick; text-align:justify; margin:auto; padding:5px; box-shadow: 2px 0px 8px firebrick; -o-box-shadow: 2px 0px 8px firebrick; -moz-box-shadow: 2px 0px 8px firebrick; -htm-box-shadow: 2px 0px 8px firebrick; -webkit-box-shadow: 2px 0px 8px firebrick; ">
<div style="font-size:30px; text-align:center; font-style:italic; padding:5px; margin-bottom:20px;">Mes relations</div><div style="border-top:dotted 2px firebrick; margin-bottom:0px;"></div><table><tr><td><div style="margin:auto; width:200px; height:100px; overflow:hidden;"><img src=" http://img4.hostingpics.net/pics/415700treesgatheringbynairafeed30e3t9.jpg" alt="" /></div></td><td><div style="margin:auto; width:200px; height:100px; overflow:hidden;"><img src=" http://img4.hostingpics.net/pics/415700treesgatheringbynairafeed30e3t9.jpg" alt="" /></div></td></tr><tr><td><div style="width:200px; font-size:18px; margin-top:-50px; margin-left:30px;">Nom Prénom</div></td><td><div style="width:200px; font-size:18px; margin-top:-50px; margin-left:30px;">Nom Prénom</div></td></tr><tr><td><div style="border:dotted 2px firebrick; width:200px; height:150px; margin:auto; text-align:justify; overflow:auto; padding:5px;">Texte ici</div></td><td><div style="border:dotted 2px firebrick; width:200px; height:150px; margin:auto; text-align:justify; overflow:auto; padding:5px;">Texte ici</div></td></tr><tr><td style="height:20px;"></td></tr></table> <br/><a href="http://www.never-utopia.com" style="float:right; margin-right:-5px; font-size:14px; background-color:firebrick; border-bottom:dotted 2px lightcoral; border-top:dotted 2px lightcoral; border-left:dotted 2px lightcoral; padding:2px; color:white;">© By A-Lice sur Never-Utopia</a><br /> </div> |