Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Des livres ? Kéza ?!

    Partagez
    FémininAge : 18Message(s) : 165
    Capouccino
    le Ven 12 Avr 2013 - 19:11
    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



    ¤ Nom :
    ¤ Prénom :
    ¤ Surnom :
    ¤ Sexe :
    ¤ Age (réel et en apparence) :
    ¤ Race : (vampire, sorcier, ange, orisha etc)
    ¤ Spécialité : (20 points à répartir)
    - Agilité :
    - Force :
    - Charisme :
    - Intelligence :
    - Magie :
    ¤ Métier :
    ¤ Armes : (2 max)
    ¤ Pouvoirs :
    - 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)

    Pouvoir de niveau 2
    - Ne pas compléter = (N/A)

    Pouvoir de niveau 3
    - N/A

    Pouvoir de niveau 4
    - N/A

    Pouvoir de niveau 5/6
    - N/A

    ¤ Particularité : (pour changer l'image en 200x400 ci-contre, modifier l'adresse qui se trouve entre balises IMG, juste en dessous dans le code)


    Gains de lieux
    - N/A

    Gains de quêtes
    - N/A

    Gains Hors RP
    - N/A

    Fragments du cristal maître
    - N/A

    Arme du temple
    - N/A


    === What Do You Look Like ? === 7 lignes minimum

    === What Do You Look Like ? === 7 lignes minimum


    === Are You Crazy ??? === 9 lignes minimum

    === Are You Crazy ??? === 9 lignes minimum



    === 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 ^^)


    === 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 ^^)


    ¤ Prénom :
    ¤ Sexe :
    ¤ Race : (chat, chien, démon etc)
    ¤ Pouvoir :
    ¤ Caractère :
    ¤ Physique :
    (pour changer l'image en 200x400 ci-contre, modifier l'adresse qui se trouve entre balises IMG, juste en dessous dans le code)



    ¤ Votre prénom ou pseudo courant :
    ¤ Comment avez-vous découvert le forum :
    ¤ Si un jour vous quittiez le forum, comment voudriez vous que votre personnage meurt? :
    ¤ Code ? :
    Codes par MoiSadike©


    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 - 6:59, édité 4 fois


    "Espérer l'inespérable c'est croire en l'impossible."
    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Ven 12 Avr 2013 - 19:23
      C'est juste génial *-*
      Très original, merci du partage Wink


    Je mets les voiles, que le vent te soit favorable matelot !
    FémininAge : 18Message(s) : 20
    charle26
    le Sam 13 Avr 2013 - 12:44
    C'est superbe ** Je ne compte pas l'utiliser, ça ne rentre pas dans mon contexte, mais c'est sublime :O
    FémininAge : 24Message(s) : 149
    Saya Shirayuki
    le Jeu 18 Avr 2013 - 18:07
    C'est vraiment magnifique ! *^*
    FémininAge : 24Message(s) : 63
    Rapsodie♥
    le Jeu 18 Avr 2013 - 18:15
    merci c'est magnifique !


    - Ecrire, c'est ranger le bordel qu'on a dans sa tête. -
    FémininAge : 26Message(s) : 144
    Natsuya Gaïaguard
    le Ven 19 Avr 2013 - 17:51
    TROP TROP TROP TROP BEAU !!!!!!!


    FémininAge : 28Message(s) : 7935
    Gabriel
    le Ven 19 Avr 2013 - 21:08
    C'est excellent !
    Je suis bluffée, le concept est vraiment très original !
    Bravo ^^


    FémininAge : 21Message(s) : 232
    Indy Solo
    le Dim 21 Avr 2013 - 14:45
    Waaaaaaaaaaaah, des livres pour présenter un personnage ! C'est un concept génial :)
    MasculinAge : 31Message(s) : 31699

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    le Lun 22 Avr 2013 - 9:54
    Joli ! Très intéressant comme réalisation, bien pensé et bien codé Wink Bravo et merci pour ce généreux partage !


    FémininAge : 27Message(s) : 133
    Falyae
    le Lun 22 Avr 2013 - 10:11
    Magnifique ** Et même parfait!

    Je pense vraiment l'utiliser pour mon forum, merci infiniment pour cette présentation, sans doute la plus créative et originale que j'ai vu jusqu'à présent! <3 TU AS MON AMOUR ETERNEEEEEEEEEL **


    FémininAge : 24Message(s) : 35
    Alinoé
    le Mer 24 Avr 2013 - 12:54
    Merci énormément pour ce partage !
    FémininAge : 20Message(s) : 53
    Rhéa
    le Lun 29 Avr 2013 - 19:27
    *O*

    Trop bien ! J'adore, franchement faut avoir l'imagination et être vraiment doué en codage pour pouvoir faire ça !
    Bon, je doute l'utiliser pour une fiche de présentation mais plutôt comme un journal de bord :3

    En tout cas c'est génial ! Tu es très douée, j'adore Wink
    FémininAge : 23Message(s) : 21
    Eira
    le Lun 29 Avr 2013 - 22:44
    Oh gosh ! C'est génial ce que tu as fais la !
    Je me permet de te piquer ce code ! Merci beaucoup :love:


    FémininAge : 18Message(s) : 165
    Capouccino
    le Ven 10 Mai 2013 - 15:28
    Merci à tous <3


    "Espérer l'inespérable c'est croire en l'impossible."
    FémininAge : 21Message(s) : 502

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Flower_*
    le Mar 14 Mai 2013 - 19:09
    Waaah ! Impressionnant le codage, félicitations ! Et merci de ton partage !
    FémininAge : 18Message(s) : 34
    Miyun
    le Sam 13 Juil 2013 - 1:15
    So beahtifuwl *q*


    FémininAge : 21Message(s) : 162
    Lestrange
    le Lun 15 Juil 2013 - 8:36
    Whaouw ! Beau travail !
    FémininAge : 33Message(s) : 270
    Venise
    le Mer 17 Juil 2013 - 17:52
    Bonjour et merci pour ce travail.

    Je le trouve magnifique ton code, je pense l'utiliser sur mon forum , j'ai juste une petite question : Comment tu fais pour en mettre plusieurs l'un à côté de l'autre ? Désolée d'être aussi peu douée
    FémininAge : 18Message(s) : 165
    Capouccino
    le Jeu 18 Juil 2013 - 15:49
    Merci à vous ^^

    Venise> Pour les mettre l'un à côté de l'autre j'utilise les balises < table > < tr > < td > et <  /table > < / tr > < / td > qui sont là pour faire un tableau.
    < table > et < / table > indiquent l'ouverture du tableau.
    < tr > et < / tr > indiquent une nouvelle ligne.
    < td > et < /td > indiquent une nouvelle colonne.

    un exemple simple:
    1ère ligne et colonne 1colonne 2
    2eme ligne et colonne 1colonne 2

    Code:
    <table><tr><td>1ère ligne et colonne 1</td><td>colonne 2</td></tr><tr><td>2eme ligne et colonne 1</td><td>colonne 2</td></tr></table>
    Mais si tu veux que je te mette en place le code fais moi signe par mp je le ferrais ^^


    Dernière édition par MoiSadike le Mar 23 Juil 2013 - 7:07, édité 1 fois


    "Espérer l'inespérable c'est croire en l'impossible."
    FémininAge : 33Message(s) : 270
    Venise
    le Jeu 18 Juil 2013 - 18:53
    Bonsoir MoiSadike (j'aime se pseudo ^^)

    Je n'ai malheureusement pas encore la possibilité d'envoyer des mp, mais j'avoue que j’apprécierais que tu me mette en place le code, car j'ai justement une section appelée la bibliothèque dans mon forum. et je voudrais utiliser ton magnifique travail dans cette section.
    Je te remercie pour ta proposition d'aide (je suis tellement peur d'être nulle au point d’abîmer ton travail)

    Amicalement Venise
    FémininAge : 18Message(s) : 165
    Capouccino
    le Ven 19 Juil 2013 - 6:49
    Pour que je puisse le faire il me faudrait le lien vers ton forum ainsi qu'une description précise de ce que tu voudrais sur la tranche des livres et leur contenu.
    Voilà, voilà :3


    "Espérer l'inespérable c'est croire en l'impossible."
    FémininAge : 33Message(s) : 270
    Venise
    le Ven 19 Juil 2013 - 7:59
    Voici le liens de mon site : http://derniersreves.forums-rpg.com/
    Je compte utiliser ton travail dans la section bibliothèque, pour le nom sur les tranches je te fais sa pour se soir.

    Encore merci
    FémininAge : 25Message(s) : 154

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    G U E R L A I N
    le Mar 10 Sep 2013 - 7:54
    mais elle est dingue cette fiche :O


    FémininAge : 24Message(s) : 209

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Inamio
    le Mar 28 Jan 2014 - 21:15
    Je trouve l'idée sympas !
    Bravo pour ce travail


    Invité
    le Mer 19 Fév 2014 - 14:11
    Coucou !

    je viens juste te dire: Ouah ! Excellente idée et vraiment merci de partager ce codage avec nous, c'est du très joli travail x)
    Contenu sponsorisé
    Aujourd'hui à 6:08

      La date/heure actuelle est Dim 4 Déc 2016 - 6:08