Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 22Message(s) : 5018

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    10/10  (10/10)
    NyoTheNeko
    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:


    FémininAge : 24Message(s) : 1355

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Lun 24 Aoû 2015 - 17:40
    Merci. \(*0*)/
    MasculinAge : 23Message(s) : 37
    Neyotox
    le Lun 21 Sep 2015 - 0:11
    Wooow...merci
    MasculinAge : 19Message(s) : 71
    Banhjo
    le Mar 10 Nov 2015 - 14:04
    Cool! j'en cherchais une dans ce style la ! :)
    FémininAge : 12Message(s) : 14
    Foudy
    le Dim 10 Jan 2016 - 15:28
    C'est juste trop beau


    MasculinAge : 29Message(s) : 20
    Geekoupa
    le Dim 21 Fév 2016 - 13:29
    Va falloir que je teste ça, merci :)
    FémininAge : 25Message(s) : 6
    tsuki59
    le Ven 18 Mar 2016 - 17:56
    Merci !
    FémininAge : 18Message(s) : 193
    Dark Fairy
    le Ven 24 Juin 2016 - 17:58
    Merci!
    MasculinAge : 53Message(s) : 297

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kâ Lys
    le Dim 17 Juil 2016 - 4:03
    Merci!


    MasculinAge : 36Message(s) : 57
    Le Dévoreur de temps
    le Dim 17 Juil 2016 - 15:34
    Merci beaucoup pour cette PA toute en simplicité ! Wink
    Contenu sponsorisé
    Aujourd'hui à 14:05

      La date/heure actuelle est Sam 1 Oct 2016 - 14:05