AccueilFAQRechercherMembresGroupesS'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.


    Eventail animé [css externe]

    Partagez
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

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




    avatar
    Canard
    FémininAge : 18Messages : 25

    le Sam 24 Aoû 2013 - 11:43

    Merci. C'est trop magnifique.



    avatar
    Hiro'
    MasculinAge : 20Messages : 127

    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.
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Lun 26 Aoû 2013 - 21:11

    Avec plaisir x)



    avatar
    Corkyie
    FémininAge : 19Messages : 61

    le Lun 26 Aoû 2013 - 21:48

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

    le Lun 26 Aoû 2013 - 23:40

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

    le Mar 27 Aoû 2013 - 9:16

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

    le Jeu 29 Aoû 2013 - 15:04

    J'adore!
    Merci beaucoup!!



    donov89
    MasculinAge : 26Messages : 8

    le Dim 1 Sep 2013 - 2:19

    Merci !
    avatar
    Kacisse
    FémininAge : 19Messages : 40

    le Dim 1 Sep 2013 - 20:56

    Merci beaucoup o/
    avatar
    Pony62
    FémininAge : 21Messages : 61

    le Lun 2 Sep 2013 - 20:34

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



    Underconstruction ♫
    avatar
    Brodette
    FémininAge : 19Messages : 119

    le Mar 3 Sep 2013 - 11:16

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



    avatar
    Mashia
    FémininAge : 26Messages : 4

    le Mar 3 Sep 2013 - 19:19

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

    le Mer 4 Sep 2013 - 17:25

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

    le Mer 4 Sep 2013 - 20:41

    Bravo pour la recherche ! C'est vraiment superbe ! :love: 
    avatar
    Kiwi SuperStar
    FémininAge : 25Messages : 88

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

    le Jeu 5 Sep 2013 - 23:35

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

    le Sam 7 Sep 2013 - 2:16

    merci beaucoup



    avatar
    Leoguillem
    MasculinAge : 17Messages : 137

    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 -
    avatar
    EverLiam
    FémininAge : 28Messages : 895

    le Dim 8 Sep 2013 - 18:21

    JE suis fan





    avatar
    Ryosaki
    MasculinAge : 24Messages : 109

    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



    avatar
    Indy Solo
    FémininAge : 22Messages : 233

    le Lun 9 Sep 2013 - 22:32

    Merci beaucoup ^^
    avatar
    Ouat
    FémininAge : 33Messages : 74

    le Mer 11 Sep 2013 - 18:34

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

    le Sam 14 Sep 2013 - 18:18

    mercii !
    avatar
    Lexi
    FémininAge : 18Messages : 38

    le Dim 15 Sep 2013 - 13:10

    Waw! J'adore, merci !
    Contenu sponsorisé


      La date/heure actuelle est Mar 25 Avr 2017 - 8:31