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 grise simple avec infobulles

    Partagez
    FémininAge : 19Message(s) : 485

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    5/10  (5/10)
    Alumine
    le Sam 6 Sep 2014 - 13:36
    Rappel du premier message :

    PA

    Voici une PA grise avec plusieurs effets: un défilement vers la gauche de l'image recouvrant le texte central, et des infobulles lorsqu'on survole les images du staff. Tous les liens sont à compléter, ainsi que les images, et éventuellement la police des titres. Les endroits en gris foncé sont destinés à accueillir des images; la grande fait 226px de haut et 221 de large, et les petites images du staff 30x30 et s'arrondissent toutes seules (=
    Cette PA est également adaptable en largeur, au niveau de la partie à l'extrême droite qui joue le rôle de "tampon" en s'adaptant.
    Spoiler:




    Et pour vous donner une idée de ce que ça donne une fois tous les images / liens ajoutés (image par Screen, merci à elle !) http://i39.servimg.com/u/f39/18/98/10/80/quand_12.jpg



    Le HTML

    Pour commencer, voici la structure à remplir. A priori, tous les endroits où il manque une information sont très visibles. Il faut coller ce code dans votre panneau d'admin -> Affichage -> Page d'accueil -> Généralités.

    Par contre, pour remplir ce code je vous déconseille de le coller directement dans son emplacement final. En effet ce champ n'est pas dédié à l'édition de HTML, il n'y a donc aucune couleur, et l'indentation du texte est peu lisible. Utilisez plutôt un éditeur HTML pour remplir le code, comme il y en a un dans modules-> gestion des codes HTML, avant de finalement déplacer votre code vers la page d'accueil.




    Et voilà, c'est terminé ! Laissez le crédit s'il vous plaît, il ne prend que peu de place (= Un merci ou commentaire serait apprécié et vous permettra de voir le code.


    Dernière édition par Alumine le Lun 8 Sep 2014 - 19:31, édité 1 fois
    MasculinAge : 44Message(s) : 80
    servity
    le Mar 5 Mai 2015 - 0:38
    Merci


    FémininAge : 25Message(s) : 38
    SIXE
    le Mer 6 Mai 2015 - 21:26
    Merci ! J'adore la disposition !
    MasculinAge : 23Message(s) : 37
    Hyen0w
    le Jeu 7 Mai 2015 - 8:12
    Merci beaucoup ! :3


    FémininAge : 21Message(s) : 90
    Ishyyn
    le Ven 8 Mai 2015 - 11:51
    Merci :)
    FémininAge : 17Message(s) : 49

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Seaphie
    le Ven 8 Mai 2015 - 20:22
    Merci !
    FémininAge : 36Message(s) : 15
    North-AC
    le Sam 9 Mai 2015 - 16:22
    Merci beaucoup pour ce codage ! C'est simple mais efficace, j'adore !
    FémininAge : 29Message(s) : 67
    Nighthayah
    le Sam 9 Mai 2015 - 18:35
    Merci beaucoup
    MasculinAge : 27Message(s) : 132
    Hop80
    le Sam 9 Mai 2015 - 22:12
    simple, j'adore merci
    FémininAge : 18Message(s) : 12
    Black_cherry
    le Mer 20 Mai 2015 - 11:07
    Merci ! :3
    MasculinAge : 26Message(s) : 34
    fancy
    le Mer 20 Mai 2015 - 13:32
    elle est parfaite, elle est vraiment bien.
    merci du partage Very Happy
    FémininAge : 19Message(s) : 11
    Kiriwar
    le Lun 8 Juin 2015 - 20:08
    Rouwi iley beau. Merci. ♥
    FémininAge : 16Message(s) : 18

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Presto
    le Lun 15 Juin 2015 - 17:10
    C'est zoliiiiiii merciiii !!!
    FémininAge : 13Message(s) : 245

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    1/10  (1/10)
    Nutop
    le Jeu 18 Juin 2015 - 13:45
    C'est assez joli, je trouve ^^





    FémininAge : 26Message(s) : 84
    Luunalight
    le Mar 21 Juil 2015 - 10:34
    merciii
    FémininAge : 20Message(s) : 84
    Catblack
    le Sam 15 Aoû 2015 - 18:15
    merci
    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 Dim 16 Aoû 2015 - 20:54
    Merci beaucoup du partage ! (*^▽^*)
    FémininAge : 23Message(s) : 2327

    Les Guildes
    Guilde des Conteurs:
    5/10  (5/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    2/10  (2/10)
    Cruelly
    le Lun 17 Aoû 2015 - 4:37
    Merci beaucoup :)


    Absente pour une durée indéterminée.
    FémininAge : 18Message(s) : 89
    Acédie
    le Lun 17 Aoû 2015 - 11:46
    j'adore **
    FémininAge : 19Message(s) : 91
    Hyuna
    le Jeu 3 Sep 2015 - 20:13
    Merci
    FémininAge : 23Message(s) : 73
    りん
    le Sam 19 Sep 2015 - 5:20
    merci pour le partage ^^
    MasculinAge : 32Message(s) : 19
    Sanguin
    le Sam 19 Sep 2015 - 9:28
    Merci du partage. Génial. *-*
    FémininAge : 26Message(s) : 184
    rosebleudu10
    le Sam 10 Oct 2015 - 11:11
    merci
    FémininAge : 34Message(s) : 142
    Lessien
    le Dim 11 Oct 2015 - 14:49
    Merci :)
    FémininAge : 16Message(s) : 130
    Neya
    le Mer 14 Oct 2015 - 16:11
    Merci
    FémininAge : 28Message(s) : 165

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Pythia
    le Sam 24 Oct 2015 - 14:11
    Merci beaucoup pour le partage


    Contenu sponsorisé
    Aujourd'hui à 22:19

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