AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Fiches Cross Soul

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

whatever i am

avatar


Messages : 118
Date d'inscription : 05/02/2011
Age : 23

MessageSujet: Fiches Cross Soul   Mar 21 Avr - 15:40

css :

Code:
/*fiche*/
.imagean{width:100px;padding:2px;border: 1px solid #dae5eb;opacity:0.9}

.titref {font-family:abraham lincoln;text-transform:uppercase; font-size:40px; letter-spacing:-1px; color:#ccc;margin-top:15px;margin-bottom:7px;}
.cit {border-bottom:1px solid #ccc;border-top:1px solid #ccc; width:430px; color:#ccc;font-size:10px;font-family:arial;}
.reve {width:200px;height:60px; line-height:1; text-align:justify;font-size:10px;font-family:arial;overflow:auto;}
.pttitre {font-family:abraham lincoln;text-transform:uppercase; font-size:20px; letter-spacing:-1px;color:#d16d6d;border-bottom:2px solid #db9090; width:200px;}
.contour {width:450px; border:1px solid #edede6; background:#f5f5f2;}
.titre {font-family:rouge script; font-size:40px; letter-spacing:-1px; color:#cccccc;}
.soustitre {margin-top:-5px;color:#977597;font-weight: lighter;font-family: times;font-size:9px;letter-spacing: -1px;text-transform:uppercase; }
.text {text-align:justify; line-height:1; width:420px;font-size:10px;font-family:arial;}
ap {font-weight:bold;text-transform:lowercase;}
ap:hover {color:#cc1e64}
ar {font-style:italic;text-transform:lowercase;}
ar:hover {color:#7e78cc}
as {text-transform:lowercase;}
as:hover {color:#509c80;}
.ava3::-webkit-scrollbar {width: 6px;height: 6px;background-color: none;}
.ava3::-webkit-scrollbar-track {background-color: #7a837c;}
.ava3::-webkit-scrollbar-thumb {background-color: #d2d2d2;}
.ava1 {width: 150px; height: 240px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;}
.ava2 {background-color: #d5d5d5; opacity: 1; text-align: justify; font-family: arial; font-size: 10px; line-height: 12px; width: 150px; height: 240px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0;}
.ava2:hover {opacity: 1;}
.text1 {padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 230px; overflow: auto;}
.ttin {font-family:times; font-size:9px; letter-spacing:1px; text-transform:uppercase;text-align:center;background:white; padding:4px; opacity:0.6; }
.infoprem {padding:3px;height:220px; overflow:auto; width:200px;line-height:1;text-align:justify; font-family:arial; font-size:10px;}
no {text-transform:uppercase; font-weight:bold;}
.infoirl {margin-top:3px; width: 100px; background-color: black; text-align: center; font-family: times; font-size: 10px; text-transform: lowercase; font-style: italic; color: white; letter-spacing: 1px; padding: 3px;}
.avairl {border-radius: 20px; width:100px;}
.cadreirl {width:250px; text-align:justify;padding:3px;line-height:1;font-family:arial; font-size:10px;}

.imsc {padding:2px; border:1px solid #ccc; width:100px;}
.scena {width:300px;height:170px; line-height:1; text-align:justify;font-size:10px;font-family:arial;overflow:auto;}

af {font-family:abraham lincoln; font-size:15px;margin-left:20px;}

.infoprem1 {padding:3px;width:400px;line-height:1;text-align:justify; font-family:arial; font-size:10px;}

html :
Code:
<center><div class="contour"><img src="http://images4.fanpop.com/image/photos/18500000/Photography-Tumblr-photography-18503054-500-328.jpg" width="450">
<div class="titref">j'ai une petite [color=#d16d6d]question[/color]</div><div class="cit">ô toi cher invité</div>
<div class="text"> Si vous arrivez ici, c'est que vous avez une grande envie de vous inscrire (on l'espère) mais qu'avant tout, vous avez plusieurs questions, doutes, et j'en passe. Rien de plus simple, le staff & les membres sont là pour répondre à tous vos questionnements. Pour cela, il suffit d'ouvrir un nouveau sujet, avec un titre explicite. Et ensuite, d'y inscrire votre question/problème par rapport au forum ou à un scénario en particulier.

Si besoin, voici un formulaire de recherches de liens si vous voulez :

[code][b]›› pseudo :[/b] une idée du pseudo de votre personnage ?
[b]›› sexe du personnage :[/b] () FEMME - () HOMME
[b]›› âge du personnage :[/b] une tranche d'âge souhaitée ?
[b]›› type de liens recherchés :[/b] () FAMILIAUX - () AMOUREUX - () AMICAUX - () AUTRE

[b]›› résumé du personnage :[/b] si vous avez déjà des idées, pistes pour l'histoire de votre personnage[/code]
</div>
</div></center>

fiche prez:
Code:
<center><div class="contour"><img src="http://25.media.tumblr.com/tumblr_lrwxtziraA1qk1kvlo1_500.jpg" width="450">
<div class="titref">Prénom [color=#d16d6d]Nom[/color]</div><div class="cit">citation - parole de chanson</div>
<table><td><div class="ava1"><div style="margin-top:5px; width: 150px; height: 240px; background-image: url('http://i.imgur.com/gGW7T5N.png'); background-repeat: no-repeat; background-size: cover"><div class="ava2"><div class="text1 ava3"><div class="ttin">informations</div>
<f>» 01.</f> une information importante à ne pas manquer sur ton personnage. <f>» 02.</f> une information importante à ne pas manquer sur ton personnage. <f>» 03.</f> une information importante à ne pas manquer sur ton personnage. <f>» 04.</f> une information importante à ne pas manquer sur ton personnage.</f> <f>» 05.</f> une information importante à ne pas manquer sur ton personnage. <f>» 06.</f> une information importante à ne pas manquer sur ton personnage. <f>» 07.</f> une information importante à ne pas manquer sur ton personnage. <f>» 08.</f> une information importante à ne pas manquer sur ton personnage. <f>» 09.</f> une information importante à ne pas manquer sur ton personnage. <f>» 10.</f> une information importante à ne pas manquer sur ton personnage.</div></div></div></td><td><div class="infoprem"><no>nom(s)</no> : écrire ici. <no>prénom(s)</no> : écrire ici. <no>âge</no> : écrire ici. <no>origine(s)</no> : écrire ici. <no>statut civil</no> : écrire ici. <no>orientation</no> : écrire ici. <no>statut financier</no> : ($$$$) - sur une échelle de $ (pauvre) à $$$$ (riche) <no>métiers</no> : écrire ici. <no>groupe</no> : écrire ici. <no>traits de caractère</no> : décrire ou lister un minimum de cinq traits de caractère. décrire ou lister un minimum de cinq traits de caractère. décrire ou lister un minimum de cinq traits de caractère. décrire ou lister un minimum de cinq traits de caractère. <no>j'aime</no> : écrire ici. <no>je n'aime pas</no> : écrire ici. <no>crédits</no> : écrire ici. <no>avatar</no> : écrire ici. </div></td></table>

<table><td><div class="pttitre">dream</div><div class="reve">ici tu décriras ton rêve, ce que ton personnage a le plus envie dans sa vie. ici tu décriras ton rêve, ce que ton personnage a le plus envie dans sa vie. ici tu décriras ton rêve, ce que ton personnage a le plus envie dans sa vie. ici tu décriras ton rêve, ce que ton personnage a le plus envie dans sa vie.</div></td><td><div class="pttitre">nightmare</div><div class="reve">ici tu décriras ton cauchemar, ce dont ton personnage a le plus peur dans sa vie. ici tu décriras ton cauchemar, ce dont ton personnage a le plus peur dans sa vie. ici tu décriras ton cauchemar, ce dont ton personnage a le plus peur dans sa vie. ici tu décriras ton cauchemar, ce dont ton personnage a le plus peur dans sa vie. ici tu décriras ton cauchemar, ce dont ton personnage a le plus peur dans sa vie. </div></td></table>

<h>☮ ☮ ☮</h>
<div class="cadreirl"><no>pseudo/prénom</no> : écrire ici. <no>fréquence de connexion</no> : écrire ici. <no>pays</no> : écrire ici. <no>comment es-tu arrivé ici</no> : écrire ici.  <no>personnage inventé ou scénario</no> : écrire ici. <no>un dernier mot</no> : écrire ici.

[code]<f>»</f> <ap>célébrité</ap> - pseudo[/code]
</div>
</div></center>

histoire

Code:
<center><div class="contour"><img src="http://25.media.tumblr.com/tumblr_lrwxtziraA1qk1kvlo1_500.jpg" width="450">
<div class="titref">titre de [color=#d16d6d]ton histoire[/color]</div><div class="cit">citation - parole de chanson</div>
<div class="text"> blabla de ton histoire.
</div>
</div></center>

fiche scénario
Code:
<center><div class="contour"><img src="http://25.media.tumblr.com/tumblr_lrwxtziraA1qk1kvlo1_500.jpg" width="450">
<div class="titref">Prénom [color=#d16d6d]Nom[/color]</div><div class="cit">citation - parole de chanson</div>
<table><td><div class="ava1"><div style="margin-top:5px; width: 150px; height: 240px; background-image: url('http://i.imgur.com/gGW7T5N.png'); background-repeat: no-repeat; background-size: cover"><div class="ava2"><div class="text1 ava3"><div class="ttin">histoire</div>
tu écriras ici les points de l'histoire du scénario.</div></div></div></td><td><div class="infoprem"><no>nom(s)</no> : écrire ici. <no>prénom(s)</no> : écrire ici. <no>âge</no> : écrire ici. <no>origine(s)</no> : écrire ici. <no>statut civil</no> : écrire ici. <no>orientation</no> : écrire ici. <no>statut financier</no> : ($$$$) - sur une échelle de $ (pauvre) à $$$$ (riche) <no>métiers</no> : écrire ici. <no>groupe</no> : écrire ici. <no>traits de caractère</no> : décrire ou lister un minimum de cinq traits de caractère. décrire ou lister un minimum de cinq traits de caractère. décrire ou lister un minimum de cinq traits de caractère. décrire ou lister un minimum de cinq traits de caractère. <no>j'aime</no> : écrire ici. <no>je n'aime pas</no> : écrire ici. <no>crédits</no> : écrire ici. <no>avatar</no> : écrire ici. </div></td></table>

<table><td><div class="pttitre">ton pseudo</div><div class="scena">ici tu décriras le lien qui unit les deux personnages, en étant le plus complet possible afin de permettre au futur joueur de tout comprendre. ici tu décriras le lien qui unit les deux personnages, en étant le plus complet possible afin de permettre au futur joueur de tout comprendre. ici tu décriras le lien qui unit les deux personnages, en étant le plus complet possible afin de permettre au futur joueur de tout comprendre. ici tu décriras le lien qui unit les deux personnages, en étant le plus complet possible afin de permettre au futur joueur de tout comprendre. ici tu décriras le lien qui unit les deux personnages, en étant le plus complet possible afin de permettre au futur joueur de tout comprendre. ici tu décriras le lien qui unit les deux personnages, en étant le plus complet possible afin de permettre au futur joueur de tout comprendre. ici tu décriras le lien qui unit les deux personnages, en étant le plus complet possible afin de permettre au futur joueur de tout comprendre. ici tu décriras le lien qui unit les deux personnages, en étant le plus complet possible afin de permettre au futur joueur de tout comprendre. ici tu décriras le lien qui unit les deux personnages, en étant le plus complet possible afin de permettre au futur joueur de tout comprendre. </div></td><td><img src="https://31.media.tumblr.com/3814de004cfcdb3e1153ebcec66f444b/tumblr_n6yv9kgYLm1qiiwoqo6_250.png" class="imsc"></td></table>

<h>☮ ☮ ☮</h>
<div class="cadreirl"><div class="pttitre">tes suggestions</div> ici que tu les écriras

</div>
</div></center>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://alaskatest.forumgratuit.be
 

Fiches Cross Soul

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

 Sujets similaires

-
» Soul Drop
» educatif moto cross
» RECHERCHE FICHES TECHNIQUES
» Kit pour changer les pneus d'une moto de cross/enduro
» Soul team par fadoo

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: code :: créations de moi-