Voilà une autre fiche de présentation que j'ai utilisé pour un forum ^^
PS: Les tranches des livres et les fonds sont des images changeables. Mais faut du courage pour trouver le bon code XD
|
|
|
|
|
|
|
- Code:
<style>.fiche15{width: 612px;margin: auto;color:#993500}#colonne, #colonne2, #colonne3, #colonne4, #colonne5, #colonne6{ background:url(http://img93.xooimage.com/files/d/1/6/murger7bis-3d5f65d.png) no-repeat;overflow:hidden;display:inline-block;z-index:1;position: relative;width: 69px;height: 375px;font-size: 9px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100);transition: 1.5s;-moz-transition: 1.5s;-htm-transition: 1.5s;-webkit-transition: 1.5s;-o-transition: 1.5s;}#colonne:hover, #colonne2:hover, #colonne3:hover, #colonne4:hover, #colonne5:hover, #colonne6:hover{top:5px;z-index:99;background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png');width: 500px;height: 375px;margin-right:-150px;margin-left: -130px;font-size: 11px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100);transition: 1s;-moz-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}#colonne1{-webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); overflow:hidden;display:inline-block;z-index:1;background:url(http://img94.xooimage.com/files/d/3/7/murger8bis-3d5f704.png) no-repeat;position: relative;width: 69px;height: 375px;font-size: 9px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100);transition: 1.5s;-moz-transition: 1.5s;-htm-transition: 1.5s;-webkit-transition: 1.5s;-o-transition: 1.5s;}#colonne1:hover{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);z-index:99;background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png');width: 500px;height: 375px;margin-left:-150px;font-size: 11px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100);transition: 1s;-moz-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}#colonne2{background:url(http://img91.xooimage.com/files/b/f/d/murger2bis-3d5f977.png) no-repeat}#colonne2:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png')}#colonne3{ background:url(http://img93.xooimage.com/files/9/8/8/murger3bis-3d5fa57.png) no-repeat}#colonne3:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png');}#colonne4{ background:url(http://img92.xooimage.com/files/5/3/f/murger4bis-3d5fac6.png) no-repeat}#colonne4:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png')}#colonne5{ background:url(http://img91.xooimage.com/files/9/0/d/murger5bis-3d5fb5a.png) no-repeat}#colonne5:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png')}#colonne6{background:url(http://img91.xooimage.com/files/d/2/2/murger6bis-3d5fb91.png) no-repeat}#colonne6:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png')}.text10{opacity:0;-moz-transition: 0s;-htm-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}.text10:hover{opacity:1;-moz-transition: 0s;-htm-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}.image_vava{height:250px;transition: 1s;-moz-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}.image_vava:hover{height:350px;z-index:199;margin-top:-35px}</style>
<div class="fiche15"><table><td><div id="colonne2"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">[b]¤ Nom : [/b]
[b]¤ Prénom : [/b]
[b]¤ Surnom : [/b]
[b]¤ Sexe : [/b]
[b]¤ Age (réel et en apparence) : [/b]
[b]¤ Race : [/b] (vampire, sorcier, ange, orisha etc)
[b]¤ Spécialité : [/b] (20 points à répartir)
[i]- Agilité : [/i]
[i]- Force : [/i]
[i]- Charisme : [/i]
[i]- Intelligence : [/i]
[i]- Magie : [/i]
[b]¤ Métier : [/b]
[b]¤ Armes : (2 max) [/b]
[b]¤ Pouvoirs : [/b]
- 1er pouvoir de votre race (cf la fiche race)
- 2ème pouvoir de votre race (cf la fiche race)
- 3ème pouvoir de votre race (cf la fiche race)
- Pouvoir au choix (cf la liste des pouvoirs)
- Pouvoir au choix (cf la liste des pouvoirs)
[size=20][font=Vivaldi]Pouvoir de niveau 2[/font][/size]
- Ne pas compléter = (N/A)
[size=20][font=Vivaldi]Pouvoir de niveau 3[/font][/size]
- N/A
[size=20][font=Vivaldi]Pouvoir de niveau 4[/font][/size]
- N/A
[size=20][font=Vivaldi]Pouvoir de niveau 5/6[/font][/size]
- N/A
[b]¤ Particularité[/b] : (pour changer l'image en 200x400 ci-contre, modifier l'adresse qui se trouve entre balises IMG, juste en dessous dans le code)
</div>[/td][td style="width:200px;padding-left:35px;padding-right:20px;padding-top:50px;padding-bottom:15px;text-align:justify"]<img class="image_vava" src="http://img835.imageshack.us/img835/8981/vavasouverain.jpg"/>
[/td][/table]</div></div></td><td><div id="colonne3"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">[size=20][font=Vivaldi]Gains de lieux[/font][/size]
- N/A
[size=20][font=Vivaldi]Gains de quêtes[/font][/size]
- N/A
[size=20][font=Vivaldi]Gains Hors RP[/font][/size]
- N/A
</div>
[/td][td style="width:200px;padding-left:15px;padding-right:45px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">[size=20][font=Vivaldi]Fragments du cristal maître[/font][/size]
- N/A
[size=20][font=Vivaldi]Arme du temple[/font][/size]
- N/A</div>
[/td][/table]</div></div></td><td><div id="colonne4"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">=== What Do You Look Like ? === 7 lignes minimum</div>
[/td][td style="width:200px;padding-left:15px;padding-right:45px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">=== What Do You Look Like ? === 7 lignes minimum</div>
[/td][/table]</div></div></td><td><div id="colonne5"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">=== Are You Crazy ??? === 9 lignes minimum</div>
[/td][td style="width:200px;padding-left:15px;padding-right:45px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">=== Are You Crazy ??? === 9 lignes minimum</div>
[/td][/table]</div></div></td><td><div id="colonne6"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">
=== Cool Story Bro xD === 17 lignes minimum (évitez tout de même d'écrire des romans, les mémoires sont faites pour ceux qui souhaitent approfondir leur histoire ^^)</div>
[/td][td style="width:200px;padding-left:15px;padding-right:45px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">
=== Cool Story Bro xD === 17 lignes minimum (évitez tout de même d'écrire des romans, les mémoires sont faites pour ceux qui souhaitent approfondir leur histoire ^^)</div>
[/td][/table]</div></div></td><td><div id="colonne"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px">[b]¤ Prénom :[/b]
[b]¤ Sexe : [/b]
[b]¤ Race : [/b] (chat, chien, démon etc)
[b]¤ Pouvoir : [/b]
[b]¤ Caractère : [/b]
[b]¤ Physique : [/b]
(pour changer l'image en 200x400 ci-contre, modifier l'adresse qui se trouve entre balises IMG, juste en dessous dans le code)</div>
[/td][td style="width:200px;padding-left:35px;padding-right:20px;padding-top:50px;padding-bottom:15px;text-align:justify"]<img class="image_vava" src="http://img835.imageshack.us/img835/8981/vavasouverain.jpg"/>
[/td][/table]</div></div></td><td style="padding-left:38px"><div id="colonne1"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"][b]¤ Votre prénom ou pseudo courant : [/b]
[b]¤ Comment avez-vous découvert le forum : [/b]
[b]¤ Si un jour vous quittiez le forum, comment voudriez vous que votre personnage meurt? : [/b]
[b]¤ Code ? : [/b]
[/td][td style="width:200px;padding-left:35px;padding-right:20px;padding-top:50px;padding-bottom:15px;text-align:justify"][table][tr][td]<img class="image_vava" src="http://img835.imageshack.us/img835/8981/vavasouverain.jpg"/>[/td][/tr][tr][td]<div style="text-shadow: 1px 1px 1px #000000; font-size: 10px; letter-spacing: 4px">Codes par MoiSadike©</div>[/td][/tr][/table]
[/td][/table]</div></div></td></table></div>
Dernière édition par MoiSadike le Mar 23 Juil 2013 - 8:59, édité 4 fois