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.

anipassion.com

    PA large en tableau simple

    Partagez
    NyoTheNeko
    FémininAge : 22Messages : 5018

    le Mar 10 Juin 2014 - 23:24

    Page d'Accueil



    Ceci est un code de Page d'Accueil crée suite à la Demande de Popcorn, ici.

    CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne


    On ne voit pas très bien, mais au passage de la souris sur un membre du staff, l'image glisse vers la gauche et le texte apparait en même temps. Il est cependant à noter que les membres du staff les plus à gauche verront les membres du staff plus à droit cacher le texte jusqu'à la fin de l'animation. Je ne sais pas comment corriger ce "bug", donc si vous avez des idées, n'hésitez pas à vous exprimer!

    Dimension des images


    L'image de haut est en 1050px*200px.
    L'image de TOP-Sites et de Membre du Mois est en 255px*65px.
    L'image d'un membre du Staff est en 70px*120px.
    L'image devant un lien, un news et le RP du Mois changeables dans le CSS et non dans le HTML sont en 35px*37px.
    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 Architects Daughter) dans le CSS.

    Le Code


    HTML:


    CSS:



    Neva
    FémininAge : 25Messages : 18553

    le Mar 17 Juin 2014 - 23:05

    Parfait Nyo, merci !



     
    Nephylys
    MasculinAge : 20Messages : 23

    le Jeu 19 Juin 2014 - 14:38

    Merci Very Happy
    Alancar
    MasculinAge : 19Messages : 55

    le Lun 30 Juin 2014 - 14:11

    Merci beaucoup très personalisable :)
    Parka
    MasculinAge : 37Messages : 100

    le Mer 2 Juil 2014 - 3:47

    @Nephylys a écrit:Merci Very Happy
    Likilou
    MasculinAge : 23Messages : 264

    le Mer 2 Juil 2014 - 19:13

    merci



    catkiller
    FémininAge : 21Messages : 70

    le Mer 16 Juil 2014 - 23:02

    Superbe! Il est simple et "habillé" , très joli !
    Raven Sumire
    FémininAge : 22Messages : 43

    le Ven 25 Juil 2014 - 0:16

    Merci :3
    Arfgang
    MasculinAge : 25Messages : 57

    le Sam 26 Juil 2014 - 13:59

    Très sympa :) merci



    Drysfer
    MasculinAge : 27Messages : 71

    le Ven 1 Aoû 2014 - 15:28

    Merci.



    AQW
    FémininAge : 22Messages : 221

    le Ven 1 Aoû 2014 - 20:25

    Merciii



    Blblbl. ♥
    SpicAsh
    FémininAge : 20Messages : 151

    le Mar 5 Aoû 2014 - 0:41

    merci !
    Joshua023
    MasculinAge : 26Messages : 98

    le Mar 5 Aoû 2014 - 1:33

    Il a l'air super ce code, je vais le tester :)



    Piratress
    FémininAge : 19Messages : 188

    le Mar 5 Aoû 2014 - 10:41

    Merci !! :)
    Narachi
    MasculinAge : 23Messages : 71

    le Mar 5 Aoû 2014 - 15:57

    Merci



    Hellow
    MasculinAge : 22Messages : 33

    le Sam 9 Aoû 2014 - 11:19

    Merci beaucoup ! ^^
    Miss Tigri
    FémininAge : 22Messages : 80

    le Mer 20 Aoû 2014 - 18:18

    Elle est vraiment cool ! Merci !
    Haniwa
    FémininAge : 22Messages : 206

    le Sam 30 Aoû 2014 - 16:18

    J'aime beaucoup merci
    Cydae
    FémininAge : 24Messages : 99

    le Dim 7 Sep 2014 - 15:50

    Merci!
    Aëla
    FémininAge : 22Messages : 21

    le Dim 21 Sep 2014 - 16:10

    Merci !!
    Knobul
    MasculinAge : 18Messages : 27

    le Lun 22 Sep 2014 - 21:20

    Merci
    picka234
    Age : 51Messages : 420

    le Mar 23 Sep 2014 - 15:59

    merci cheers
    Nemelise
    FémininAge : 15Messages : 50

    le Sam 4 Oct 2014 - 14:01

    MErci :3
    defenrir
    MasculinAge : 30Messages : 49

    le Dim 5 Oct 2014 - 11:40

    merchi =)
    Louanaka
    FémininAge : 18Messages : 24

    le Dim 5 Oct 2014 - 12:17

    Merci beaucoup !
    Contenu sponsorisé

    Aujourd'hui à 2:18


      La date/heure actuelle est Mer 25 Jan 2017 - 2:18