Rappel du premier message :
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
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
