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.


    QEEL en 3 colonnes avec effet zoom (CSS)

    Partagez
    MasculinAge : 31Message(s) : 31654

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    le Sam 24 Nov 2012 - 0:55
    Rappel du premier message :

    Bonjour, bonsoir !

    Voici donc un code qui vous permettra de réaliser un QEEL (Qui est en ligne) un peu plus léger (et avec un aspect plus ludique^^) que le QEEL de base, un peu figé. Celui-ci est sous la forme de trois colonnes en opacité réduite et au survol de la souris elles s'élargissent en devenant plus opaque et faciliter la lecture.
    Comme il est préférable d'avoir un exemple pour visualiser, le voici en image (le thème était Percy Jackson, il va de soit qu'il vous suffira de mettre vos propres images).

    > Aperçu du QEEL sans survol
    > Aperçu avec survol de la colonne centrale

    Je suppose que vous comprenez le principe. Passons à l'installation x).

    Merci de poster un message à la suite si vous souhaitez voir le contenu du message, et donc les codes.




    En cas d'utilisation de ces codes merci de mettre un crédit à Never-Utopia sur votre forum, même si vous personnalisez le code. Un petit crédit, ce n'est pas grand chose, et nous ne demandons que ça pour le partage de notre petit savoir x)


    Dernière édition par Sparrow-style le Jeu 28 Mar 2013 - 16:09, édité 1 fois


    FémininAge : 19Message(s) : 72
    Luxuria
    le Ven 23 Mai 2014 - 23:26
    Merciii **
    MasculinAge : 17Message(s) : 137

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Leoguillem
    le Sam 24 Mai 2014 - 15:52
    Merciiiiiiiii !


    - Je signe Marabout -
    MasculinAge : 27Message(s) : 100
    Albator
    le Dim 25 Mai 2014 - 15:20
    Je veux voir !  affraid 
    FémininAge : 19Message(s) : 44
    C. Hook
    le Dim 25 Mai 2014 - 17:31
    Merciiii ♥
    FémininAge : 19Message(s) : 21
    Bloody Horizon
    le Dim 25 Mai 2014 - 22:44
    C'est chouette, merci beaucoup :3
    MasculinAge : 20Message(s) : 17
    stefansalvatore
    le Lun 26 Mai 2014 - 13:30
    Très sympa merci de ce tuto ! :)
    FémininAge : 20Message(s) : 194
    Pastomaniac
    le Lun 26 Mai 2014 - 15:53
    Merciii


    FémininAge : 20Message(s) : 63
    Erza
    le Lun 26 Mai 2014 - 17:28
    merci !


    "Un jour je serai la meilleure codeuse
    Je m’entraînerais sans répis
    Je ne serais jamais la Deu'z
    Et je raflerais tous les prix
    Je parcourrai la toile entiere
    Traquant avec espoir
    Le CSS et ses mystères
    Le secret de son pouvoir

    CODEPOWA !
    Je les saurais tous !
    FémininAge : 18Message(s) : 72
    Doan Lavita
    le Lun 26 Mai 2014 - 19:52
    Merci! Very Happy


    FémininAge : 19Message(s) : 15

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Koyangi
    le Mar 27 Mai 2014 - 19:38
    Merci ! ^-^
    MasculinAge : 18Message(s) : 35
    Genocider
    le Mar 27 Mai 2014 - 23:16
    Merchi c:
    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 Jeu 29 Mai 2014 - 13:53
    merci
    FémininAge : 22Message(s) : 116
    Shuna
    le Jeu 29 Mai 2014 - 18:35
    merci j'adore *o*
    FémininAge : 21Message(s) : 90
    Ishyyn
    le Ven 30 Mai 2014 - 13:54
    Merci o/
    Invité
    le Ven 30 Mai 2014 - 21:32
    Merci beaucoup, c'est un très joli code ♥
    FémininAge : 22Message(s) : 104
    Asuka
    le Sam 31 Mai 2014 - 1:37
    Merci beaucoup ! *.*


    FémininAge : 25Message(s) : 125
    Leelo
    le Dim 1 Juin 2014 - 0:37
    sympa
    FémininAge : 16Message(s) : 71
    Milaow
    le Dim 1 Juin 2014 - 11:46
    Merci du partage c:
    FémininAge : 15Message(s) : 16
    Sharkaan
    le Dim 1 Juin 2014 - 12:12
    Original, magnifique ! Merci !
    MasculinAge : 23Message(s) : 51
    Loud Clash
    le Dim 1 Juin 2014 - 12:54
    Merci, l'effet au survol est parfait Very Happy
    FémininAge : 19Message(s) : 93
    Méandre.
    le Dim 1 Juin 2014 - 19:35
    Merci !
    MasculinAge : 26Message(s) : 20
    Asgardian
    le Lun 2 Juin 2014 - 0:13
    Merci !
    FémininAge : 24Message(s) : 62
    Eirlys
    le Lun 2 Juin 2014 - 11:28
    Merci
    FémininAge : 20Message(s) : 53
    mathou_inu
    le Lun 2 Juin 2014 - 16:04
    Merci !


    FémininAge : 20Message(s) : 22
    CookiesAuxChoco
    le Lun 2 Juin 2014 - 19:47
    Merci !! Very Happy
    Beau travail <3
    Contenu sponsorisé
    Aujourd'hui à 18:56

      La date/heure actuelle est Jeu 29 Sep 2016 - 18:56