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
    MillinerXIII
    FémininAge : 24Messages : 33

    le Dim 3 Aoû 2014 - 21:23

    merci !
    avatar
    Tatia38
    FémininAge : 28Messages : 303

    le Mar 5 Aoû 2014 - 22:35

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

    le Dim 10 Aoû 2014 - 17:25

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

    le Ven 29 Aoû 2014 - 2:48

    Mercu ^^
    avatar
    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 ! '-'
    avatar
    Little Melody
    FémininAge : 16Messages : 64

    le Ven 29 Aoû 2014 - 17:08

    Merci *-*
    avatar
    Wanda Maximoff
    FémininAge : 23Messages : 79

    le Lun 15 Sep 2014 - 22:31

    C'est très beau *-* Merchi ♥
    avatar
    Deamyx
    MasculinAge : 21Messages : 150

    le Mar 16 Sep 2014 - 14:46

    Merci
    avatar
    Ascalia
    FémininAge : 27Messages : 13

    le Ven 19 Sep 2014 - 13:39

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

    le Lun 3 Nov 2014 - 10:51

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

    le Ven 7 Nov 2014 - 11:53

    merci
    avatar
    Louvy
    FémininAge : 18Messages : 14

    le Lun 17 Nov 2014 - 18:40

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

    le Mar 18 Nov 2014 - 13:05

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

    le Jeu 27 Nov 2014 - 6:52

    merci (:
    avatar
    Téoz
    FémininAge : 28Messages : 36

    le Dim 30 Nov 2014 - 14:24

    merci :)
    avatar
    Chèlha
    FémininAge : 24Messages : 121

    le Ven 27 Mar 2015 - 19:44

    Merci
    avatar
    Leoguillem
    MasculinAge : 17Messages : 137

    le Dim 29 Mar 2015 - 16:31

    Merci !



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

    le Mer 22 Avr 2015 - 23:25

    Merci <3




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

    le Sam 2 Mai 2015 - 11:39

    très sympa (a)
    avatar
    Invité

    le Dim 3 Mai 2015 - 10:52

    merci
    Lupa
    FémininAge : 20Messages : 177

    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.
    avatar
    Aurifereis
    MasculinAge : 24Messages : 39

    le Mer 1 Juil 2015 - 19:54

    très beau
    avatar
    bacadoudou
    FémininAge : 24Messages : 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
    avatar
    Lucrécya
    FémininAge : 24Messages : 34

    le Mer 22 Juil 2015 - 18:38

    Marchiiii ! Very Happy
    avatar
    Mangockie
    FémininAge : 18Messages : 39

    le Dim 26 Juil 2015 - 14:28

    Super beau, merci (:
    Contenu sponsorisé


      La date/heure actuelle est Ven 26 Mai 2017 - 22:50