AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

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
    avatar
    Capouccino
    FémininAge : 19Messages : 165

    le Ven 12 Avr 2013 - 21: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 - 8:59, édité 4 fois



    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Halloween
    FémininAge : 23Messages : 9741

    le Ven 12 Avr 2013 - 21:23

      C'est juste génial *-*
      Très original, merci du partage Wink



    Je déménage sur NMD o/
    Mon codebook
    avatar
    charle26
    FémininAge : 19Messages : 20

    le Sam 13 Avr 2013 - 14:44

    C'est superbe ** Je ne compte pas l'utiliser, ça ne rentre pas dans mon contexte, mais c'est sublime :O
    avatar
    Saya Shirayuki
    FémininAge : 25Messages : 149

    le Jeu 18 Avr 2013 - 20:07

    C'est vraiment magnifique ! *^*
    avatar
    Rapsodie♥
    FémininAge : 25Messages : 63

    le Jeu 18 Avr 2013 - 20:15

    merci c'est magnifique !



    - Ecrire, c'est ranger le bordel qu'on a dans sa tête. -
    avatar
    Natsuya Gaïaguard
    FémininAge : 27Messages : 144

    le Ven 19 Avr 2013 - 19:51

    TROP TROP TROP TROP BEAU !!!!!!!



    avatar
    Gabriel
    FémininAge : 29Messages : 7935

    le Ven 19 Avr 2013 - 23:08

    C'est excellent !
    Je suis bluffée, le concept est vraiment très original !
    Bravo ^^



    avatar
    Indy Solo
    FémininAge : 22Messages : 236

    le Dim 21 Avr 2013 - 16:45

    Waaaaaaaaaaaah, des livres pour présenter un personnage ! C'est un concept génial :)
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Lun 22 Avr 2013 - 11:54

    Joli ! Très intéressant comme réalisation, bien pensé et bien codé Wink Bravo et merci pour ce généreux partage !



    avatar
    Falyae
    FémininAge : 28Messages : 133

    le Lun 22 Avr 2013 - 12: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 **



    avatar
    Alinoé
    FémininAge : 25Messages : 35

    le Mer 24 Avr 2013 - 14:54

    Merci énormément pour ce partage !
    avatar
    Rhéa
    FémininAge : 21Messages : 57

    le Lun 29 Avr 2013 - 21: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
    avatar
    Eira
    FémininAge : 24Messages : 21

    le Mar 30 Avr 2013 - 0:44

    Oh gosh ! C'est génial ce que tu as fais la !
    Je me permet de te piquer ce code ! Merci beaucoup :love:



    avatar
    Capouccino
    FémininAge : 19Messages : 165

    le Ven 10 Mai 2013 - 17:28

    Merci à tous <3



    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Flower_*
    FémininAge : 22Messages : 598

    le Mar 14 Mai 2013 - 21:09

    Waaah ! Impressionnant le codage, félicitations ! Et merci de ton partage !
    avatar
    Miyun
    FémininAge : 19Messages : 34

    le Sam 13 Juil 2013 - 3:15

    So beahtifuwl *q*



    avatar
    Lestrange
    FémininAge : 21Messages : 162

    le Lun 15 Juil 2013 - 10:36

    Whaouw ! Beau travail !
    avatar
    Venise
    FémininAge : 34Messages : 270

    le Mer 17 Juil 2013 - 19: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
    avatar
    Capouccino
    FémininAge : 19Messages : 165

    le Jeu 18 Juil 2013 - 17: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 - 9:07, édité 1 fois



    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Venise
    FémininAge : 34Messages : 270

    le Jeu 18 Juil 2013 - 20: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
    avatar
    Capouccino
    FémininAge : 19Messages : 165

    le Ven 19 Juil 2013 - 8: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."
    avatar
    Venise
    FémininAge : 34Messages : 270

    le Ven 19 Juil 2013 - 9: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
    avatar
    G U E R L A I N
    FémininAge : 26Messages : 154

    le Mar 10 Sep 2013 - 9:54

    mais elle est dingue cette fiche :O



    avatar
    Inamio
    FémininAge : 25Messages : 226

    le Mar 28 Jan 2014 - 22:15

    Je trouve l'idée sympas !
    Bravo pour ce travail



    avatar
    Invité

    le Mer 19 Fév 2014 - 15: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é


      La date/heure actuelle est Jeu 23 Nov 2017 - 4:44