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

    Rappel du premier message :

    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
    SaphiraS
    FémininAge : 18Messages : 48

    le Sam 29 Aoû 2015 - 6:18

    Merci *w*
    En ligne
    avatar
    Kelalin
    FémininAge : 24Messages : 1507

    le Sam 29 Aoû 2015 - 15:33

    Merci !!! (´ω`★)
    avatar
    Madras
    FémininAge : 32Messages : 270

    le Sam 12 Sep 2015 - 21:46

    Merci
    avatar
    Pythia
    FémininAge : 28Messages : 165

    le Ven 4 Déc 2015 - 17:52

    c'est superbe merci du partage ^^



    avatar
    Faelynn
    FémininAge : 36Messages : 13

    le Lun 7 Déc 2015 - 5:22

    Merci ^^
    avatar
    Solitude
    FémininAge : 42Messages : 281

    le Mar 8 Déc 2015 - 9:08

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    avatar
    Glow
    FémininAge : 17Messages : 93

    le Sam 19 Déc 2015 - 15:58

    Merci bien.
    avatar
    Gaiya Inari
    FémininAge : 19Messages : 45

    le Dim 20 Déc 2015 - 20:02

    merci tout plein <3



    avatar
    F. de l'O.
    FémininAge : 24Messages : 30

    le Mer 23 Déc 2015 - 23:31

    Merci !



    En cours...
    avatar
    BLUNA
    FémininAge : 22Messages : 9

    le Dim 24 Jan 2016 - 16:36

    Oh c'est trop joli ! ♥ ♥
    avatar
    Ishyyn
    FémininAge : 21Messages : 90

    le Sam 13 Fév 2016 - 17:10

    Merci :3
    avatar
    CHi1565456
    MasculinAge : 17Messages : 56

    le Mer 16 Mar 2016 - 18:12

    merchi
    avatar
    LegendsOfToday
    FémininAge : 21Messages : 78

    le Mar 22 Mar 2016 - 14:07

    Merci :)
    avatar
    Milaow
    FémininAge : 17Messages : 71

    le Lun 28 Mar 2016 - 16:05

    Merci du partage
    avatar
    Koalaz
    MasculinAge : 19Messages : 46

    le Mer 30 Mar 2016 - 15:56

    Merci du partage o/
    avatar
    Amariem
    FémininAge : 18Messages : 98

    le Lun 11 Avr 2016 - 23:18

    Merci bien bien !



    avatar
    Ice Cream'
    FémininAge : 14Messages : 15

    le Mer 18 Mai 2016 - 18:48

    Merci beaucoup ! :3
    avatar
    Camy
    FémininAge : 17Messages : 63

    le Lun 30 Mai 2016 - 21:12

    Merci <3 ^^



    Le poro de service ^^
    avatar
    Misalou
    FémininAge : 17Messages : 17

    le Mer 24 Aoû 2016 - 15:15

    Encore un super code, merci beaucoup !
    avatar
    ENDLESS-DREAM
    FémininAge : 26Messages : 31

    le Ven 26 Aoû 2016 - 22:37

    merci :)
    avatar
    November
    MasculinAge : 16Messages : 42

    le Ven 28 Oct 2016 - 11:24

    Mercii!



    avatar
    HeartLessB
    FémininAge : 18Messages : 78

    le Jeu 26 Jan 2017 - 22:40

    Merci o/
    avatar
    Ardy
    FémininAge : 15Messages : 47

    le Ven 3 Mar 2017 - 18:31

    Merci ! :)





    © Volt, Star Malgré Lui, le film.


    avatar
    memoriam
    FémininAge : 25Messages : 71

    le Sam 25 Mar 2017 - 17:41

    merci du partage!
    avatar
    SectumSempra
    FémininAge : 19Messages : 66

    le Mar 18 Avr 2017 - 5:50

    Merci, ta fiche est magnifique. :)
    Contenu sponsorisé


      La date/heure actuelle est Lun 26 Juin 2017 - 17:39