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
    NyoTheNeko
    FémininAge : 22Messages : 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! /!\ :



    SaphiraS
    FémininAge : 17Messages : 48

    le Sam 29 Aoû 2015 - 6:18

    Merci *w*
    Kelalin
    FémininAge : 24Messages : 1406

    le Sam 29 Aoû 2015 - 15:33

    Merci !!! (´ω`★)
    Madras
    FémininAge : 31Messages : 241

    le Sam 12 Sep 2015 - 21:46

    Merci
    Pythia
    FémininAge : 28Messages : 165

    le Ven 4 Déc 2015 - 17:52

    c'est superbe merci du partage ^^



    Faelynn
    FémininAge : 35Messages : 13

    le Lun 7 Déc 2015 - 5:22

    Merci ^^
    Solitude
    FémininAge : 41Messages : 251

    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. ~
    Glow
    FémininAge : 17Messages : 93

    le Sam 19 Déc 2015 - 15:58

    Merci bien.
    Gaiya Inari
    FémininAge : 18Messages : 42

    le Dim 20 Déc 2015 - 20:02

    merci tout plein <3



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

    le Mer 23 Déc 2015 - 23:31

    Merci !



    En cours...
    BLUNA
    FémininAge : 21Messages : 8

    le Dim 24 Jan 2016 - 16:36

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

    le Sam 13 Fév 2016 - 17:10

    Merci :3
    CHi1565456
    MasculinAge : 16Messages : 56

    le Mer 16 Mar 2016 - 18:12

    merchi
    LegendsOfToday
    FémininAge : 20Messages : 78

    le Mar 22 Mar 2016 - 14:07

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

    le Lun 28 Mar 2016 - 16:05

    Merci du partage
    Koalaz
    MasculinAge : 19Messages : 46

    le Mer 30 Mar 2016 - 15:56

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

    le Lun 11 Avr 2016 - 23:18

    Merci bien bien !



    Ice Cream'
    FémininAge : 13Messages : 15

    le Mer 18 Mai 2016 - 18:48

    Merci beaucoup ! :3
    Camy
    FémininAge : 16Messages : 63

    le Lun 30 Mai 2016 - 21:12

    Merci <3 ^^



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

    le Mer 24 Aoû 2016 - 15:15

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

    le Ven 26 Aoû 2016 - 22:37

    merci :)
    November
    MasculinAge : 16Messages : 26

    le Ven 28 Oct 2016 - 11:24

    Mercii!



    Contenu sponsorisé

    Aujourd'hui à 1:18


      La date/heure actuelle est Dim 11 Déc 2016 - 1:18