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! /!\ :



    MillinerXIII
    FémininAge : 23Messages : 33

    le Dim 3 Aoû 2014 - 21:23

    merci !
    Tatia38
    FémininAge : 27Messages : 294

    le Mar 5 Aoû 2014 - 22:35

    merci du partage ♥
    Olivia Jones
    FémininAge : 18Messages : 6

    le Dim 10 Aoû 2014 - 17:25

    Juste parfait *-* Merci beaucoup pour le partage !
    Alyssa.B50
    FémininAge : 22Messages : 41

    le Ven 29 Aoû 2014 - 2:48

    Mercu ^^
    Kamiiou
    FémininAge : 21Messages : 50

    le Ven 29 Aoû 2014 - 13:30

    Chouette, j'en cherchais une où on pouvait mettre de la musique, merci ! '-'
    Little Melody
    FémininAge : 15Messages : 64

    le Ven 29 Aoû 2014 - 17:08

    Merci *-*
    Wanda Maximoff
    FémininAge : 22Messages : 77

    le Lun 15 Sep 2014 - 22:31

    C'est très beau *-* Merchi ♥
    Deamyx
    MasculinAge : 20Messages : 134

    le Mar 16 Sep 2014 - 14:46

    Merci
    Ascalia
    FémininAge : 27Messages : 13

    le Ven 19 Sep 2014 - 13:39

    En effet, c'est simple et sympathie. Joli travail ^^
    Catblack
    FémininAge : 20Messages : 84

    le Lun 3 Nov 2014 - 10:51

    Merci =)
    Shinju.dot
    FémininAge : 27Messages : 87

    le Ven 7 Nov 2014 - 11:53

    merci
    Louvy
    FémininAge : 17Messages : 14

    le Lun 17 Nov 2014 - 18:40

    Fiche sublime ! Merci
    Stitch56
    FémininAge : 23Messages : 197

    le Mar 18 Nov 2014 - 13:05

    Merci
    Acédie
    FémininAge : 18Messages : 89

    le Jeu 27 Nov 2014 - 6:52

    merci (:
    Téoz
    FémininAge : 27Messages : 34

    le Dim 30 Nov 2014 - 14:24

    merci :)
    Chèlha
    FémininAge : 23Messages : 121

    le Ven 27 Mar 2015 - 19:44

    Merci
    Leoguillem
    MasculinAge : 17Messages : 137

    le Dim 29 Mar 2015 - 16:31

    Merci !



    - Je signe Marabout -
    Crazy-Sweet
    FémininAge : 25Messages : 112

    le Mer 22 Avr 2015 - 23:25

    Merci <3




    Don't forget my friends... Nothing is true, everything is permitted.
    summerby
    FémininAge : 22Messages : 34

    le Sam 2 Mai 2015 - 11:39

    très sympa (a)
    Invité

    le Dim 3 Mai 2015 - 10:52

    merci
    Lupa
    FémininAge : 20Messages : 166

    le Mer 27 Mai 2015 - 22:19

    Très jolie ! Merci beaucoup.



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    Aurifereis
    MasculinAge : 23Messages : 39

    le Mer 1 Juil 2015 - 19:54

    très beau
    bacadoudou
    FémininAge : 23Messages : 55

    le Jeu 2 Juil 2015 - 17:39

    Merci ! Un petit changement de couleur et ça sera au top !




    Diamonds are a girl's best friend ~ M.Monroe
    Lucrécya
    FémininAge : 23Messages : 34

    le Mer 22 Juil 2015 - 18:38

    Marchiiii ! Very Happy
    Mangockie
    FémininAge : 18Messages : 38

    le Dim 26 Juil 2015 - 14:28

    Super beau, merci (:
    Contenu sponsorisé

    Aujourd'hui à 13:38


      La date/heure actuelle est Sam 10 Déc 2016 - 13:38