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



    FémininAge : 25Message(s) : 112
    nuanciel
    le Ven 11 Oct 2013 - 10:21
    Il est super :hug2: Merci
    FémininAge : 26Message(s) : 126
    Kim Jae Yoon
    le Sam 12 Oct 2013 - 22:40
    Merci! :3
    MasculinAge : 20Message(s) : 1
    Kizaro
    le Lun 14 Oct 2013 - 20:21
    Merci bien :)
    FémininAge : 20Message(s) : 25
    Miley Destiny
    le Mar 15 Oct 2013 - 17:59
    Merci
    FémininAge : 33Message(s) : 125
    Sweet Angel
    le Mer 16 Oct 2013 - 7:40
    Alors là trop hâte de voir ça!
    MasculinAge : 27Message(s) : 8
    jwnlou
    le Lun 21 Oct 2013 - 18:16
    Très classe comme code, ça a dû prendre un petit bout de temps, merci Wink
    FémininAge : 16Message(s) : 695

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    3/10  (3/10)
    Whitemoon
    le Lun 21 Oct 2013 - 20:06
    Superbe code ^^
    Et c'est une bonne idée de l'avoir utilisé comme fiche de présentation rp, j'y aurai jamais pensé =D


    FémininAge : 20Message(s) : 196
    Shuu-Shuu
    le Mar 22 Oct 2013 - 10:19
    tient c'est drôle xD ! J'avais pensé limite la même chose en voyant tes PA en onglet ! Mais tu l'as fait avant moi >.> !
    Décidément j'arrive en retard moi pour les codes...!
    En tout cas merci beaucoup :=D:
    FémininAge : 18Message(s) : 68

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    HeartLessB
    le Mer 23 Oct 2013 - 21:57
    merci du partage
    MasculinAge : 23Message(s) : 23
    Firtan
    le Jeu 24 Oct 2013 - 17:02
    Vraiment très classe, merci beaucoup !
    FémininAge : 19Message(s) : 34
    La commandeusee
    le Ven 25 Oct 2013 - 16:44


    MasculinAge : 24Message(s) : 34
    Kira nagashi
    le Sam 26 Oct 2013 - 3:36
    Oh, très beau ! merci <3
    FémininAge : 18Message(s) : 134
    Pinku
    le Sam 26 Oct 2013 - 18:57
    Je tombe amoureuse du code. Merci énormément :'3
    FémininAge : 35Message(s) : 44
    Kadence
    le Dim 27 Oct 2013 - 11:49
    Très chouette ! :toto: 
    FémininAge : 18Message(s) : 38
    Mangockie
    le Lun 28 Oct 2013 - 13:52
    C'est magique **
    FémininAge : 17Message(s) : 39
    Vector.
    le Lun 28 Oct 2013 - 16:13
    Magnifique O.O
    MasculinAge : 20Message(s) : 12
    Sento Baionoido
    le Mer 30 Oct 2013 - 7:38
    Patate et merci
    FémininAge : 20Message(s) : 9
    Skyggie
    le Jeu 31 Oct 2013 - 16:28
    J'aime, c'est magnifique **
    FémininAge : 26Message(s) : 144
    Natsuya Gaïaguard
    le Jeu 31 Oct 2013 - 17:19
    Trop TOP !!!

    merci du partage ^^


    MasculinAge : 21Message(s) : 20
    Shadoxx
    le Sam 2 Nov 2013 - 16:22
    La classe. Merci bien. :3


    FémininAge : 26Message(s) : 93
    SunshineD
    le Sam 2 Nov 2013 - 21:38
    J'adore, magnifique et différent de ce que j'ai vu par le passé. Bon travail!
    FémininAge : 17Message(s) : 7
    Maybeth
    le Dim 3 Nov 2013 - 14:42
    Magnifiques! Merci!
    FémininAge : 27Message(s) : 86
    Shiwaii
    le Mer 6 Nov 2013 - 15:01
    Merci
    FémininAge : 19Message(s) : 130
    Lottie Yami
    le Jeu 7 Nov 2013 - 0:09
    OMG. C'EST TROP BEAU!
    Merci QQ
    MasculinAge : 22Message(s) : 1497
    Shigeru
    le Jeu 7 Nov 2013 - 18:13
    Merci Very Happy


    Contenu sponsorisé
    Aujourd'hui à 16:38

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