AccueilDernières imagesRechercherS'enregistrerConnexion

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.

Le Deal du moment : -67%
Carte Fnac+ à 4,99€ au lieu de 14,99€ ...
Voir le deal
4.99 €

    Eventail animé [css externe]

    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    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 ^^




    sign
    Canard
    Canard
    FémininAge : 26Messages : 25

    Sam 24 Aoû 2013 - 11:43

    Merci. C'est trop magnifique.



    Eventail animé [css externe] 186080pingouiiin
    Hiro'
    Hiro'
    MasculinAge : 27Messages : 127

    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.
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Lun 26 Aoû 2013 - 21:11

    Avec plaisir x)



    sign
    Corkyie
    Corkyie
    FémininAge : 26Messages : 75

    Lun 26 Aoû 2013 - 21:48

    Parfait !! Merci beauoup :)
    Capt'ain Hook
    Capt'ain Hook
    FémininAge : 31Messages : 30

    Lun 26 Aoû 2013 - 23:40

    Merci pour ce code ! Il est vraiment très bien fait :)
    Kira de Shola
    Kira de Shola
    FémininAge : 27Messages : 60

    Mar 27 Aoû 2013 - 9:16

    Wouah il est super ! Merci ! :DD
    la-loca
    la-loca
    FémininAge : 32Messages : 86

    Jeu 29 Aoû 2013 - 15:04

    J'adore!
    Merci beaucoup!!



    Eventail animé [css externe] 13031910
    avatar
    donov89
    MasculinAge : 34Messages : 8

    Dim 1 Sep 2013 - 2:19

    Merci !
    Kacisse
    Kacisse
    FémininAge : 27Messages : 43

    Dim 1 Sep 2013 - 20:56

    Merci beaucoup o/
    Pony62
    Pony62
    FémininAge : 29Messages : 61

    Lun 2 Sep 2013 - 20:34

    Merci beaucoup du partage !
    Il est vraiment extra cet éventail ! affraid 



    Underconstruction ♫
    Brodette
    Brodette
    FémininAge : 27Messages : 119

    Mar 3 Sep 2013 - 11:16

    Wahoo ! Merci beaucoup du partage ! C'est super!



    Eventail animé [css externe] Ariel10
    Mashia
    Mashia
    FémininAge : 33Messages : 4

    Mar 3 Sep 2013 - 19:19

    Un super travail, je suis admirative ! o:
    Choko
    Choko
    FémininAge : 25Messages : 61

    Mer 4 Sep 2013 - 17:25

    Trop longtemps que je cherchais comment faire une fiche comme ça **
    Merci du partage =D !
    Kathee
    Kathee
    FémininAge : 31Messages : 680

    Mer 4 Sep 2013 - 20:41

    Bravo pour la recherche ! C'est vraiment superbe ! :love: 





    Forum dérivé ouat
    dans un univers steampunk :heart:
    Kiwi SuperStar
    Kiwi SuperStar
    FémininAge : 32Messages : 88

    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
    Leïlan
    Leïlan
    FémininAge : 35Messages : 22

    Jeu 5 Sep 2013 - 23:35

    Merci pour ce partage :3
    rhapsody_
    rhapsody_
    FémininAge : 41Messages : 21

    Sam 7 Sep 2013 - 2:16

    merci beaucoup



    Eventail animé [css externe] Typo-ban-septembre-2cd0505
    Leoguillem
    Leoguillem
    MasculinAge : 25Messages : 137

    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 -
    EverLiam
    EverLiam
    FémininAge : 36Messages : 1082

    Dim 8 Sep 2013 - 18:21

    JE suis fan



    Ryosaki
    Ryosaki
    MasculinAge : 32Messages : 109

    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



    Eventail animé [css externe] Tutog
    Indy Solo
    Indy Solo
    FémininAge : 29Messages : 240

    Lun 9 Sep 2013 - 22:32

    Merci beaucoup ^^



    Eventail animé [css externe] Sans_t10
    Ouat
    Ouat
    FémininAge : 40Messages : 74

    Mer 11 Sep 2013 - 18:34

    Merci pour le boulot :love: 
    Linky
    Linky
    FémininAge : 34Messages : 30

    Sam 14 Sep 2013 - 18:18

    mercii !
    Lexi
    Lexi
    FémininAge : 26Messages : 38

    Dim 15 Sep 2013 - 13:10

    Waw! J'adore, merci !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:36