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.


    PA large en tableau simple

    Partagez
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Mar 10 Juin - 21: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:



    avatar
    Neva
    FémininAge : 25Messages : 18564

    le Mar 17 Juin - 21:05

    Parfait Nyo, merci !



     
    avatar
    Nephylys
    MasculinAge : 20Messages : 23

    le Jeu 19 Juin - 12:38

    Merci Very Happy
    Alancar
    MasculinAge : 19Messages : 57

    le Lun 30 Juin - 12:11

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

    le Mer 2 Juil - 1:47

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

    le Mer 2 Juil - 17:13

    merci



    avatar
    catkiller
    FémininAge : 22Messages : 70

    le Mer 16 Juil - 21:02

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

    le Jeu 24 Juil - 22:16

    Merci :3
    avatar
    Arfgang
    MasculinAge : 26Messages : 58

    le Sam 26 Juil - 11:59

    Très sympa :) merci



    avatar
    Drysfer
    MasculinAge : 27Messages : 71

    le Ven 1 Aoû - 13:28

    Merci.



    avatar
    AQW
    FémininAge : 22Messages : 223

    le Ven 1 Aoû - 18:25

    Merciii



    Blblbl. ♥
    avatar
    SpicAsh
    FémininAge : 20Messages : 157

    le Lun 4 Aoû - 22:41

    merci !
    avatar
    Joshua023
    MasculinAge : 27Messages : 98

    le Lun 4 Aoû - 23:33

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



    avatar
    Piratress
    FémininAge : 19Messages : 195

    le Mar 5 Aoû - 8:41

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

    le Mar 5 Aoû - 13:57

    Merci



    avatar
    Hellow
    MasculinAge : 22Messages : 33

    le Sam 9 Aoû - 9:19

    Merci beaucoup ! ^^
    avatar
    Miss Tigri
    FémininAge : 23Messages : 81

    le Mer 20 Aoû - 16:18

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

    le Sam 30 Aoû - 14:18

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

    le Dim 7 Sep - 13:50

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

    le Dim 21 Sep - 14:10

    Merci !!
    avatar
    Knobul
    MasculinAge : 19Messages : 27

    le Lun 22 Sep - 19:20

    Merci
    avatar
    picka234
    Age : 52Messages : 440

    le Mar 23 Sep - 13:59

    merci cheers
    avatar
    Nemelise
    FémininAge : 15Messages : 50

    le Sam 4 Oct - 12:01

    MErci :3
    avatar
    defenrir
    MasculinAge : 30Messages : 52

    le Dim 5 Oct - 9:40

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

    le Dim 5 Oct - 10:17

    Merci beaucoup !
    Contenu sponsorisé


      La date/heure actuelle est Mar 23 Mai - 8:40