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.


    Une petite fiche mi-ronde personnalisable à souhait

    Partagez
    avatar
    Lilandrile
    FémininAge : 31Messages : 56

    le Jeu 21 Nov 2013 - 9:41

    En espérant que cela vous soit utile. Voilà une petite fiche de lien, pas compliqué ^^



    Identité

    Nom & Prénom:
    Race:
    Âge:
    Métier:
    Classe sociale:
    Pouvoir:

    Liens recherchés

    Description des liens recherchés

    Image du lien
    Nom Prénom
    Description du lien
    Rencontre 1: Liens du rp - Description

    Image du lien
    Nom Prénom
    Description du lien
    Rencontre 1: Liens du rp - Description

    Image du lien
    Nom Prénom
    Description du lien
    Rencontre 1: Liens du rp - Description



    Code:
    <div style="overflow: fixe; width: 550px; background-color: #54607C; margin: auto; border-width: 10px; border-color: #BAA98D; border-style: solid; -moz-border-radius: 80px 80px 0px 0px; -webkit-border-radius: 80px 80px 0px 0px;">
    [center][img]http://i55.servimg.com/u/f55/11/47/14/72/sesthi10.png[/img][/center]<center><table><tr><td><div style="width:200px; padding-top:10px;padding-bottom:15px; padding-left:5px; padding-right:5px;">[img]http://i75.servimg.com/u/f75/11/47/14/72/sestth10.jpg[/img]
    </div></td><td><div style="width:300px; padding-top:30px; padding-bottom:30px; padding-left:5px; padding-right:5px; border-radius:20px; "><span style="font-family: Georgia; font-size: 15px; color: #BAA98D;">Identité</span><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; text-align:justify; height: 130px; overflow:auto">
    [center][b]Nom & Prénom:[/b]
    [b]Race:[/b]
    [b]Âge:[/b]
    [b]Métier:[/b]
    [b]Classe sociale:[/b]
    [b]Pouvoir:[/b] [/center]</div>
    <span style="font-family: Georgia; font-size: 15px; color: #BAA98D;">Liens recherchés</span><div style=" background-color:#BAA98D; padding:5px; color:#54607C; height:130px; overflow: auto">
    Description des liens recherchés</div></td></tr></table></center>
    [center][img]http://i55.servimg.com/u/f55/11/47/14/72/mes_li10.png[/img][/center]
    <center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
    [u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
    <center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
    [u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
    <center><table><tr><td><div style="overflow: auto; height: 200px;">Image du lien</div></td><td><div style="width:400px; padding:10px; border-radius:20px; background-color:#54607C; font-size:10px; letter-spacing:2px; "><div style="font-size:30px; font-style:italic; font-family:georgia; color:#000040; text-align:center">Nom Prénom</div><div style=" background-color:#BAA98D; padding:5px; color:#54607C ; font-size:10px; letter-spacing:1px; text-align:justify; height:150px; overflow:auto">[color=#333366][b]Description du lien[/b][/color]
    [u][b]Rencontre 1:[/b][/u] Liens du rp - Description</div></div></td></tr></table></center>
    </div>
    avatar
    EmmaAngel
    FémininAge : 35Messages : 7

    le Jeu 28 Nov 2013 - 12:54

    Merci beaucoup =)
    avatar
    Rhéa
    FémininAge : 21Messages : 57

    le Mer 4 Déc 2013 - 16:57

    Tout d'abord, merci de ce partage ! :3

    Comme je suis en mode chieuse aujourd'hui, j'ai quelques trucs à redire sur ta fiche ! Rien de grave ne t'inquiètes pas !

    Je commencerai par dire qu'elle est simple, les couleurs s'accordent bien, il attire l'oeil et l'attention !

    Je viens de voir à l'instant que les titres sont en fait des images. Très jolie, ils donnent vraiment l'impression d'être encré dans la fiche. Le problème est le gros titre tout en haut. A vrai dire, s'il n'y a pas de possibilité de le changer, je me demande à quoi il sert en fait. Ce que je trouve dommage ! Certes, les typo sont parfois pas tous visibles de tout le monde, mais le problème des images posent celui de l'impossibilité de changer ! Certaines personnes auraient peut-être mis le nom et le prénom de leur personnage en gros titre, avec la jolie typo que tu nous offres ! Mais elle est inchangeable, ce que je trouve pas super :/
    Ensuite, tu as deux superbes typographies qui attirent immédiatement l'oeil ! Pourtant, les titres de tes catégories sont banales. Cela crée une cassure dans ta fiche, et le rendu n'est pas aussi bien qu'il aurait put être. Une fiche avec trop de typo, c'est pas bon, mais lorsque l'on a une superbe typo en début, il est après dommage que les autres soient aussi banales ! Je ne te demande pas de recréer la même typo que pour les gros titres, sinon cela aurait fait trop, mais une autre typographie jolie aurait harmoniser le tout !

    Ensuite, l'autre "problème" que je vois est les images des liens. Il n'y a pas de délimitation, de ce que je vois, ainsi l'on n'a pas de dimension à imposer aux images que l'on voudrait mettre pour illustrer nos liens, et il y a un risque de déformer ta fiche. Un petit carré délimité par un encadrement blanc ou d'une autre couleur qui irait bien avec le reste, et une image "test" pour nous montrer les bonnes dimensions, et c'est dans la boite ! Après je sais que faire une fiche, ce n'est pas de tout repos. J'ai pas essayé, et j'essayerais pas car les codes et moi, c'est les épinards quand j'étais petite (et maintenant aussi, d'ailleurs !). Je suis totalement nulle en codage et je me permets d'ouvrir mon bec pour critiquer '-' vu comme ça c'est limite injuste, mais je me dis que mon point de vu pourrait être utile, parfois, alors je dis ce que je pense !
    Après, comme je n'ai pas testé ton code, peut-être as-tu mis une délimitation "invisible" qui recadre automatiquement les images pour pas qu'elles partent dans tous les sens, je ne sais pas !

    Tu n'es pas obligée de prendre tout ça en compte hein Wink
    Comme j'y connais presque rien en codage Rolling Eyes Juste la base => faire un carré texte/image/titre/fond '-'

    En tout cas merci encore, et sache que malgré tout ce que j'ai dis, je trouve ta fiche bien mignonne et jolie !
    avatar
    Origin@ls24
    FémininAge : 22Messages : 5

    le Ven 28 Fév 2014 - 19:27

    J'adore ! Merci !
    avatar
    hoterion
    FémininAge : 26Messages : 75

    le Sam 1 Mar 2014 - 0:09

    C'est très gentil de ta part et surtout très beau ! J'en ferai bon usage, continuez votre bon travail vous êtes super ^^



    TheBud
    MasculinAge : 26Messages : 12

    le Lun 7 Avr 2014 - 23:44

    Merci beaucoup, même si ça up le topic, j'ai utilisé cette fiche pour un forum, en modifiant les couleurs et quelques trucs (retirant des choses), mais très bon boulot, merci encore. :)
    Nal Souclade
    MasculinAge : 18Messages : 163

    le Mer 28 Mai 2014 - 23:00

    C'est magnifique ! Merci beaucoup !
    avatar
    Risa
    FémininAge : 29Messages : 238

    le Ven 30 Mai 2014 - 18:23

    Moi je trouve ça très joli, dommage que l'image n'aille pas avec le fond, mais je suppose que c'est un exemple, alors on s'en fiche un peu ^^
    avatar
    Ayane Jun
    FémininAge : 25Messages : 81

    le Mer 11 Juin 2014 - 13:07

    Merci beaucoup c'est super !
    avatar
    Miriyuki
    FémininAge : 27Messages : 37

    le Ven 20 Juin 2014 - 18:47

    Très jolie !
    J'aime beaucoup la police que tu as utiliser pour les titres principaux ^^
    avatar
    Kamiiou
    FémininAge : 22Messages : 50

    le Mar 26 Aoû 2014 - 16:26

    Super joliiiii, merci beaucoup ! :]
    avatar
    charlie.
    FémininAge : 37Messages : 62

    le Sam 10 Jan 2015 - 14:08

    merci!
    avatar
    ran01
    FémininAge : 26Messages : 7

    le Mar 26 Mai 2015 - 15:42

    merci ^^
    avatar
    Presto
    FémininAge : 17Messages : 18

    le Mer 17 Juin 2015 - 16:04

    zouliii merci ^^
    avatar
    Faramir
    FémininAge : 21Messages : 70

    le Lun 1 Fév 2016 - 16:35

    Merci ^^
    avatar
    Kelalin
    FémininAge : 25Messages : 1724

    le Lun 1 Fév 2016 - 17:18

    Merci pour le partage !
    avatar
    Wellen
    FémininAge : 24Messages : 19

    le Jeu 2 Juin 2016 - 17:43

    merci
    Contenu sponsorisé


      La date/heure actuelle est Ven 15 Déc 2017 - 5:22