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

    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 : 25Message(s) : 18541

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    4/10  (4/10)
    Neva
    le Mar 17 Juin 2014 - 23:05
    Parfait Nyo, merci !


     

    • Pensez à aller accueillir les nouveaux nutopiens
    • La Chatbox anniversaire existe toujours ! Elle est ici pour les amoureux des navires  

    MasculinAge : 20Message(s) : 23
    Nephylys
    le Jeu 19 Juin 2014 - 14:38
    Merci Very Happy
    MasculinAge : 19Message(s) : 47
    Alancar
    le Lun 30 Juin 2014 - 14:11
    Merci beaucoup très personalisable :)
    MasculinAge : 37Message(s) : 100
    Parka
    le Mer 2 Juil 2014 - 3:47
    @Nephylys a écrit:Merci Very Happy
    MasculinAge : 23Message(s) : 259
    Likilou
    le Mer 2 Juil 2014 - 19:13
    merci


    FémininAge : 21Message(s) : 67

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    catkiller
    le Mer 16 Juil 2014 - 23:02
    Superbe! Il est simple et "habillé" , très joli !
    FémininAge : 22Message(s) : 43
    Raven Sumire
    le Ven 25 Juil 2014 - 0:16
    Merci :3
    MasculinAge : 25Message(s) : 55
    Arfgang
    le Sam 26 Juil 2014 - 13:59
    Très sympa :) merci


    MasculinAge : 26Message(s) : 71
    Drysfer
    le Ven 1 Aoû 2014 - 15:28
    Merci.


    FémininAge : 22Message(s) : 219

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    AQW
    le Ven 1 Aoû 2014 - 20:25
    Merciii


    Blblbl. ♥
    FémininAge : 19Message(s) : 150

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    SpicAsh
    le Mar 5 Aoû 2014 - 0:41
    merci !
    MasculinAge : 26Message(s) : 98

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Joshua023
    le Mar 5 Aoû 2014 - 1:33
    Il a l'air super ce code, je vais le tester :)


    FémininAge : 19Message(s) : 177
    Piratress
    le Mar 5 Aoû 2014 - 10:41
    Merci !! :)
    MasculinAge : 23Message(s) : 71
    Narachi
    le Mar 5 Aoû 2014 - 15:57
    Merci


    MasculinAge : 21Message(s) : 33
    Hellow
    le Sam 9 Aoû 2014 - 11:19
    Merci beaucoup ! ^^
    FémininAge : 22Message(s) : 75
    Miss Tigri
    le Mer 20 Aoû 2014 - 18:18
    Elle est vraiment cool ! Merci !
    FémininAge : 21Message(s) : 203
    Haniwa
    le Sam 30 Aoû 2014 - 16:18
    J'aime beaucoup merci
    FémininAge : 24Message(s) : 99
    Cydae
    le Dim 7 Sep 2014 - 15:50
    Merci!
    FémininAge : 22Message(s) : 21
    Aëla
    le Dim 21 Sep 2014 - 16:10
    Merci !!
    MasculinAge : 18Message(s) : 27
    Knobul
    le Lun 22 Sep 2014 - 21:20
    Merci
    Age : 51Message(s) : 415
    picka234
    le Mar 23 Sep 2014 - 15:59
    merci cheers
    FémininAge : 15Message(s) : 50
    Nemelise
    le Sam 4 Oct 2014 - 14:01
    MErci :3
    MasculinAge : 29Message(s) : 48
    defenrir
    le Dim 5 Oct 2014 - 11:40
    merchi =)
    FémininAge : 17Message(s) : 24
    Louanaka
    le Dim 5 Oct 2014 - 12:17
    Merci beaucoup !
    Contenu sponsorisé
    Aujourd'hui à 15:33

      La date/heure actuelle est Jeu 29 Sep 2016 - 15:33