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 - 11: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 - 12:08, édité 2 fois



    Cruelly
    FémininAge : 23Messages : 2411

    le Mer 4 Juin 2014 - 22:26

    Elle est vraiment magnifique merci beaucoup Very Happy



    Construction d'un forum en cours ! Vous pouvez me donner votre avis ou m'apporter votre soutiens dans mon WIP :hug:
    Melvinn
    MasculinAge : 25Messages : 9

    le Jeu 5 Juin 2014 - 13:16

    Merci
    Grande
    FémininAge : 28Messages : 205

    le Mar 10 Juin 2014 - 12:22

    Merci



    Jawilsia
    FémininAge : 24Messages : 143

    le Mar 10 Juin 2014 - 12:36

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

    le Jeu 12 Juin 2014 - 11: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)



     
    NyoTheNeko
    FémininAge : 22Messages : 5018

    le Jeu 12 Juin 2014 - 12:10

    Et voilà qui est ajouté Wink



    Neva
    FémininAge : 25Messages : 18542

    le Ven 13 Juin 2014 - 21:21

    Merci !
    Je déplace !



     
    Dydy
    FémininAge : 26Messages : 472

    le Ven 20 Juin 2014 - 10:24

    merci du partage



    Likilou
    MasculinAge : 23Messages : 262

    le Mar 24 Juin 2014 - 17:55

    merci



    tamanegeek
    MasculinAge : 17Messages : 167

    le Mer 25 Juin 2014 - 16:11

    Merci !
    Christtinne
    FémininAge : 30Messages : 137

    le Mar 1 Juil 2014 - 5:51

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

    le Mar 1 Juil 2014 - 18:03

    Mercii



    lΔω
    FémininAge : 18Messages : 101

    le Sam 5 Juil 2014 - 17:20

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

    le Sam 5 Juil 2014 - 22:37

    merci
    Zappy
    FémininAge : 17Messages : 55

    le Lun 7 Juil 2014 - 11:31

    Merciiii
    narakye
    FémininAge : 22Messages : 419

    le Mer 9 Juil 2014 - 12:41

    Merci vraiment
    Haruna
    FémininAge : 19Messages : 12

    le Sam 12 Juil 2014 - 14:59

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

    le Mer 16 Juil 2014 - 16:43

    Merci du partage !
    Shiwaii
    FémininAge : 27Messages : 86

    le Jeu 17 Juil 2014 - 3:16

    Merci (:
    Milka
    FémininAge : 28Messages : 109

    le Jeu 17 Juil 2014 - 10:32

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

    le Ven 18 Juil 2014 - 15:21

    Merci ^^



    Eleann'
    FémininAge : 24Messages : 4

    le Sam 19 Juil 2014 - 14:44

    Merci beaucoup pour ce code magnifique =)
    Thorn
    MasculinAge : 15Messages : 422

    le Lun 28 Juil 2014 - 16:15

    Merci !^^



    Lisou
    FémininAge : 16Messages : 293

    le Ven 1 Aoû 2014 - 10:24

    Merci ♥
    Contenu sponsorisé

    Aujourd'hui à 16:30


      La date/heure actuelle est Lun 5 Déc 2016 - 16:30