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 2014 - 23:24

    Rappel du premier message :

    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
    Kelalin
    FémininAge : 25Messages : 1724

    le Lun 24 Aoû 2015 - 17:40

    Merci. \(*0*)/
    avatar
    Neyotox
    MasculinAge : 24Messages : 37

    le Lun 21 Sep 2015 - 0:11

    Wooow...merci
    avatar
    Banhjo
    MasculinAge : 20Messages : 75

    le Mar 10 Nov 2015 - 14:04

    Cool! j'en cherchais une dans ce style la ! :)
    avatar
    Foudy
    FémininAge : 14Messages : 14

    le Dim 10 Jan 2016 - 15:28

    C'est juste trop beau



    avatar
    Geekoupa
    MasculinAge : 30Messages : 20

    le Dim 21 Fév 2016 - 13:29

    Va falloir que je teste ça, merci :)
    avatar
    tsuki59
    FémininAge : 26Messages : 6

    le Ven 18 Mar 2016 - 17:56

    Merci !
    avatar
    Dark Fairy
    FémininAge : 20Messages : 218

    le Ven 24 Juin 2016 - 17:58

    Merci!
    avatar
    Kâ Lys
    MasculinAge : 54Messages : 299

    le Dim 17 Juil 2016 - 4:03

    Merci!



    avatar
    Le Dévoreur de temps
    MasculinAge : 38Messages : 60

    le Dim 17 Juil 2016 - 15:34

    Merci beaucoup pour cette PA toute en simplicité ! Wink
    avatar
    Domori
    MasculinAge : 25Messages : 32

    le Lun 17 Oct 2016 - 17:52

    Merci :)
    avatar
    Melgreb
    MasculinAge : 37Messages : 19

    le Jeu 20 Oct 2016 - 11:49

    Merci pour cette belle PA
    avatar
    Maitre_Soda
    MasculinAge : 40Messages : 33

    le Ven 9 Déc 2016 - 13:33

    merci
    avatar
    Voltino
    MasculinAge : 23Messages : 55

    le Sam 10 Déc 2016 - 14:29

    Merci Very Happy
    avatar
    Dariel
    FémininAge : 47Messages : 44

    le Sam 10 Déc 2016 - 18:32

    cheers Nyo, elle me plaît ta tite PA

    :cow:



    C'est la vie Invité ! Pas le paradis.
    avatar
    Scratpub
    FémininAge : 28Messages : 66

    le Jeu 15 Déc 2016 - 6:37

    Merci!!
    avatar
    Gieve
    FémininAge : 28Messages : 103

    le Sam 4 Fév 2017 - 18:40

    Merci c'est superbe
    avatar
    Lealily
    FémininAge : 26Messages : 20

    le Lun 27 Fév 2017 - 16:09

    Merci Very Happy
    avatar
    Sylnodel
    FémininAge : 19Messages : 7

    le Dim 7 Mai 2017 - 1:33

    Elle est géniale ! Merci beaucoup !! :3
    avatar
    Kizuro hoki
    MasculinAge : 22Messages : 40

    le Lun 5 Juin 2017 - 11:25

    Merci !
    avatar
    Chadot
    FémininAge : 29Messages : 175

    le Ven 16 Juin 2017 - 7:42

    Merci



    avatar
    Mr. Shidokaz
    MasculinAge : 23Messages : 189

    le Ven 8 Déc 2017 - 0:09

    Merci pour le partage ! :)
    Contenu sponsorisé


      La date/heure actuelle est Ven 15 Déc 2017 - 11:13