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 :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G Double SIM à 599€
599 €
Voir le deal

    Fiche pour forum RPG

    Madness of Wonderland
    Madness of Wonderland
    FémininAge : 24Messages : 60

    Sam 13 Fév 2016 - 22:54

    Ma demande



    Bonjour à tous !
    J'aurais besoin d'une fiche un peu particulière qui m'aidera à mettre en forme ma carte de dresseur sur un forum RPG Pokémon. Se que je demande n'est pas bien compliqué mais je suis absolument nulle en codage, c'est bien pour ça que je fais appel à votre aide.
    Merci d'avance !

    Schéma(s) et Eléments
    Schémas : www
    (Voyez en ce schéma mes qualités de graphiste exceptionnelles. /sbaff/)
    Tailles des éléments : La fiche ne devra pas dépasser les 580px de largeur pour le reste je vous laisse le champ libre.
    Effets voulus : //

    Ressources
    Mettez simplement les images qui vous arranges je les changerais par la suite.

    Autres précisions ?
    //
    • Revenir en haut
    Ozymandias
    Ozymandias
    MasculinAge : 26Messages : 44

    Lun 15 Fév 2016 - 12:34

    Bonjour je vais essayer de faire quelque chose mais je ne te promet rien je n'ai que de faibles capacités ,peut de talents et peu de temps -_-" Mais j'aimerais bien essayer quelques petites choses si ça ne te déranges pas ^^

    Quel est le rôle des trois grand rectangles blancs en haut ? Doivent ils servir de zones de texte où d'images ?
    • Revenir en haut
    Ozymandias
    Ozymandias
    MasculinAge : 26Messages : 44

    Lun 15 Fév 2016 - 15:06

    J'ai pu travailler sur ta fiche (quelques heures ^^"). Qu'en penses tu ? Je peux toujours modifier des éléments si cela ne correspond pas à ce que tu voulais obtenir !!

    Pour les modérateurs j'aimeraient vraiment beaucoup avoir vos avis pour le code, je suis un débutant et donc avare de conseils pour progresser !! Cette fiche est un peut un patchwork de nombreux codages différents donc il y a sans doute beaucoup d'erreurs ...

    Voici donc le visuel :
    Spoiler:

    et le code

    Code:



    <div style="background-color:#000618; width: 500px; padding:5px; border-left: 8px solid #9683EC; border-right: solid 8px #9683EC;" <center><div style="padding: 0px; max-width: 200px: 496px; height:200px; border: solid 2px#9683EC; border-radius: 10px; background-image: url('http://img15.hostingpics.net/pics/664152Sanstitre1.png');"></div></center><link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'> <center> <span style="font-family: 'Indie Flower', cursive; color: #9683EC; font-size: 30px; text-shadow: 1px 1px 0px #000000;border-bottom: 1px dotted #000000; padding-bottom: -6px; display: block; text-align: center; "><span style="color: #6689C9; font-family: 'Indie Flower', cursive; font-size: 50px; font-style: italic">T</span>itre</span>  </center>
    <link href='http://fonts.googleapis.com/css?family=Italianno' rel='stylesheet' type='text/css'>
    <center><span style="font-family: 'Indie Flower', cursive;color: #9683EC;font-size: 22px"> Il était une fois

    <table><tbody><tr><td style="text-align:justify;"><p><div style="width:160px;height:200px;overflow:auto;">
    <p style="width: 70%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;">Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem proximos iam gestu terrebat sed eum in certamen alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum.</p>
    </span></div>
    </td><td style="text-align:justify;"><p><div style="width:160px;height:200px;overflow:auto;">
    <p style="width: 70%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;">Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem proximos iam gestu terrebat sed eum in certamen alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum.</p>
    </span></div>
    </td>
    <td style="text-align:justify;"><p><div style="width:160px;height:200px;overflow:auto;">
    <p style="width: 70%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;">Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem proximos iam gestu terrebat sed eum in certamen alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum.</p>
    </span></div>
    </td>
    </tr></tbody></table>


     
    <p><div style="width:495px;height:100px;overflow:auto;">
    <p style="width: 85%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;">Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem proximos iam gestu terrebat sed eum in certamen alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum.Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem proximos iam gestu terrebat sed eum in certamen alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum</p></div>
     


    <p><div style="width:495px;height:150px;overflow:auto;">
    <p style="width: 85%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;">Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem proximos iam gestu terrebat sed eum in certamen alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum.Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem proximos iam gestu terrebat sed eum in certamen alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum</p></div>
     
    &nbsp;

    <table><tbody><tr><td style="text-align:justify;"><p><div style="width:200px;height:80px;overflow:auto;">
    <p style="width: 70%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;"><img src="http://vignette3.wikia.nocookie.net/pokemontowerdefensetwo/images/e/e1/Pikachu_vector_by_paperjoey-d3919s8.png/revision/latest?cb=20141215025654" style="width: 50px; height: 50px; float: left; margin-right: 10px; margin-bottom; 10px; border: 1px solid #ffffff;" />Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</p>
    </span></div>
    </td>

    <td style="text-align:justify;"><p><div style="width:200px;height:90px;overflow:auto;">
    <p style="width: 70%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;"><img src="http://vignette3.wikia.nocookie.net/pokemontowerdefensetwo/images/e/e1/Pikachu_vector_by_paperjoey-d3919s8.png/revision/latest?cb=20141215025654" style="width: 50px; height: 50px; float: left; margin-right: 10px; margin-bottom; 10px; border: 1px solid #ffffff;" />Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</</p>
    </span></div>
    </tr></tbody></table>

    <table><tbody><tr><td style="text-align:justify;"><p><div style="width:200px;height:80px;overflow:auto;">
    <p style="width: 70%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;"><img src="http://vignette3.wikia.nocookie.net/pokemontowerdefensetwo/images/e/e1/Pikachu_vector_by_paperjoey-d3919s8.png/revision/latest?cb=20141215025654"  style="width: 50px; height: 50px; float: left; margin-right: 10px; margin-bottom; 10px; border: 1px solid #ffffff;" />Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</p>
    </span></div>

    </td><td style="text-align:justify;"><p><div style="width:200px;height:80px;overflow:auto;">
    <p style="width: 70%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;"><img src="http://vignette3.wikia.nocookie.net/pokemontowerdefensetwo/images/e/e1/Pikachu_vector_by_paperjoey-d3919s8.png/revision/latest?cb=20141215025654"  style="width: 50px; height: 50px; float: left; margin-right: 10px; margin-bottom; 10px; border: 1px solid #ffffff;" />Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</</p>
    </span></div>
    </tr></tbody></table>

    <table><tbody><tr><td style="text-align:justify;"><p><div style="width:200px;height:80px;overflow:auto;">
    <p style="width: 70%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;"><img src="http://vignette3.wikia.nocookie.net/pokemontowerdefensetwo/images/e/e1/Pikachu_vector_by_paperjoey-d3919s8.png/revision/latest?cb=20141215025654"  style="width: 50px; height: 50px; float: left; margin-right: 10px; margin-bottom; 10px; border: 1px solid #ffffff;" />Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</</p>
    </span></div>
    </td>

    <td style="text-align:justify;"><p><div style="width:200px;height:80px;overflow:auto;">
    <p style="width: 70%; margin: auto; background-color: #879DC6; border: 1px dashed #5582D3; color: #FEFEFE; padding: 4px; text-align: justify; font-size: 12px;"><img src="http://vignette3.wikia.nocookie.net/pokemontowerdefensetwo/images/e/e1/Pikachu_vector_by_paperjoey-d3919s8.png/revision/latest?cb=20141215025654"  style="width: 50px; height: 50px; float: left; margin-right: 10px; margin-bottom; 10px; border: 1px solid #ffffff;" />Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</</p>
    </span></div>
    </tr></tbody></table>






    <p>
    <center><span style="font-family:vivaldi;font-size: 18px"> Code By Ozymandias for Never Utopia </span></div> </center>


    Je viens de remarquer un problème d'espaces et de disposition qui n'est pas présente sur ma visualisation...
    • Revenir en haut
    Madness of Wonderland
    Madness of Wonderland
    FémininAge : 24Messages : 60

    Mar 16 Fév 2016 - 20:28

    Le résultat me convient parfaitement je ne voulais pas d'un codage trop chargé. Si ça ne t'embête pas j’effectuerais sûrement deux trois petites modifications notamment sur les couleurs et la taille de certains blocs.
    En tout cas merci beaucoup de t'être donné cette peine. ♥
    • Revenir en haut
    Ozymandias
    Ozymandias
    MasculinAge : 26Messages : 44

    Mer 17 Fév 2016 - 9:00

    Je suis content que ce codage te plaise ,c'est la première fois que j'utilisais un tableau, une "scrollbar" et que je créais des cadres colorés pour des zones de texte alors ça à été un très bon entrainement pour moi.

    Bien entendu tu peux tout changer ,cette fiche t'appartient maintenant, j'aimerais cependant que tu garde ma signature en fin si cela ne te dérange pas ^^.

    Pourras tu m'envoyer un lien vers le message que tu auras publié avec cette fiche ? J'aimerais juste voir le rendu final de ce travail.

    Pour les modérateurs ,administrateurs ou simples visiteurs n'hésitez pas à donner votre avis et à me corriger, ce n'est que comme ça que je pourrais évoluer.
    • Revenir en haut
    Madness of Wonderland
    Madness of Wonderland
    FémininAge : 24Messages : 60

    Mer 17 Fév 2016 - 11:14

    Ne t'inquiète pas pour ta signature je n'ai pas l'intention d'y toucher. Je mettrais le lien de mon message à la suite du sujet une fois que je l'aurais terminé :3
    • Revenir en haut
    Madness of Wonderland
    Madness of Wonderland
    FémininAge : 24Messages : 60

    Mer 17 Fév 2016 - 23:37

    On ne peut pas accéder à mon message à moins d'être membre du forum alors voilà un petit aperçu du rendu final ^^

    Spoiler:
    • Revenir en haut
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Lun 22 Fév 2016 - 12:09

    Vu que la demande est terminée, je classe! Ozymandias -> n'hésite pas à poster ta fiche dans les LS! Wink



    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 16:44