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



    Akiyuki
    MasculinAge : 18Messages : 89

    le Jeu 25 Déc 2014 - 2:42

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

    le Ven 26 Déc 2014 - 13:32

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

    le Sam 27 Déc 2014 - 12:50

    Merci
    Haniwa
    FémininAge : 22Messages : 206

    le Mer 7 Jan 2015 - 14:07

    Merci
    Sinon
    FémininAge : 17Messages : 68

    le Lun 12 Jan 2015 - 21:20

    Merci beaucoup pour le code !
    Carasama
    FémininAge : 21Messages : 62

    le Mar 13 Jan 2015 - 18:08

    Its amazing *-*
    Sweet Angel
    FémininAge : 33Messages : 125

    le Dim 18 Jan 2015 - 8:19

    Tout simplement magnifique, merci
    BlackSo
    MasculinAge : 17Messages : 31

    le Sam 7 Fév 2015 - 10:37

    Merci !
    Lessyen
    FémininAge : 18Messages : 53

    le Sam 28 Fév 2015 - 21:57

    Merci !
    Linaewen
    FémininAge : 24Messages : 190

    le Mar 10 Mar 2015 - 8:13

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

    le Ven 27 Mar 2015 - 20:01

    Merci !
    Ghabriel
    MasculinAge : 19Messages : 13

    le Ven 3 Avr 2015 - 1:16

    merciii *^*
    Laeta
    FémininAge : 16Messages : 72

    le Lun 20 Avr 2015 - 12:34

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

    le Jeu 7 Mai 2015 - 0:33

    Marci ~
    Shylanova
    FémininAge : 27Messages : 13

    le Ven 29 Mai 2015 - 15:51

    C'est vraiment joli, merci beaucoup ! Very Happy
    Neyokan
    FémininAge : 19Messages : 41

    le Dim 31 Mai 2015 - 17:32

    merci!
    yan971
    MasculinAge : 18Messages : 32

    le Mar 2 Juin 2015 - 2:16

    merci beaucoup. Juste magnifique.
    Zélya
    FémininAge : 27Messages : 107

    le Mer 3 Juin 2015 - 21:55

    bonsoir et merci du partage



    Nono-Chan
    FémininAge : 18Messages : 239

    le Ven 12 Juin 2015 - 10:18

    Sublime, merci
    Lexy Sekushina
    FémininAge : 22Messages : 30

    le Ven 12 Juin 2015 - 18:35

    merci
    Ancolie
    FémininAge : 18Messages : 33

    le Mar 16 Juin 2015 - 11:57

    Magnifique *O*
    Antithée
    FémininAge : 19Messages : 68

    le Mer 17 Juin 2015 - 17:35

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

    le Sam 4 Juil 2015 - 11:26

    Merci du partage ^^
    Piratress
    FémininAge : 19Messages : 187

    le Dim 5 Juil 2015 - 13:41

    Merci *o*
    Mimio
    FémininAge : 22Messages : 164

    le Lun 6 Juil 2015 - 4:40

    Magnifique merci Very Happy



    Contenu sponsorisé

    Aujourd'hui à 13:32


      La date/heure actuelle est Lun 5 Déc 2016 - 13:32