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:


    MasculinAge : 21Message(s) : 189
    Løve
    le Sam 18 Oct 2014 - 14:13
    Merci beaucoup o/
    MasculinAge : 22Message(s) : 532

    Les Guildes
    Guilde des Conteurs:
    8/10  (8/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Greedounet
    le Dim 19 Oct 2014 - 23:52
    merci


    MasculinAge : 23Message(s) : 74
    Melik
    le Ven 31 Oct 2014 - 11:05
    Merci!
    FémininAge : 19Message(s) : 180

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Sakura-chan
    le Sam 1 Nov 2014 - 0:20
    Mercii ! ^^
    FémininAge : 28Message(s) : 106
    Arisu
    le Mar 18 Nov 2014 - 0:56
    Très joli !
    FémininAge : 31Message(s) : 53
    cali60
    le Sam 6 Déc 2014 - 18:02
    merci :)
    MasculinAge : 22Message(s) : 86

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    NéoLéo
    le Mar 9 Déc 2014 - 12:04
    Merci beaucoup pour ce code, bien que je soit une moule en codage, je vais tenter de m'en sortir ^^; avec un peu de patience et de courage je devrait m'en sortir (j'espère).
    FémininAge : 15Message(s) : 108
    Damned
    le Jeu 11 Déc 2014 - 16:01
    Thanks *^*
    MasculinAge : 22Message(s) : 86

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    NéoLéo
    le Sam 13 Déc 2014 - 1:20
    J4ai fini par m'en sortir et j'en ai appris plus sur le CSS et l'Html du coup ^^ Sa fait doublement plaisir ^^. Si tu désires voir ce que donnes ta P.A. après mes modifications voici le lien du forum où elle est installée : http://eternalrune.forumsrpg.com/

    N'hésite pas à me donner ton avis si l'envie t'en prend ^^
    MasculinAge : 19Message(s) : 32
    Chorks
    le Jeu 18 Déc 2014 - 1:30
    C'est agnifique *-*
    FémininAge : 17Message(s) : 10
    Asami No Yoru
    le Jeu 18 Déc 2014 - 15:13
    Merci!


    http://thousand-sunny.forumactif.org/
    Mon fofo :3 venez nombreux Very Happy (en fait ... Si vous voulez...)
    MasculinAge : 24Message(s) : 51
    Selfura
    le Mar 6 Jan 2015 - 16:26
    Merci pour le tuto !


    FémininAge : 23Message(s) : 149
    Saya Shirayuki
    le Mar 6 Jan 2015 - 18:48
    Merci beaucoup !
    FémininAge : 19Message(s) : 87
    Dreamyland
    le Mer 7 Jan 2015 - 21:39
    Merci ~
    FémininAge : 21Message(s) : 152

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Xperience
    le Mar 13 Jan 2015 - 11:40
    Merci !


    FémininAge : 19Message(s) : 91
    Hyuna
    le Sam 28 Fév 2015 - 12:48
    Ouah j'aime beaucoup merci :3
    MasculinAge : 21Message(s) : 140
    Heine
    le Lun 9 Mar 2015 - 13:50
    Thanks \o/


    MasculinAge : 35Message(s) : 75
    Caine Lornan
    le Dim 15 Mar 2015 - 14:12
    Merci elle est top
    FémininAge : 21Message(s) : 161

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Mimio
    le Dim 15 Mar 2015 - 21:45
    Très beau, merci du partage de ton talent en libre-service c:


    FémininAge : 24Message(s) : 63
    Cassisse
    le Ven 24 Avr 2015 - 17:52
    Malade je vais le tester merci
    FémininAge : 31Message(s) : 81
    Mystick
    le Dim 31 Mai 2015 - 23:17
    Trop chou **
    FémininAge : 31Message(s) : 228
    Madras
    le Ven 5 Juin 2015 - 22:41
    Merci
    MasculinAge : 27Message(s) : 132
    Hop80
    le Jeu 9 Juil 2015 - 1:28
    merci
    MasculinAge : 20Message(s) : 39
    Kenway Kioshi
    le Jeu 9 Juil 2015 - 8:15
    En plein ce que je cherchais ! Merci !
    FémininAge : 28Message(s) : 205
    Grande
    le Lun 24 Aoû 2015 - 12:30
    Merci =D


    Contenu sponsorisé
    Aujourd'hui à 22:37

      La date/heure actuelle est Sam 1 Oct 2016 - 22:37