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
    Edward Speleers
    FémininAge : 29Messages : 452

    le Dim 21 Mai 2017 - 19:15

    Merci



    avatar
    Mymyy
    FémininAge : 18Messages : 33

    le Mer 31 Mai 2017 - 22:05

    Merci !!
    avatar
    JemAedan
    FémininAge : 30Messages : 22

    le Dim 6 Aoû 2017 - 14:30

    J'adore merci du partage
    avatar
    KannaFantasy
    FémininAge : 25Messages : 24

    le Sam 23 Sep 2017 - 15:52

    J'aime beaucoup merci Very Happy
    avatar
    Invité

    le Sam 21 Oct 2017 - 21:30

    merci !!
    avatar
    Invité

    le Sam 21 Oct 2017 - 21:32

    merci !!
    Contenu sponsorisé


      La date/heure actuelle est Jeu 14 Déc 2017 - 16:10