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 - 20: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û - 4:18

    Merci *w*
    avatar
    Kelalin
    FémininAge : 24Messages : 1529

    le Sam 29 Aoû - 13:33

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

    le Sam 12 Sep - 19:46

    Merci
    avatar
    Pythia
    FémininAge : 28Messages : 165

    le Ven 4 Déc - 16:52

    c'est superbe merci du partage ^^



    avatar
    Faelynn
    FémininAge : 36Messages : 13

    le Lun 7 Déc - 4:22

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

    le Mar 8 Déc - 8: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 - 14:58

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

    le Dim 20 Déc - 19:02

    merci tout plein <3



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

    le Mer 23 Déc - 22:31

    Merci !



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

    le Dim 24 Jan - 15:36

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

    le Sam 13 Fév - 16:10

    Merci :3
    avatar
    CHi1565456
    MasculinAge : 17Messages : 56

    le Mer 16 Mar - 17:12

    merchi
    avatar
    LegendsOfToday
    FémininAge : 21Messages : 78

    le Mar 22 Mar - 13:07

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

    le Lun 28 Mar - 14:05

    Merci du partage
    avatar
    Koalaz
    MasculinAge : 19Messages : 48

    le Mer 30 Mar - 13:56

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

    le Lun 11 Avr - 21:18

    Merci bien bien !



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

    le Mer 18 Mai - 16:48

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

    le Lun 30 Mai - 19:12

    Merci <3 ^^



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

    le Mer 24 Aoû - 13:15

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

    le Ven 26 Aoû - 20:37

    merci :)
    avatar
    November
    MasculinAge : 17Messages : 43

    le Ven 28 Oct - 9:24

    Mercii!
    avatar
    HeartLessB
    FémininAge : 19Messages : 78

    le Jeu 26 Jan - 21:40

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

    le Ven 3 Mar - 17:31

    Merci ! :)





    © Volt, Star Malgré Lui, le film.


    avatar
    memoriam
    FémininAge : 25Messages : 71

    le Sam 25 Mar - 16:41

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

    le Mar 18 Avr - 3:50

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


      La date/heure actuelle est Sam 19 Aoû - 22:19