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

    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
    Cruelly
    FémininAge : 24Messages : 2529

    le Mer 4 Juin 2014 - 23:26

    Elle est vraiment magnifique merci beaucoup Very Happy



    Absente pour le moment. Je reviens bientôt c'est promis :ange:
    avatar
    Melvinn
    MasculinAge : 26Messages : 9

    le Jeu 5 Juin 2014 - 14:16

    Merci
    avatar
    Grande
    FémininAge : 29Messages : 206

    le Mar 10 Juin 2014 - 13:22

    Merci



    avatar
    Jawilsia
    FémininAge : 25Messages : 143

    le Mar 10 Juin 2014 - 13:36

    C'est très joli  ham1 
    avatar
    Neva
    FémininAge : 25Messages : 18564

    le Jeu 12 Juin 2014 - 12:42

    Avant validation, je propose de rajouter ton crédit quand même avec un lien vers NU. Tu le mérites et ça fait vivre le forum ! Sur une fiche, on a tendance à l'incorporer directement. :) (sur les catégories, c'est faisable aussi mais on a plus l'habitude de laisser les gens mettre le nom et le lien avec les autres crédits)



     
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Jeu 12 Juin 2014 - 13:10

    Et voilà qui est ajouté Wink



    avatar
    Neva
    FémininAge : 25Messages : 18564

    le Ven 13 Juin 2014 - 22:21

    Merci !
    Je déplace !



     
    avatar
    Dydy
    FémininAge : 26Messages : 490

    le Ven 20 Juin 2014 - 11:24

    merci du partage



    avatar
    Likilou
    MasculinAge : 23Messages : 292

    le Mar 24 Juin 2014 - 18:55

    merci



    avatar
    tamanegeek
    MasculinAge : 17Messages : 167

    le Mer 25 Juin 2014 - 17:11

    Merci !
    avatar
    Christtinne
    FémininAge : 31Messages : 177

    le Mar 1 Juil 2014 - 6:51

    merci pour le partage ^^
    avatar
    Gladou
    MasculinAge : 22Messages : 114

    le Mar 1 Juil 2014 - 19:03

    Mercii



    avatar
    lΔω
    FémininAge : 19Messages : 101

    le Sam 5 Juil 2014 - 18:20

    C'est juste parfait, merci !
    avatar
    Marwin
    MasculinAge : 24Messages : 47

    le Sam 5 Juil 2014 - 23:37

    merci
    avatar
    Zappy
    FémininAge : 17Messages : 55

    le Lun 7 Juil 2014 - 12:31

    Merciiii
    avatar
    narakye
    FémininAge : 23Messages : 446

    le Mer 9 Juil 2014 - 13:41

    Merci vraiment
    avatar
    Haruna
    FémininAge : 20Messages : 12

    le Sam 12 Juil 2014 - 15:59

    Merci beaucoup ! Very Happy
    avatar
    Succubus
    FémininAge : 22Messages : 12

    le Mer 16 Juil 2014 - 17:43

    Merci du partage !
    avatar
    Shiwaii
    FémininAge : 28Messages : 86

    le Jeu 17 Juil 2014 - 4:16

    Merci (:
    avatar
    Milka
    FémininAge : 28Messages : 110

    le Jeu 17 Juil 2014 - 11:32

    Merci pour le partage :)
    avatar
    NaLu
    FémininAge : 21Messages : 112

    le Ven 18 Juil 2014 - 16:21

    Merci ^^



    avatar
    Eleann'
    FémininAge : 25Messages : 4

    le Sam 19 Juil 2014 - 15:44

    Merci beaucoup pour ce code magnifique =)
    avatar
    Thorn
    MasculinAge : 16Messages : 425

    le Lun 28 Juil 2014 - 17:15

    Merci !^^



    avatar
    Lisou
    FémininAge : 16Messages : 299

    le Ven 1 Aoû 2014 - 11:24

    Merci ♥
    Contenu sponsorisé


      La date/heure actuelle est Lun 29 Mai 2017 - 19:11