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.


    Fiche de Races/Groupes - 3 Alternatives

    Partagez
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Mer 4 Juin 2014 - 12:10

    Rappel du premier message :

    Fiche de Races



    Ceci est un code de Races crée suite à la Demande d'Eternal Moon, ici.



    On ne voit pas très bien, mais au passage de la souris sur la 1ère alternative, l'image "glisse" pour laisser voir le texte (si le groupe est ouvert, prioritaire ou fermé), sur la deuxième c'est le même effet mais sur le nom du groupe. Pour la troisième, le texte est visible sous le titre (il n'y a donc pas de mouvement) mais le nom de race se déplace horizontalement au passage de la souris.

    Dimension des images


    L'image de Titre est en 700px*200px.
    Les images du haut pour chaque race sont en 500px*100px.
    Les images de gauche/droite de chaque texte de race sont en 200px*400px.
    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 Calligraffitti) dans le CSS.

    Alternative 1


    HTML:


    CSS:


    Alternative 2


    HTML:


    CSS:


    Alternative 3


    HTML:


    CSS:


    Dernière édition par NyoTheNeko le Jeu 12 Juin 2014 - 13:08, édité 2 fois



    avatar
    Akiyuki
    MasculinAge : 19Messages : 89

    le Jeu 25 Déc 2014 - 2:42

    Merci énormément ! ♥ *A*
    avatar
    Saya Shirayuki
    FémininAge : 25Messages : 149

    le Ven 26 Déc 2014 - 13:32

    Vraiment jolie, merci^^
    Garunzo
    MasculinAge : 18Messages : 36

    le Sam 27 Déc 2014 - 12:50

    Merci
    avatar
    Haniwa
    FémininAge : 23Messages : 206

    le Mer 7 Jan 2015 - 14:07

    Merci
    avatar
    Sinon
    FémininAge : 18Messages : 68

    le Lun 12 Jan 2015 - 21:20

    Merci beaucoup pour le code !
    avatar
    Carasama
    FémininAge : 22Messages : 85

    le Mar 13 Jan 2015 - 18:08

    Its amazing *-*
    avatar
    Sweet Angel
    FémininAge : 34Messages : 147

    le Dim 18 Jan 2015 - 8:19

    Tout simplement magnifique, merci
    avatar
    BlackSo
    MasculinAge : 18Messages : 31

    le Sam 7 Fév 2015 - 10:37

    Merci !
    avatar
    Lessyen
    FémininAge : 19Messages : 55

    le Sam 28 Fév 2015 - 21:57

    Merci !
    avatar
    Invité

    le Mar 10 Mar 2015 - 8:13

    Ouaouh =w= j'adore merci Very Happy
    avatar
    Prisver
    FémininAge : 17Messages : 33

    le Ven 27 Mar 2015 - 20:01

    Merci !
    avatar
    Ghabriel
    MasculinAge : 20Messages : 13

    le Ven 3 Avr 2015 - 1:16

    merciii *^*
    avatar
    Laeta
    FémininAge : 17Messages : 73

    le Lun 20 Avr 2015 - 12:34

    c'est bien pratique ça =p
    avatar
    Usolia Naviento
    FémininAge : 25Messages : 25

    le Jeu 7 Mai 2015 - 0:33

    Marci ~
    avatar
    Shylanova
    FémininAge : 28Messages : 27

    le Ven 29 Mai 2015 - 15:51

    C'est vraiment joli, merci beaucoup ! Very Happy
    avatar
    Neyokan
    FémininAge : 20Messages : 43

    le Dim 31 Mai 2015 - 17:32

    merci!
    avatar
    yan971
    MasculinAge : 18Messages : 33

    le Mar 2 Juin 2015 - 2:16

    merci beaucoup. Juste magnifique.
    avatar
    Zélya
    FémininAge : 28Messages : 190

    le Mer 3 Juin 2015 - 21:55

    bonsoir et merci du partage



    avatar
    Nono-Chan
    FémininAge : 19Messages : 273

    le Ven 12 Juin 2015 - 10:18

    Sublime, merci
    avatar
    Lexy Sekushina
    FémininAge : 23Messages : 30

    le Ven 12 Juin 2015 - 18:35

    merci
    avatar
    Ancolie
    FémininAge : 19Messages : 33

    le Mar 16 Juin 2015 - 11:57

    Magnifique *O*
    avatar
    Antithée
    FémininAge : 20Messages : 69

    le Mer 17 Juin 2015 - 17:35

    Très utile, merci du partage !
    avatar
    Adrian.W
    MasculinAge : 18Messages : 27

    le Sam 4 Juil 2015 - 11:26

    Merci du partage ^^
    avatar
    Piratress
    FémininAge : 20Messages : 213

    le Dim 5 Juil 2015 - 13:41

    Merci *o*
    avatar
    Mimio
    FémininAge : 23Messages : 178

    le Lun 6 Juil 2015 - 4:40

    Magnifique merci Very Happy



    Contenu sponsorisé


      La date/heure actuelle est Lun 20 Nov 2017 - 16:15