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.


    Eventail animé [css externe]

    Partagez
    MasculinAge : 31Message(s) : 31698

    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 Ven 23 Aoû 2013 - 16:32
    Hello !

    Voici une fiche de présentation en mode "condensé" dira-t-on... donc théoriquement toutes les informations peuvent rentrer dans 350px de haut environ. Elle est sous la forme d'un accordéon horizontal, du même type que celui que j'ai déjà utilisé pour des pages d'accueil ou des QEEL et que vous avez peut-être déjà vu. J'ai cependant nommée cette fiche "éventail" car c'était plus joli x).
    Du fait qu'il y ait une animation au passage de la souris (hover) sur cette fiche pour en déployer les onglets, le CSS sera externe, c'est à dire que vous devrez l'inclure dans la feuille CSS de votre panneau d'administration afin d'utiliser la fiche.

    Tout d'abord voici un aperçu (sur un forum test afin d'avoir l'animation) :

    Lien de l'aperçu

    Afin de voir les codes présents ici, merci de poster à la suite de ce message, un remerciement par exemple, ça serait très bien ^^



    FémininAge : 18Message(s) : 25
    Canard
    le Sam 24 Aoû 2013 - 11:43
    Merci. C'est trop magnifique.


    MasculinAge : 19Message(s) : 127

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    1/10  (1/10)
    Hiro'
    le Dim 25 Aoû 2013 - 15:07
    Ah ouais ! Ca, j'aime trop ! Je veuuuuux t_t.
    Merci pour le partage, Sparrow Wink


    Pas souvent là, mais je vous aime quand même très fort ! Étudiant en prépa littéraire, quand j'en ai marre de pas comprendre ce que je lis, je code pour ne plus comprendre non plus ce que j'écris.
    MasculinAge : 31Message(s) : 31698

    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 Lun 26 Aoû 2013 - 21:11
    Avec plaisir x)


    FémininAge : 19Message(s) : 61
    Corkyie
    le Lun 26 Aoû 2013 - 21:48
    Parfait !! Merci beauoup :)
    FémininAge : 23Message(s) : 30
    Capt'ain Hook
    le Lun 26 Aoû 2013 - 23:40
    Merci pour ce code ! Il est vraiment très bien fait :)
    FémininAge : 19Message(s) : 59
    Kira de Shola
    le Mar 27 Aoû 2013 - 9:16
    Wouah il est super ! Merci ! :DD
    FémininAge : 24Message(s) : 86
    la-loca
    le Jeu 29 Aoû 2013 - 15:04
    J'adore!
    Merci beaucoup!!


    MasculinAge : 26Message(s) : 8
    donov89
    le Dim 1 Sep 2013 - 2:19
    Merci !
    FémininAge : 19Message(s) : 33
    Kacisse
    le Dim 1 Sep 2013 - 20:56
    Merci beaucoup o/
    FémininAge : 21Message(s) : 61

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Pony62
    le Lun 2 Sep 2013 - 20:34
    Merci beaucoup du partage !
    Il est vraiment extra cet éventail ! affraid 


    Underconstruction ♫
    FémininAge : 19Message(s) : 119
    Brodette
    le Mar 3 Sep 2013 - 11:16
    Wahoo ! Merci beaucoup du partage ! C'est super!


    FémininAge : 25Message(s) : 4
    Mashia
    le Mar 3 Sep 2013 - 19:19
    Un super travail, je suis admirative ! o:
    FémininAge : 17Message(s) : 61
    Choko
    le Mer 4 Sep 2013 - 17:25
    Trop longtemps que je cherchais comment faire une fiche comme ça **
    Merci du partage =D !
    FémininAge : 23Message(s) : 576

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    6/10  (6/10)
    Guilde des Architectes:
    0/10  (0/10)
    Kathee
    le Mer 4 Sep 2013 - 20:41
    Bravo pour la recherche ! C'est vraiment superbe ! :love: 


    FémininAge : 24Message(s) : 88
    Kiwi SuperStar
    le Mer 4 Sep 2013 - 23:20
    Je dois admettre que c'est une très chouette idée de faire une fiche en onglets :)
    / oui je n'en n'ai jamais vue xp du coup, vous pouvez me traiter d'inculte ! xD /

    Mais sache que je ne te dis pas merci pour pouvoir l'utiliser ^^
    Je tenais à dire joli ! Very Happy
    FémininAge : 27Message(s) : 22
    Leïlan
    le Jeu 5 Sep 2013 - 23:35
    Merci pour ce partage :3
    FémininAge : 33Message(s) : 21
    rhapsody_
    le Sam 7 Sep 2013 - 2:16
    merci beaucoup


    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 7 Sep 2013 - 16:34
    C'est-t-y beau!
    Merci! Elle va me servir de fiche de lien U_U


    - Je signe Marabout -
    FémininAge : 28Message(s) : 868
    EverLiam
    le Dim 8 Sep 2013 - 18:21
    JE suis fan




    MasculinAge : 24Message(s) : 109
    Ryosaki
    le Dim 8 Sep 2013 - 19:47
    Je félicite du très bon ne recherche à ce que je peut remarquer . Bravo c'est vraiment superbe Very Happy


    FémininAge : 21Message(s) : 232
    Indy Solo
    le Lun 9 Sep 2013 - 22:32
    Merci beaucoup ^^
    FémininAge : 32Message(s) : 74
    Ouat
    le Mer 11 Sep 2013 - 18:34
    Merci pour le boulot :love: 
    FémininAge : 26Message(s) : 30
    Linky
    le Sam 14 Sep 2013 - 18:18
    mercii !
    FémininAge : 18Message(s) : 38
    Lexi
    le Dim 15 Sep 2013 - 13:10
    Waw! J'adore, merci !
    Contenu sponsorisé
    Aujourd'hui à 3:26

      La date/heure actuelle est Sam 3 Déc 2016 - 3:26