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
    Okhmhaka
    FémininAge : 31Messages : 31714

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




    Xona
    FémininAge : 27Messages : 32

    le Mar 17 Sep 2013 - 14:24

    Merci beaucoup ** C'était exactement ce dont j'avais besoin <3
    Amelys_Destroy
    FémininAge : 22Messages : 36

    le Ven 20 Sep 2013 - 21:58

    merci ^o^
    Milaow
    FémininAge : 17Messages : 71

    le Sam 21 Sep 2013 - 9:46

    Merci :3
    Harrilongue
    FémininAge : 24Messages : 12

    le Sam 21 Sep 2013 - 17:54

    Magnifique thanks
    Clarisse
    FémininAge : 16Messages : 3929

    le Dim 22 Sep 2013 - 13:47

    J'adore! C'est... Trop stylé quoi! x) Merci bien. :)



    Coucou Invité!
    .SaKou.
    FémininAge : 20Messages : 57

    le Dim 22 Sep 2013 - 16:10

    Magnifique, merci =)



    Pomme-de-terre
    FémininAge : 17Messages : 32

    le Mar 24 Sep 2013 - 13:13

    merci !
    Aylec
    FémininAge : 22Messages : 5

    le Ven 27 Sep 2013 - 1:21

    C'est splendide... O.O Je pense que je vais l'utiliser pour mon forum ! :) Merci beaucoup ! (J'adoooore c'que vous faites !)

    Edit : Ca va peut être sembler stupide, mais malgré les indications, le code ne marche pas sur mon forum... J'ai pourtant placé le code CSS dans ma fiche de style, mais lorsque je poste l'autre code sur le forum, le code apparaît tel quel... J'aurais oublié quelque chose ?
    Jadelina
    FémininAge : 24Messages : 7899

    le Ven 27 Sep 2013 - 13:37

    Il serait mieux d'ouvrir un topic pour ce genre de choses, c'est plus pratique et ta question serait plus facilement visible ^^
    Je te réponds ici quand même : as-tu bien activé le HTML sur ton forum ? Ça se règle dans le panneau d'administration mais aussi dans le profil et le message en lui-même, ça peut peut-être venir de là.



    Aylec
    FémininAge : 22Messages : 5

    le Sam 28 Sep 2013 - 12:26

    Merci de me répondre Jadelina, ce sera mon dernier message ici, pour ne pas gêner le topic. :)
    J'ai activer le HTML de mon forum, (qui a eu du mal à comprendre que tout le monde sur le forum devait l'avoir et pas seulement le compte administrateur) mais le problème, c'est que voilà ce que ça me fait : http://cantata-mortis.forumactif.org/t8-eve-we-all-fall-down#8 (Pour information, je n'ai pas modifié le code, du moins pas beaucoup. Je ne vois pas d'où viens le bug... ._." En plus de ça, il ne m'affiche pas le "Never Utopia en dessous de l'eventail alors qu'il est dans le code, étrange...)
    Marion.
    FémininAge : 18Messages : 42

    le Sam 28 Sep 2013 - 13:38

    Merci ! *-*



    Silhouette
    FémininAge : 17Messages : 14

    le Sam 28 Sep 2013 - 18:55

    J'adore, c'est génial. Merci beaucoup pour ce partage de ce magnifique boulot !
    Bonne fin de journée, xx
    Invité

    le Dim 29 Sep 2013 - 11:46

    Merci beaucoup, c'est super *-* !
    mathou_inu
    FémininAge : 21Messages : 53

    le Lun 30 Sep 2013 - 18:55

    Merci ! ^^



    Enju
    FémininAge : 28Messages : 1

    le Mar 1 Oct 2013 - 21:00

    Merci !
    Slown
    FémininAge : 21Messages : 61

    le Mar 1 Oct 2013 - 23:59

    merci beaucoup ♥
    Rodeuse
    FémininAge : 23Messages : 142

    le Mer 2 Oct 2013 - 10:18

    Merci du partage ^^
    Jazbrel
    MasculinAge : 19Messages : 198

    le Mer 2 Oct 2013 - 11:29

    Waw, vraiment beau !



    pizi
    FémininAge : 28Messages : 569

    le Dim 6 Oct 2013 - 12:11

    merci :)




    Namco
    FémininAge : 24Messages : 93

    le Dim 6 Oct 2013 - 21:14

    Wouuuuuaw *___*
    Est-ce que je pourrais avoir les codes s'il te plais *_*
    Comment tu fais pour créer des trucs pareils? >.<
    C'est trop frustrant quand à côté tu galère à faire un tableau xDDD
    Mylirou
    FémininAge : 19Messages : 7

    le Mar 8 Oct 2013 - 12:06

    Arigatoo
    Nana-Yankee
    FémininAge : 21Messages : 65

    le Mer 9 Oct 2013 - 6:28

    Merci
    Angy38
    FémininAge : 46Messages : 201

    le Mer 9 Oct 2013 - 15:49

    Merci c'est magnifique



    Capouccino
    FémininAge : 18Messages : 165

    le Mer 9 Oct 2013 - 19:11

    Original, j'aime bien, merci ^^



    "Espérer l'inespérable c'est croire en l'impossible."
    Ehawee
    FémininAge : 24Messages : 4512

    le Mer 9 Oct 2013 - 20:51

    Mais mais maiiiiis pourquoi je l'avais jamais vue celle-là? Mais c'est une tuerie *-* Bref; sacré coup de souris Cap'taine ^^ ça me donne envie de me remettre à bosser tout ce qui est slide ^^





    gif1gif2
    Contenu sponsorisé

    Aujourd'hui à 22:44


      La date/heure actuelle est Mar 6 Déc 2016 - 22:44