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.


  • Poster un nouveau sujet
  • Répondre au sujet

PA/QUEEL en accordéon vertical 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 Mer 8 Fév 2012 - 13:16
Rappel du premier message :

Encore un ? Pourquoi ?

Bonjour, bonjour !

Aujourd'hui et pour ma première astuce, j'adapte un code de Sparrow-style (avec sa permission Wink) qui est l'un de ses célèbres accordéons ! Mais avec du JavaScript cette fois !
En effet, vous avez été quelques uns à vous demander s'il était possible "d'avoir le même mais avec clic et pas survol". Donc, on l'a fait. Et comme je suis pas douée pour les longs discours, voyez par vous même !

>> Aperçu <<

Comme pour celui de Sparrow, il vous sera possible de changer les couleurs et/ou images de fond pour chaque onglet ou encore de modifier le fond du contenu, les images, la taille (l'astuce pour la taille est à la fin, au départ le contenu a 250px de hauteur), tout ça quoi ^^.

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




Pour avoir un onglet ouvert dès le départ




Dernière édition par Glycérine le Dim 15 Juil 2012 - 11:38, édité 3 fois



FémininAge : 21Message(s) : 125
Mawie62
le Mar 16 Fév 2016 - 13:04
Merci très joli.


MasculinAge : 20Message(s) : 25
-Resis
le Mer 11 Mai 2016 - 20:36
géniall!
Contenu sponsorisé
Aujourd'hui à 12:35
  • Poster un nouveau sujet
  • Répondre au sujet

La date/heure actuelle est Dim 25 Sep 2016 - 12:35