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.


    [HTML & CSS3] Un Déroulant Fluide

    Partagez
    Taktiik
    MasculinAge : 22Messages : 2291

    le Dim 20 Nov 2011 - 2:37

    Rappel du premier message :

    Un Déroulant Fluide Dernière mise à jour : 29 Avril 2013
    Aperçu
    Préparation
    Détails

    W W W
    Il n'y a pas de préparations particulière à part avoir les yeux grands ouverts et le cerveau prêt à réfléchir Wink !

    Vous pouvez maintenant poursuivre et débuter le tutoriel. Pour toutes questions, n'hésitez pas à m'envoyer un email : taktiik69@gmail.com si j'oublie de répondre, et j'insiste à nouveau :

    Sparrow Style a dit : Quoi qu'il en soit, si vous utilisez ce tutoriel pour personnaliser l'apparence de votre forum, je vous demande de mettre un crédit à Never-Utopia sur votre accueil, de manière lisible cela va de soi, en guise de remerciement pour l'aide que nous vous avons apportée.


    Niveau : Facile
    Fait : 20/11/2011
    Type : Tutoriel


    Voici une astuce simple et pourtant qui peut changer la donne dans l'esthétique de votre forum. Ces déroulants fluides vont vous permettre de cacher des liens en trop ou des informations secondaires ! Nous aborderons, car il est nécessaire, les transitions CSS3 dans ce petit tutoriel.

    /!\ Attention, pour voir cette astuce, vous devez poster un petit message ...Genre... Un p'tit merci :) !




    Voila ! Very Happy
    J'espère que ce tutoriel vous aidera à comprendre comment l'on peut confectionner un petit déroulant.
    N'hésitez pas à me contacter pour de l'aide,
    Taktiik.


    Dernière édition par Taktiik le Lun 29 Avr 2013 - 18:44, édité 11 fois
    Faxaw
    MasculinAge : 18Messages : 39

    le Jeu 8 Déc 2011 - 17:44

    Je suis trop curieux éwè
    Kelogo
    MasculinAge : 17Messages : 16

    le Jeu 8 Déc 2011 - 21:24

    Merci ...



    tyty48
    MasculinAge : 18Messages : 7

    le Jeu 8 Déc 2011 - 22:11

    Merci pour le tutoriel, il a l'air génial ^^
    Mais pour la partie HTML, où devons nous la mettre ?
    Dans une page HTML créée ?
    Ge-gege08
    FémininAge : 26Messages : 43

    le Ven 9 Déc 2011 - 2:48

    Merci! Hâte de voir comment faire!
    Taktiik
    MasculinAge : 22Messages : 2291

    le Ven 9 Déc 2011 - 16:08

    @tyty48 a écrit:Merci pour le tutoriel, il a l'air génial ^^
    Mais pour la partie HTML, où devons nous la mettre ?
    Dans une page HTML créée ?

    Tu peux le mettre n'importe où =) !

    Dans un message, dans une page HTML ... Peu importe tant que le CSS est présent Wink

    Cordialement~~
    Taktiik.

    Faxaw
    MasculinAge : 18Messages : 39

    le Ven 9 Déc 2011 - 17:11

    Merci pour le tutoriel
    kimel'
    FémininAge : 20Messages : 13

    le Ven 9 Déc 2011 - 17:25

    Je cherchais exactement cet effet ! *-*
    Jabberwock Elyra
    MasculinAge : 22Messages : 44

    le Dim 11 Déc 2011 - 8:23

    Ha cool miiciii^^
    StrawBerru
    FémininAge : 24Messages : 15

    le Dim 11 Déc 2011 - 9:29

    Merci :)
    Fée clow'chette
    MasculinAge : 51Messages : 8

    le Mar 13 Déc 2011 - 13:26

    Merci :)

    Edit : Par contre serait-il possible qu'il s'ouvre vers la gauche et non vers la droite?
    Taktiik
    MasculinAge : 22Messages : 2291

    le Mar 13 Déc 2011 - 18:35

    Yop !

    Oui, c'est totalement possible Wink

    Il suffit de mettre width au lieu de height dans .deroulant et .deroulant:hover.

    Cordialement~~
    Taktiik.

    Fée clow'chette
    MasculinAge : 51Messages : 8

    le Mer 14 Déc 2011 - 10:40

    Ah merci beaucoup :)
    .havana
    FémininAge : 19Messages : 10

    le Mer 14 Déc 2011 - 15:08

    Merci d'avance pour le tuto.
    L'effet a l'air fun Very Happy
    Taktiik
    MasculinAge : 22Messages : 2291

    le Mer 14 Déc 2011 - 15:37

    Yop !

    MàJ faîte sur la barre de défilement.
    Je l'ai retiré mais il faudra bien ajuster la valeur de height dans .deroulant:hover Wink

    Cordialement~~
    Taktiik.

    TUC
    FémininAge : 29Messages : 103

    le Jeu 15 Déc 2011 - 19:57

    merci (:



    ´Saiketsu «
    MasculinAge : 19Messages : 80

    le Lun 19 Déc 2011 - 23:59

    Je veux voir *-*
    Shuu-Shuu
    FémininAge : 20Messages : 196

    le Mar 20 Déc 2011 - 11:19

    thank's you =D
    Piriel'Pistache
    FémininAge : 17Messages : 6

    le Mar 20 Déc 2011 - 14:12

    Merci !
    Invité

    le Mar 20 Déc 2011 - 14:49

    Ho quelle bonne idée, merci beaucoup pour ce tuto *w*
    J'ai toujours voulu savoir comment faire ça !
    Romane
    FémininAge : 21Messages : 17

    le Mar 20 Déc 2011 - 22:32

    Je cherchais ce code depuis un moment :) Merci
    Cissy
    FémininAge : 24Messages : 63

    le Mer 21 Déc 2011 - 10:12

    Merciii (l)
    Marie
    FémininAge : 27Messages : 1911

    le Mer 21 Déc 2011 - 23:49

    Merci TicTac! xxxx




    Kit Par Sébastien. Merci beaucoup!
    sid
    MasculinAge : 34Messages : 9

    le Ven 23 Déc 2011 - 12:45

    Ca a l'air excellent ce petit truc
    Chou ♥
    FémininAge : 20Messages : 19

    le Dim 25 Déc 2011 - 19:09

    Merci :)
    Ruby*
    FémininAge : 24Messages : 24

    le Mer 28 Déc 2011 - 2:10

    Merci pour ce tuto (:
    Contenu sponsorisé

    Aujourd'hui à 19:14


      La date/heure actuelle est Mer 7 Déc 2016 - 19:14