Modèle d'archivage

par **Théandre Aslanwee** Dim 10 Sep - 1:15

Modèle de fiche

-Faits officieusement officiels-

Fiche pv

AAAaaaaaah....~
J'adore les codes HTML.
C'est tellement bizarre, mais quand vous vous retrouvez avec un rendu si joli à la fin, on s'en fout que ce soit complexe.

D'ailleurs, j'espère que le code que je vous montre ci dessous n'est pas trop compliqué. Enfin, j'ai envie de dire que rien n'est plus compliqué que Maddy. Enfin bref èWé

ATTELEZ VOUS AU TRAVAIL BANDE DE FAINÉANTS!

Prénom Nom

Identité archivée

Nom:
Prénom :
Age :
Sexe :
Groupe : Les plus importants. Celui que vous devez choisir entre les 6 proposés.
Race: Facultatif. C'est pour les hybrides, les fantômes, et les Mythes. Ces trois classes peuvent avoir des sous-classes.
Particularités : J'entend par là, les super facultés de votre personnage liées à son espèce, ou alors un signe distinctif bien à lui.
Avatar pris:

Mon physique

Minimum 10 lignes.

Mon caractère

même délire de lignes.

Mon histoire

Bis. Je me répète.

(c) par elfyqchan pour Never-Utopia

Code:: <link href='https://fonts.googleapis.com/css?family=Poiret+One|Shadows+Into+Light|PT+Sans+Narrow' rel='stylesheet' type='text/css'><div style="background-image: url(http://img4.hostingpics.net/pics/84009813fe.jpg); background-position: center; background-size: cover; opacity: 0.8; width: 500px; margin:auto; padding: 30px;"><img src="http://31.media.tumblr.com/bf0e326112b9c0a7900ee2a7adc191f4/tumblr_n0n7h6jRIG1t0ranoo1_500.gif" alt="" style=" box-shadow: 0px 0px 20px #ffffff;"/><div style="margin: auto; margin-top: 30px; width: 60%; padding: 60px; text-align: center; color: #ffffff; font-family: 'Poiret One', cursive; font-size: 60px; text-shadow: 0px 0px 15px #ffffff; line-height: 40px; border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff;">Prénom Nom</div><span style="display: block; text-align: left; font-family: 'Poiret One', cursive; font-size: 26px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff; margin: 30px 0px -30px 240px;">Identitée Archivée</span><table style= " border-spacing: 30px;"><tr><td><img src="http://img15.hostingpics.net/pics/196882gyuki.png" alt=""/></td><td style="width: 300px; background-color: #111111; padding: 30px; text-align: justify; color: #ffffff; font-family: 'PT Sans Narrow', sans-serif; font-size: 16px; line-height: 30px; box-shadow: 0px 0px 20px #ffffff; border-top-right-radius: 30px; border-bottom-left-radius: 30px;">Nom: Prénom : Age : Sexe : Groupe : Sous-race: Particularités : Avatar pris: </td></tr></table><span style="display: block; text-align: right; font-family: 'Poiret One', cursive; font-size: 26px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff; margin: 30px 30px -30px 0px;">Mon physique</span><div style="background-color: #111111; margin: 30px 0px 70px 0px; padding: 30px; text-align: justify; color: #ffffff; font-family: 'PT Sans Narrow', sans-serif; font-size: 14px; box-shadow: 0px 0px 20px #ffffff; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">VEUILLEZ ÉCRIRE DE LA MERDE ICI.</div><span style="display: block; text-align: left; font-family: 'Poiret One', cursive; font-size: 26px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff; margin: 30px 0px -30px 30px;">Mon caractère</span><div style="background-color: #111111; margin: 30px 0px 70px 0px; padding: 30px; text-align: justify; color: #ffffff; font-family: 'PT Sans Narrow', sans-serif; font-size: 14px; box-shadow: 0px 0px 20px #ffffff; border-top-right-radius: 30px; border-bottom-left-radius: 30px;">VEUILLEZ RÉÉCRIRE ENCORE DE LA MERDE ICI.</div><span style="display: block; text-align: right; font-family: 'Poiret One', cursive; font-size: 26px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff; margin: 30px 30px -30px 0px;">Mon histoire</span><div style="background-color: #111111; margin: 30px 0px 0px 0px; padding: 30px; text-align: justify; color: #ffffff; font-family: 'PT Sans Narrow', sans-serif; font-size: 14px; box-shadow: 0px 0px 20px #ffffff; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">CONTINUEZ ICI CE QUE VOUS FAITES SI BIEN JUSQU'À MAINTENANT.</div><span style="display: block; margin: auto; color: #ffffff; font-variant: small-caps; text-align: center; font-size: 13px; padding-top: 25px;">(c) par elfyqchan pour <a href="http://www.never-utopia.com/" style=" color: #00ffbb;">Never-Utopia</a></span></div>

Les apparences sont parfois trompeuses- T.A

par **Théandre Aslanwee** Dim 10 Sep - 17:25

Groupe

Prénom Nom

Age: réponse
Sexe: réponse
Métier: réponse
Taille: réponse
Sous-Race: réponse
Couleur des yeux/cheveux: réponse
Signes distinctifs: réponse

Nom du personnage, Manga/Anime/Source

Caractère

Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.

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.

Histoire

Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.

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.

