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.

-17%
Le deal à ne pas rater :
SSD interne Crucial SSD P3 1To NVME à 49,99€
49.99 € 59.99 €
Voir le deal

    Eventail animé [css externe]

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

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




    sign
    MsCrazy.E
    MsCrazy.E
    FémininAge : 27Messages : 183

    Sam 15 Mar 2014 - 22:37

    Merci beaucoup *-*



    Eventail animé [css externe] - Page 8 Nu_a_b10
    Shelly.R
    Shelly.R
    FémininAge : 30Messages : 14

    Dim 16 Mar 2014 - 13:53

    C'est vraiment superbe ! Merci beaucoup !
    Derek Lafleur
    Derek Lafleur
    MasculinAge : 49Messages : 30

    Jeu 20 Mar 2014 - 16:09

    super les presentations , merci
    Missmytic
    Missmytic
    FémininAge : 35Messages : 26

    Mer 26 Mar 2014 - 9:37

    merci♥♥♥
    Ascalia
    Ascalia
    FémininAge : 35Messages : 14

    Mer 26 Mar 2014 - 15:00

    Merci pour ce code sublime *.*
    ClipClap
    ClipClap
    FémininAge : 23Messages : 60

    Mer 26 Mar 2014 - 15:09

    Merci du partage, j'adore !



    Eventail animé [css externe] - Page 8 435202SignatClip2
    Aoi Kiseki
    Aoi Kiseki
    FémininAge : 32Messages : 105

    Sam 29 Mar 2014 - 1:20

    merci
    avatar
    Niracoon
    MasculinAge : 27Messages : 5

    Dim 30 Mar 2014 - 15:09

    Magnifique !
    avatar
    Ϫ JAYCE.
    FémininAge : 34Messages : 29

    Lun 31 Mar 2014 - 16:15

    Juste magnifique, et surtout super original !
    Je me tâte à l'utiliser pour étoffer les fiches de présentations de mon forum...  :love: 
    Merci beaucoup !!  :hug2: 
    Nawël
    Nawël
    FémininAge : 28Messages : 9

    Lun 31 Mar 2014 - 17:36

    Très jolie code. Merci du partage ! =D



    "- Un jour, vous agirez avec honneur...
    - Je les adore ces moments là ! Je les salut de la main quand je les vois passer !"
    Pirates des Caraïbes
    Hikarii-P
    Hikarii-P
    FémininAge : 26Messages : 20

    Lun 31 Mar 2014 - 22:36

    .. omg *^*
    GreenGage
    GreenGage
    FémininAge : 31Messages : 73

    Mer 2 Avr 2014 - 23:24

    Très belle idée !
    louha
    louha
    FémininAge : 37Messages : 219

    Jeu 3 Avr 2014 - 0:07

    merci
    avatar
    Junh
    FémininAge : 31Messages : 8

    Jeu 3 Avr 2014 - 23:58

    Magnifique !
    avatar
    Junh
    FémininAge : 31Messages : 8

    Ven 4 Avr 2014 - 14:01

    J'arrive pas à allez dans Couleur pour le code CSS, c'est normal ? :O
    alayuan
    alayuan
    FémininAge : 29Messages : 11

    Dim 6 Avr 2014 - 6:13

    wow, je mourrais d'envie de trouver celui-ci. Encore merci, c'est superbe ^^
    avatar
    Nal Souclade
    MasculinAge : 25Messages : 167

    Lun 7 Avr 2014 - 19:57

    Merci beaucoup capt'aine !
    Mistiie
    Mistiie
    FémininAge : 26Messages : 74

    Lun 7 Avr 2014 - 23:48

    Merci =)
    milloo
    milloo
    FémininAge : 32Messages : 21

    Jeu 10 Avr 2014 - 14:09

    Merci c'est très beau o/
    moiettoilove
    moiettoilove
    FémininAge : 29Messages : 32

    Ven 11 Avr 2014 - 16:41

    Merci !! Super fiche !!
    Serere
    Serere
    FémininAge : 33Messages : 20

    Dim 13 Avr 2014 - 16:13

    Vraiment joli, bravo pour ce code et merci =)



    | ! | "Serere" est un vieux pseudo que je n'utilise plus, donc ne soyez pas étonnés de voir écrit "Luka" (ou LukaDolls) sur mon avatar. Je ne veux pas déranger l'équipe administrative, donc je ne demanderais pas un changement de pseudo par mp, cela dit si l'un de vous passe par là et voit cette petite annonce, si ça ne le dérange pas de procéder à un changement de pseudo, ce serait agréable et je vous en serai reconnaissante, merci =) | ! |
    Eventail animé [css externe] - Page 8 Signnuz
    Joshua023
    Joshua023
    MasculinAge : 34Messages : 98

    Dim 13 Avr 2014 - 18:25

    oh oui, j'aime trop, merci du partage ^^



    Eventail animé [css externe] - Page 8 Signat15
    Jadesse
    Jadesse
    FémininAge : 25Messages : 30

    Mar 15 Avr 2014 - 21:38

    Magnifique, merci!
    Wapitite
    Wapitite
    FémininAge : 35Messages : 10

    Mer 16 Avr 2014 - 4:04

    Merci pour ce super code!
    Shymi
    Shymi
    FémininAge : 26Messages : 67

    Mer 16 Avr 2014 - 22:14

    Franchement c'est magnifique, bravo !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 20:29