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.


    PA/QEEL en accordeon horizontal sur clic [HTML/CSS/JAVASCRIPT]

    Partagez
    FémininAge : 27Message(s) : 307

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Glycérine
    le Lun 13 Fév 2012 - 23:33
    Et hop, en voilà un autre !

    Bonjour, bonjour !

    Aujourd'hui et pour ma seconde astuce, j'adapte encore un code de Sparrow-style ! xD Qui est, cette fois, l'accordéon horizontal ! De nouveau avec notre petit ami JavaScript !

    >> Aperçu <<

    Il est, tout comme son petit frère, modifiable en un peu tous les paramètres, attention néanmoins à la taille qui risque d'être plus capricieuse ! (Je vous déconseille personnellement de toucher aux tailles des titres...)

    Allez ^^ Let's go !


    Et comment qu'on fait ?

    Je préviens, la manipulation est un tout petit peu plus complexe que la version "survol" et il faut que vous ayez le JavaScript activé sur votre forum. Mais je vais vous expliquer tout ça en détail, don't worry Willy.

    1. Le HTML
    Pour voir ce code, vous devrez poster à la suite de ce topic !




    2. Le CSS
    Pour voir ce code, vous devrez poster à la suite de ce topic !




    3. Le JavaScript
    Pour voir ce code, vous devrez poster à la suite de ce topic !




    Je vais citer Sparrow pour ce qui est des crédits de Never-Utopia Wink

    Je le répète, mais svp n'enlevez pas le crédit en fin de code ! Je suis très généreux mais j'apprécie d'avoir un remerciement et j'estime que celui-ci est correct, pas excessivement voyant et normal pour utiliser quelque chose que j'ai mis du temps à réaliser Wink



    MasculinAge : 23Message(s) : 843
    Ziktaon
    le Lun 13 Fév 2012 - 23:48
    Merci, je pense que certains vont appréciez cette astuce Wink





    ‘ Le codage est la logique, Le graphisme est le savoir faire ‘

    MasculinAge : 31Message(s) : 31644

    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 Mar 14 Fév 2012 - 0:39
    Encore merci mamzelle Wink


    FémininAge : 33Message(s) : 22
    ma911
    le Mar 14 Fév 2012 - 10:22
    je vais essayee merci
    MasculinAge : 35Message(s) : 54
    objectif photo
    le Mar 14 Fév 2012 - 19:03
    merci


    http://objectif-photo.forumgratuit.org/
    FémininAge : 23Message(s) : 73
    りん
    le Mar 14 Fév 2012 - 20:49
    Ce code m'intéresse =3
    Merci d'avance de le partager !
    MasculinAge : 15Message(s) : 63
    Vador
    le Mar 14 Fév 2012 - 20:55
    merci
    MasculinAge : 32Message(s) : 72
    Solstice
    le Mar 14 Fév 2012 - 23:14
    Je vais essayer moi aussi, merci !
    MasculinAge : 22Message(s) : 10
    A.T.O
    le Mar 14 Fév 2012 - 23:53
    Yes merci tu as assurer
    FémininAge : 18Message(s) : 84
    Margii
    le Sam 18 Fév 2012 - 19:19
    Merci d'avance ;w;.
    FémininAge : 21Message(s) : 19
    Yuuna
    le Dim 19 Fév 2012 - 15:28
    Merci ! :)
    MasculinAge : 20Message(s) : 25
    Davy
    le Lun 20 Fév 2012 - 18:37
    Merci^^
    FémininAge : 20Message(s) : 89
    Mohican
    le Mar 21 Fév 2012 - 9:19
    Merci pour le codage :B
    Veux voir *_*
    MasculinAge : 21Message(s) : 166
    Jimmy
    le Mar 21 Fév 2012 - 15:58
    WESH !
    FémininAge : 27Message(s) : 307

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Glycérine
    le Mer 22 Fév 2012 - 16:16
    Il n'y a pas de quoi, ça fait plaisir.



    MasculinAge : 22Message(s) : 44
    Jabberwock Elyra
    le Mar 28 Fév 2012 - 12:05
    merchuiiiiiiiiiii Shocked
    FémininAge : 31Message(s) : 102
    Orange Mécanique
    le Mar 28 Fév 2012 - 22:03
    Ça c'est vraiment pratique parce qu'au survol de la souris des fois c'est pas évident ^^

    Merci !
    FémininAge : 20Message(s) : 10
    Hiyorin
    le Mer 29 Fév 2012 - 13:30
    Merci beaucoup !!! 8D
    FémininAge : 21Message(s) : 28
    kawaiitropic.
    le Dim 4 Mar 2012 - 11:16
    Merci pour l'astuce !
    FémininAge : 21Message(s) : 22
    Boubidou
    le Dim 4 Mar 2012 - 18:46
    Merci du partage. (:
    FémininAge : 19Message(s) : 17
    Riingo
    le Mar 6 Mar 2012 - 21:31
    Thanks ! \o/
    MasculinAge : 32Message(s) : 111

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Dastan
    le Jeu 8 Mar 2012 - 14:36
    Mercii!
    FémininAge : 21Message(s) : 24
    Lëwen
    le Jeu 8 Mar 2012 - 15:24
    Merci beaucoup ~ o/
    MasculinAge : 26Message(s) : 1216

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    1/10  (1/10)
    Ayfoth
    le Jeu 8 Mar 2012 - 17:26
    Merci ma Gly <3


    FémininAge : 19Message(s) : 89
    Marion-san
    le Sam 10 Mar 2012 - 23:06
    Merci :)


    Contenu sponsorisé
    Aujourd'hui à 3:55

      La date/heure actuelle est Lun 26 Sep 2016 - 3:55