Pseudo: réponse
Age: réponse
Quelque chose à nous dire? réponse
Théandre ou Maddy: réponse

Opinion du perso sur l'état du monde:
Votre opinion

Opinion sur ce qu'il devrait être: Votre opinion

Code by Frosty Blue de never Utopia

Code:: <div class="aay-perso"><div class="aay-presgroup">Groupe</div><div class="aay-presname">Prénom Nom</div><br> <div class="aay-presinfo"><span class="info">Age:</span> réponse <span class="info">Sexe:</span> réponse <span class="info">Métier:</span> réponse <span class="info">Taille:</span> réponse <span class="info">Sous-Race:</span> réponse <span class="info">Couleur des yeux/cheveux:</span> réponse <span class="info">Signes distinctifs:</span> réponse </div><div class="aay-photo"><img src="http://i84.servimg.com/u/f84/19/41/51/11/pres11.jpg"/><div class="aay-photo-src"><i>Nom du personnage, Manga/Anime/Source</i></div></div> <div class="aay-title">Caractère</div> <div class="aay-bloctxt">Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia. Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae. 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.</div> <div class="aay-title">Histoire</div> <div class="aay-bloctxt">Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia. Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae. 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.</div> <div class="aay-player"><img src="http://i84.servimg.com/u/f84/19/41/51/11/pres11.jpg"/><div class="aay-playerinfo"><span class="info">Pseudo:</span> réponse <span class="info">Age:</span> réponse <span class="info">Quelque chose à nous dire?</span> réponse <span class="info">Théandre ou Maddy:</span> réponse </div></div><div class="aay-opinion"><span class="in">Opinion du perso sur l'état du monde:</span><br>Votre opinion <br><span class="in2"> Opinion sur ce qu'il devrait être:</span> Votre opinion </div> <div class="crédits">Code by Frosty Blue de <a href="http://www.never-utopia.com">never Utopia</a></div></div> <style type="text/css"> .aay-presgroup {margin-left: auto; background: #9900ff; width: 150px; padding: 17px;text-align: center; color: #f4f4f4; font-family: 'Abel'; text-shadow: 1px 2px 1px rgba(0,0,0,0.4); display: inline-block; font-size: 17px; line-height: 23px; text-transform: uppercase; margin-right: 10px;} .aay-presname {margin-right: auto; width: 350px; padding: 10px; text-align: center; color: #9900ff; background: #eaebeb; overflow: hidden; font-family: 'Abel'; font-size: 35px; line-height: 37px; display: inline-block; vertical-align: top; text-shadow: -1px -2px 1px rgba(0,0,0,0.4), 1px 2px 1px rgba(255,255,255,1); text-transform: uppercase; letter-spacing: 1px;} .aay-perso {margin: auto; text-align: justify; width: 565px;} .aay-presinfo {float: left; width: 320px; height: 200px; overflow: auto; padding: 10px; margin-right: 10px;background: #eaebeb;} .info {color: white; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 13px; text-transform: uppercase; font-style: normal;} .aay-photo {width: 215px; background: black; vertical-align: top; height: 220px; overflow: hidden;} .aay-photo img {-webkit-filter: grayscale(80%); filter: grayscale(80%); transition: 1s; -webkit-transition: 1s; position: relative; z-index: 1;} .aay-photo-src {position: relative; top: -60px; background: rgba(195,195,195,0.6); color: white; text-align: center; font-size: 12px; z-index: 2; padding: 5px; opacity: 0; transition: 1s; -webkit-transition: 1s;} .aay-photo:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 2s; -webkit-transition: 2s;} .aay-photo:hover .aay-photo-src {opacity: 1; transition: 2s; -webkit-transition: 2s;} .aay-bloctxt {background: #eaebeb; padding: 10px; height: 250px; overflow: auto; border-top: #48326C 4px solid; position: relative; z-index: 2;} .aay-title {text-shadow: -1px -2px 1px rgba(0,0,0,0.4), 1px 2px 1px rgba(255,255,255,1); text-transform: uppercase; letter-spacing: 1px; font-family: 'Abel'; color: #9900ff; font-size: 25px; position: relative; left: 5px; bottom: -15px; z-index: 1;} .aay-player {width: 215px; height: 220px; display: inline-block; margin-right: 15px; background: #9900ff;} .aay-opinion {display: inline-block; width: 315px; padding: 10px; height: 200px; overflow: auto; background: #eaebeb; text-align: justify; vertical-align: top;} .aay-player img {position: relative: 1; -webkit-filter: grayscale(50%); filter: grayscale(50%); transition: 1s; -webkit-transition: 1s; } .aay-playerinfo {padding: 10px; position: relative; z-index: 2; background: #9900ff; transition: 1s; -webkit-transition: 1s; opacity: 0; overflow: auto; width: 200px; height: 202px; top: -222px;} .aay-player:hover .aay-playerinfo {opacity: 1; transition: 2s; -webkit-transition: 2s;} .in {font-style: normal; color: #9900ff; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 14px; text-transform: uppercase;} .in2 {font-style: normal; color: #48326C; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 14px; text-transform: uppercase;} .crédits {text-align: right; color: silver; opacity: 0.4; font-size: 11px; font-family: 'Abel'; position: relative; right: 5px;}</style><link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />

Modèle d'archivage

Modèle d'archivage

Deuxième modèle <3