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 - 15:36
    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 - 21:31, édité 1 fois
    FémininAge : 24Message(s) : 92
    Screen
    le Sam 6 Sep 2014 - 15:58
    Merci :3
    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Sam 6 Sep 2014 - 19:45
    Très sympathique, j'aime beaucoup la personnalisation de Screen (le modèle sans illustration est un peu moins explicite). Merci Alumine ^^

    Celà dit il faudrait intégrer un crédit vers NU avant que je ne déplace Wink


    Je mets les voiles, que le vent te soit favorable matelot !
    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 Lun 8 Sep 2014 - 21:23
    Pas de problème, je m'occupe de ça !
    Merci pour ton travail (=

    Edit: c'est rajouté ! le crédit s'affiche après la petite phrase en bas. J'espère que tu me pardonneras si je ne refais pas mes screens mais je n'ai pas tofiltre sur cet ordi...
    FémininAge : 17Message(s) : 300
    CaraDelevngnie
    le Mer 17 Sep 2014 - 9:40
    J'aime beaucoup, merci !


    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Dim 21 Sep 2014 - 19:19
    C'est tout bon, je déplace cette fois :3


    Je mets les voiles, que le vent te soit favorable matelot !
    FémininAge : 14Message(s) : 148

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kau
    le Dim 21 Sep 2014 - 20:36
    Elle est magnifique, j'adore le genre. Merci beaucoup !
    FémininAge : 43Message(s) : 227

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Féhéla
    le Ven 26 Sep 2014 - 6:09
    merci du partage
    FémininAge : 24Message(s) : 28
    Pee-Boo
    le Ven 26 Sep 2014 - 14:55
    Merci :hug:
    FémininAge : 19Message(s) : 53
    .lovely
    le Ven 26 Sep 2014 - 23:57
    merci !!
    FémininAge : 24Message(s) : 213
    Miyoko
    le Sam 27 Sep 2014 - 11:36
    nice


    FémininAge : 22Message(s) : 75
    Miss Tigri
    le Mer 1 Oct 2014 - 21:39
    J'adore !
    FémininAge : 15Message(s) : 191
    1charlotte
    le Lun 6 Oct 2014 - 1:25
    Fabulous **
    FémininAge : 18Message(s) : 105
    Jibunnie
    le Lun 6 Oct 2014 - 15:20
    Merci 'Lumine
    FémininAge : 14Message(s) : 69

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Wolftactick
    le Lun 6 Oct 2014 - 19:37
    wuawu
    FémininAge : 24Message(s) : 28
    White Lady
    le Lun 6 Oct 2014 - 21:58
    c'est parfait merci !
    FémininAge : 22Message(s) : 83

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    zbou
    le Ven 10 Oct 2014 - 19:29
    Merci ♥
    FémininAge : 24Message(s) : 108
    Raween
    le Ven 10 Oct 2014 - 20:12
    Merci beaucoup <3
    FémininAge : 20Message(s) : 243

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Araik
    le Dim 12 Oct 2014 - 14:32
    Vraiment très agréable a lire


    MasculinAge : 23Message(s) : 259
    Likilou
    le Dim 12 Oct 2014 - 15:58
    merci


    FémininAge : 24Message(s) : 199
    Clémentine
    le Mer 15 Oct 2014 - 13:43
    Simple et peux ce placer avec n'importe quel code *_* Merci ♥


    FémininAge : 23Message(s) : 59
    Chaussette
    le Mer 15 Oct 2014 - 14:33
    C'est super beau ! Merci beaucoup !
    FémininAge : 21Message(s) : 47

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Athos
    le Ven 17 Oct 2014 - 13:28
    C'est vraiment joli ! Merci du partage !
    FémininAge : 29Message(s) : 367
    Kahlan
    le Ven 17 Oct 2014 - 17:58
    Merci beaucoup pour ce partage
    FémininAge : 18Message(s) : 39
    Pooni
    le Ven 17 Oct 2014 - 18:46
    Sympa ! Merci. <3
    Contenu sponsorisé
    Aujourd'hui à 19:14

      La date/heure actuelle est Mar 27 Sep 2016 - 19:14