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.


    Fiche de liens simple mais efficace

    Partagez
    avatar
    Aile de l'Ange
    FémininAge : 19Messages : 105

    le Jeu 10 Nov 2016 - 22:37



    Bonjour à tous, aujourd'hui je vous propose une fiche de lien tout simple. En effet elle est de couleur blanche et écriture noire avec ombre. Si les couleurs ne vous plaise pas, il est toute à fait possible de les changer

    Pour un aperçu en image clique ici
    Si tu veux l'a voir en grandeur nature clique à cet endroit

    L'image dans la fiche de lien fait 200*400px. Et comme je l'ai dis précédemment, les couleurs sont modifiables.


    Code:
    <link href='http://fonts.googleapis.com/css?family=Megrim|Tangerine' rel='stylesheet' type='text/css' /><div style="border: 1px solid #000000; width: 500px; height: 1100px; background: white; margin: auto;">
    <div style="color:black; text-align:center; text-shadow: 0px 0px 3px black; letter-spacing: 3px; font-size: 45px; font-family: 'Megrim'; padding:60px">Nom du Perso</div>
    <table><tbody><tr><td><span style="padding:20px"><img src="http://www.zupimages.net/up/16/45/uug2.png"; /></span></td><td><span style="color:black; text-align:center; text-shadow: 0px 0px 3px black; letter-spacing: 3px; font-size: 35px; font-family: 'Tangerine'; padding:60px">Informations </span><br />
    <div style="text-shadow: 0px 0px 3px black; color:black; letter-spacing: 1px; text-align: justify; width: 250px; background-color:#E9E4DA"><div style="margin:5px;">
    Clan : <i>D'où viens tu ?</i><br />
    Rang : <i>A quoi sers - tu ?</i><br />
    Age : <i>Quel est ton âge ?</i><br />
    Sexe : <i>Fille ou garçon ?</i><br />
    Qualités / Défauts : <i> J'ai telle, telle et telle qualités.</i><br /><br /><i> En revanche j'ai tel, tel ou tel défauts.</i></div></div></td></tr></tbody></table>
    <div style="color:black; text-align:center; text-shadow: 0px 0px 3px black; letter-spacing: 3px; font-size: 35px; font-family: 'Tangerine'; padding:60px">Les Liens</div><table><tbody><tr><td><span style="color:black; text-align:left; text-shadow: 0px 0px 3px black; letter-spacing: 3px; font-size: 15px; font-family: 'arial'; padding:30px">Positifs</span></td><td><span style="color:black; text-align:right; text-shadow: 0px 0px 3px black; letter-spacing: 3px; font-size: 15px; font-family: 'arial'; padding:240px">Négatifs</span></td></tr></tbody></table>


    <table style="margin: auto;"><tbody><tr><td><div style="width: 220px; height: 200px; overflow:auto; background-color:#E9E4DA;text-align:justify; font-family: font-size:12px; line-height:12px; color:black; border: 1px solid #000000; margin-left:8px;"><div style="margin:5px; ">  [b]Un "ami" :[/b] Quelqu'un qu'il pourrait considérer comme un ami même si le mot "ami" est légèrement trop fort pour cette relation. - Libre

    [b]Un souffre - douleur :[/b] Une personne sur lequel il pourrait passer ses nerfs ou alors pour satisfaire son envie d'énerver les autres et de les manipuler. - Libre

    [b]Un protégé :[/b] De préférence une jeune personne sur lequel il passerait son temps à lui enseigner comment être comme lui, comment manipuler, énerver, ou martyriser quelqu'un - Libre
    [b]Autre :[/b] si vous avez d'autres idée d'éventuels liens.
    </div></div></td><td><div style="width: 220px; height: 200px; overflow:auto;background-color:#E9E4DA;text-align:justify; font-family: arial; font-size:12px; line-height:12px; color:black; border: 1px solid #000000; margin-left:8px;"><div style="margin:5px; "> [b]Un meilleur ennemi :[/b] Une personne qu'il ne pourrait pas supporter et qu'il préfère éviter pour ne pas s'énerver avec. - Libre

    [b]Des ennemis :[/b] Une ou des personne(s) qu'il n'apprécierait pas. Ou plutôt des félins qui en voudrait à mon perso pour son comportement ou ses agissements. - Libre

    [b]Autre :[/b] si vous avez d'autres idée d'éventuels liens.
    </div></div></td></tr></tbody></table><div style="text-align:center; font-family: arial; font-size:10px; color:black">fiche by Aily</div></div>

    Vous vous doutez bien que j'y ai passé du temps, alors merci de bien vouloir laisser le crédit, j'insiste sur ce point.
    J'accepte toutes critiques du moment qu'elle est constructive et permette de m'améliorer.

    Un petit remerciement serait apprécié ^^
    avatar
    Onyx
    FémininAge : 23Messages : 2945

    le Mer 21 Déc 2016 - 5:31

    Salut!

    Alors j'ai corrigé ton code, mais attention, tu as tendance à oublier de fermer tes balises! Aussi, on ne mélange pas le bbcode [] et le html <>. À la place de [ i ], il faut que tu utilises < i >.

    Bref, je valide ce LS qui sera bientôt déplacé dans la section appropriée ! Merci de ton partage ^^




      La date/heure actuelle est Mer 23 Aoû 2017 - 21:41