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.


    Présentation sobre & sombre (en deux messages)

    Partagez
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Mer 11 Juin 2014 - 22:44

    Présentation



    Ceci est un code de présentation crée suite à la Demande de Dooh-Nem, ici.

    CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne et l'histoire


    L'image du haut glisse pour laisser voir ce qu'il y a en-dessous, organisé en deux paragraphes, idéal pour y placer les informations tel que le nom, l'âge, le sexe, etc en deux colonnes.
    Il y a un effet sur les titres au passage de la souris.
    Comme vous pouvez le voir sur le screen, l'histoire est dans un SECOND message à la suite dans la présentation!

    Dimension des images


    L'image du haut sera redimensionnée automatiquement pour faire 480px de large. Optimalement, elle devrait faire du 480px*200px.
    Les images de Physique et de Mental sont en 100px*100px et sont redimensionnées pour faire cette hauteur. Pour ne pas avoir une image déformée, il faudrait optimalement avoir une image carrée (donc du 200px*200px irait très bien aussi, etc).
    Vous pouvez modifier la police des titres en changeant le link présent dans le code (ou en le retirant) et en changeant toutes les occurrences de la police (ici Alex Brush) dans le CSS.

    Le Code


    Code HTML /!\ Notez qu'il serait préférable de mettre le link (qui est ci-dessous en première ligne) dans le overall_header juste après la balise < head > /!\ :


    Code CSS :


    Et pour l'histoire?


    Code HTML /!\ Le CSS reste le même! /!\ :



    avatar
    Invité

    le Jeu 12 Juin 2014 - 17:32

    Fiche vraiment simpas :)
    avatar
    Neva
    FémininAge : 26Messages : 18564

    le Mer 18 Juin 2014 - 10:18

    Hey !
    Je me suis juste permis de rajouter un screen pour l'histoire et une indication pour le link. et j'envoie dans les LS maintenant ! Merci



     
    avatar
    Zélya
    FémininAge : 28Messages : 183

    le Mer 18 Juin 2014 - 17:43

    bonsoir très belle fiche merci



    avatar
    Cyanna
    FémininAge : 30Messages : 57

    le Ven 20 Juin 2014 - 1:46

    Mignon comme tout ! Merci !
    avatar
    Dydy
    FémininAge : 26Messages : 490

    le Ven 20 Juin 2014 - 11:26

    merci du partage ♥



    avatar
    Jacoon
    FémininAge : 20Messages : 147

    le Mar 1 Juil 2014 - 15:24

    Merci de cette belle fiche. :3
    avatar
    Greedounet
    MasculinAge : 23Messages : 532

    le Mer 2 Juil 2014 - 19:50

    merci



    Nivan
    FémininAge : 20Messages : 13

    le Lun 7 Juil 2014 - 14:51

    Très sympas comme fiche
    avatar
    MOON LEE
    FémininAge : 23Messages : 144

    le Mar 8 Juil 2014 - 10:32

    Osom. Merci!
    avatar
    Nana-Yankee
    FémininAge : 22Messages : 65

    le Mer 9 Juil 2014 - 23:24

    Merci
    avatar
    x_Titia
    FémininAge : 26Messages : 92

    le Jeu 10 Juil 2014 - 19:40

    Ouuuh elle est toute jolie, merci! Very Happy
    avatar
    Sakura-chan
    FémininAge : 20Messages : 180

    le Dim 20 Juil 2014 - 4:29

    Coucou,

    merci beaucoup pour ce partage ! :)
    avatar
    Nessaleth
    FémininAge : 26Messages : 52

    le Dim 20 Juil 2014 - 21:52

    Merci !
    avatar
    Fyraliel
    FémininAge : 26Messages : 1423

    le Lun 21 Juil 2014 - 13:49

    merci



    avatar
    Heavensky
    FémininAge : 22Messages : 66

    le Mar 22 Juil 2014 - 23:01

    Merci !
    avatar
    missphan
    FémininAge : 34Messages : 154

    le Mer 23 Juil 2014 - 15:08

    Superbe merci beaucoup ^^
    avatar
    Tameless+
    FémininAge : 19Messages : 252

    le Jeu 24 Juil 2014 - 19:09

    zolie ^^ merci !



    avatar
    Kau
    FémininAge : 15Messages : 148

    le Jeu 24 Juil 2014 - 22:31

    Cette fiche est plus que magnifique. *_*

    Merci infiniement !
    avatar
    Amadeus
    FémininAge : 26Messages : 46

    le Lun 28 Juil 2014 - 14:31

    J'aime vraiment beaucoup ! D'autant que j'adore mettre de la musique dans mes fiches *^* sank'you~
    LunaRiza
    FémininAge : 23Messages : 29

    le Mar 29 Juil 2014 - 21:06

    merci
    avatar
    Rainbow Dash
    FémininAge : 18Messages : 52

    le Mer 30 Juil 2014 - 0:45

    Magnifique, merci!
    avatar
    Laps~solutE
    FémininAge : 34Messages : 74

    le Jeu 31 Juil 2014 - 15:21

    Merci beaucoup ♥ :hug: 




    Par notre bon Captain, merci *-* .
    avatar
    Istina
    FémininAge : 22Messages : 111

    le Ven 1 Aoû 2014 - 19:19

    Merci !
    avatar
    Yovoed
    FémininAge : 17Messages : 43

    le Dim 3 Aoû 2014 - 19:56

    Magnifique fiche, merci ^^
    Contenu sponsorisé


      La date/heure actuelle est Sam 29 Juil 2017 - 13:38