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 : 33Messages : 31851

    le Ven 23 Aoû 2013 - 16:32

    Rappel du premier message :

    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
    Seby
    FémininAge : 101Messages : 122

    le Jeu 4 Jan 2018 - 19:27

    Merci! Sympa comme présentation :)
    avatar
    Exuperance
    FémininAge : 28Messages : 45

    le Sam 6 Jan 2018 - 12:07

    Je suis une grande fan de ce code ** Sobre et optimisé \o Mes félicitations ♥
    avatar
    Anastasia
    FémininAge : 17Messages : 20

    le Sam 3 Fév 2018 - 15:50

    Superbe, merci beaucoup !
    avatar
    Shinmujaengpae
    MasculinAge : 20Messages : 9

    le Sam 17 Fév 2018 - 14:22

    merci
    avatar
    Lynx
    MasculinAge : 26Messages : 4

    le Ven 23 Mar 2018 - 14:28

    Super sympa merci Very Happy
    avatar
    Hakuna Patata
    FémininAge : 25Messages : 65

    le Sam 31 Mar 2018 - 1:27

    J'aime beaucoup :)
    avatar
    QueenDancing13
    FémininAge : 22Messages : 103

    le Mar 17 Avr 2018 - 16:33

    Merci beaucoup Very Happy



    avatar
    MaloWyn
    FémininAge : 25Messages : 2

    le Sam 21 Avr 2018 - 1:25

    Magique. **
    avatar
    Pyrosta
    FémininAge : 19Messages : 5

    le Dim 22 Avr 2018 - 2:56

    Mercii !!
    avatar
    Italian
    MasculinAge : 18Messages : 2

    le Lun 18 Juin 2018 - 11:09

    super fiche merci !
    avatar
    June Wolf
    FémininAge : 24Messages : 5

    le Dim 8 Juil 2018 - 20:20

    Merci pour ce code !!!
    avatar
    Eikichi
    MasculinAge : 18Messages : 15

    le Jeu 12 Juil 2018 - 18:10

    Merci beaucoup, j'en avais besoin
    avatar
    No'Oz
    FémininAge : 16Messages : 88

    le Ven 13 Juil 2018 - 15:50

    Merci c:
    avatar
    Estrée
    FémininAge : 27Messages : 114

    le Mer 25 Juil 2018 - 2:02

    Bonsoir et merci pour ces codes ♥
    avatar
    Agni
    MasculinAge : 34Messages : 25

    le Mer 22 Aoû 2018 - 20:46

    beau boulot :)



    avatar
    Arb
    MasculinAge : 21Messages : 1

    le Ven 24 Aoû 2018 - 11:13

    Très original, j'avais jamais vu de fiche comme celle-ci ! Merci de ton partage et de ton travail.
    avatar
    Le Renard Bleu
    MasculinAge : 25Messages : 3

    le Mer 29 Aoû 2018 - 20:07

    Merci pour ton travail :)
    avatar
    ice and fire.
    FémininAge : 21Messages : 6

    le Jeu 30 Aoû 2018 - 13:28

    merci beaucoup pour le partage. :heart:
    avatar
    Mme Layton
    FémininAge : 21Messages : 92

    le Jeu 30 Aoû 2018 - 22:31

    C'est hyper stylé, merci !
    Contenu sponsorisé


      La date/heure actuelle est Mar 25 Sep 2018 - 13:25