AccueilDernières imagesRechercherS'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.

Le deal à ne pas rater :
Coffret dresseur d’élite ETB Pokémon EV06 Mascarade Crépusculaire
56.90 €
Voir le deal

    Des livres ? Kéza ?!

    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    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."
    Anonymous
    Invité

    Ven 12 Avr 2013 - 21:23

      C'est juste génial *-*
      Très original, merci du partage Wink
    charle26
    charle26
    FémininAge : 26Messages : 20

    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
    Saya Shirayuki
    Saya Shirayuki
    FémininAge : 31Messages : 153

    Jeu 18 Avr 2013 - 20:07

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

    Jeu 18 Avr 2013 - 20:15

    merci c'est magnifique !



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

    Ven 19 Avr 2013 - 19:51

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



    Des livres ? Kéza ?! Signa10
    Gabriel
    Gabriel
    FémininAge : 36Messages : 7998

    Ven 19 Avr 2013 - 23:08

    C'est excellent !
    Je suis bluffée, le concept est vraiment très original !
    Bravo ^^
    Indy Solo
    Indy Solo
    FémininAge : 29Messages : 240

    Dim 21 Avr 2013 - 16:45

    Waaaaaaaaaaaah, des livres pour présenter un personnage ! C'est un concept génial :)



    Des livres ? Kéza ?! Sans_t10
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    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 !



    sign
    Falyae
    Falyae
    FémininAge : 34Messages : 133

    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 **



    Des livres ? Kéza ?! Sign0110
    Alinoé
    Alinoé
    FémininAge : 32Messages : 35

    Mer 24 Avr 2013 - 14:54

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

    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
    Eira
    Eira
    FémininAge : 30Messages : 22

    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:



    Des livres ? Kéza ?! 512998tumblrmd3783d9se1
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Ven 10 Mai 2013 - 17:28

    Merci à tous <3



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

    Mar 14 Mai 2013 - 21:09

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

    Sam 13 Juil 2013 - 3:15

    So beahtifuwl *q*



    Des livres ? Kéza ?! 907096miu
    Lestrange
    Lestrange
    FémininAge : 28Messages : 165

    Lun 15 Juil 2013 - 10:36

    Whaouw ! Beau travail !
    Venise
    Venise
    FémininAge : 40Messages : 270

    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
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    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."
    Venise
    Venise
    FémininAge : 40Messages : 270

    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
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    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."
    Venise
    Venise
    FémininAge : 40Messages : 270

    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
    G U E R L A I N
    G U E R L A I N
    FémininAge : 33Messages : 192

    Mar 10 Sep 2013 - 9:54

    mais elle est dingue cette fiche :O



    Des livres ? Kéza ?! 191114colorfulwallandsexygirlfacebookcovero1
    Inamio
    Inamio
    FémininAge : 31Messages : 252

    Mar 28 Jan 2014 - 22:15

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



    Des livres ? Kéza ?! 2014_p10
    Anonymous
    Invité

    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 28 Mar 2024 - 13:41