Créer un accordéon (messages) - Page 2 Bouton_activeCréer un accordéon (messages) - Page 2 Bouton_hoverCréer un accordéon (messages) - Page 2 Fb-hoverCréer un accordéon (messages) - Page 2 Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Créer un accordéon (messages) - Page 2 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Créer un accordéon (messages) - Page 2 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Créer un accordéon (messages) - Page 2 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Créer un accordéon (messages) - Page 2 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Créer un accordéon (messages) - Page 2 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Créer un accordéon (messages) - Page 2 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Créer un accordéon (messages) - Page 2 EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Créer un accordéon (messages) - Page 2 EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
Funko POP! Jumbo One Piece Kaido Dragon Form : où l’acheter ?
Voir le deal

Partagez
 

Créer un accordéon (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5  Suivant
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Créer un accordéon (messages) - Page 2 Empty
    Bonjour ^^

    C'est assez simple. La page HTML c'est la forme de l'accordéon. Si tu la supprimes, plusieurs de tes class css (celles qui ne sont pas en page d'accueil) ne veulent plus rien dire. De plus c'est dans la page HTML qu'on retrouve le copyright du créateur du script. =)
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptySam 17 Juil 2010, 17:43
Revenir en haut Aller en bas
http://undiscovered.1fr1.net
September4
{ Membre }
{ Membre }

Féminin Messages : 10



Créer un accordéon (messages) - Page 2 Empty
Je n'ai pas compris cette partie du code :
Enfaite il faut mettre quoi dans la PA ?

Citation :
Code:
<div class="gensmall"><script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'30px', fullw:'210px', h:'50px'},
  selectedli: [0, true], //[selectedli_index, persiststate_bool]
  collapsecurrent: false //<- No comma following very last setting!
})</script><div id="hc1" class="haccordion"><ul>
<li style="overflow: hidden; width:VALEURpx; display: block;"><div class="hpanel"><a href="LIEN" target="_blank"><img src="IMAGE" alt=""></a></div></li></ul></div>

Dans ce code, nous n'allons modifier que ceci paneldimensions: {peekw:'30px', fullw:'210px', h:'50px'}, et ceci :

Code:
<li style="overflow: hidden; width:VALEURpx; display: block;"><div class="hpanel"><a href="LIEN" target="_blank"><img src="IMAGE" alt=""></a></div></li>

paneldimensions correspond aux dimensions des panneaux :
peekw = largeur lorsque le panneau est fermé
fullw = largeur lorsque le panneau est ouvert
h = height = hauteur

Le deuxième code correspond au code d'un panneau (n'oubliez pas de modifier "VALEUR" qui correspond encore une fois à la largeur totale du panneau). Pour rajouter un panneau, il vous faut copier/coller ce code-là autant de fois que vous voulez de panneau, entre :

Code:
<div id="hc1" class="haccordion"><ul></ul></div>

Notez que vous pouvez retirer
Code:
<a href="LIEN" target="_blank"></a>
si vous ne souhaitez pas introduire de lien dans votre panneau, et que vous pouvez y mettre Image + TEXTE en modifiant ceci
Code:
<img src="IMAGE" alt="">
par ceci
Code:
<img src="IMAGE" style="float:left; padding-right:8px; width:LARGEUR DE L'IMAGEpx; height:HAUTEUR DE L'IMAGEpx" />BLABLABLABLABLA
Sinon vous pourrez complètement enlever
Code:
<img src="IMAGE" alt="">
si vous ne voulez pas d'image dans votre accordéon.
Voilà pour la page d'accueil ! Et maintenant, la dernière partie.
[/quote]
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyDim 18 Juil 2010, 13:41
Revenir en haut Aller en bas
http://world-of-xena.forums-rpg.com
SCGX
SCGX
{ Membre }
{ Membre }

Féminin Messages : 20



Créer un accordéon (messages) - Page 2 Empty
Moi ce que je n'ai pas compris c'est à quoi sert le code de la page HTML, s'il n'est appeler nul part...
Je pense que j'ai du zapé un truc... moi l'accordéon ne fonctionne pas...

EDIT : Bon l'accordéon marche... bon bizarrement... mais cela doit être du au valeur en px que je dois surement changer...

Mais ma question du dessous reste la même... comment cela se fait que cela marche alors que la page HTML, n'est pas appeler ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyMar 20 Juil 2010, 08:49
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Créer un accordéon (messages) - Page 2 Empty
    September4 » Tout ce que tu viens de copier c'est la description de ce qui est en page d'accueil... C'est le titre ^^' J'ai simplement décortiquer le 1er code, le gros, pour l'expliquer.


    SCGX » Et le code de la page HTML, j'ai déjà répondu... C'est le code donné par dynamicdrive, avec le copyright à l'intérieur. C'est le code de l'accordéon au complet même si tout n'est pas utile sur le forum, il faut le mettre. Après c'est aussi pour ceux qui maîtrisent l'iframe mais c'est plus compliqué, parce que l'accordéon peut être intégré dans une frame.
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyMar 20 Juil 2010, 09:04
Revenir en haut Aller en bas
http://world-of-xena.forums-rpg.com
SCGX
SCGX
{ Membre }
{ Membre }

Féminin Messages : 20



Créer un accordéon (messages) - Page 2 Empty
Ok ça j'avais compris à quoi il servait... je demandais seulement comment le forum pouvait l'utiliser si cette page n'était appelé par rien... mais bon... là je suis sur un autre truc...

Regarde ce que me donne mon accordéon... et j'arrive pas du tout à le dompter : Forum TEST, c'est dans l'onglet "Le Staff"...
Barre sur la gauche de l'image, et je n'arrive pas à les afficher en entier...
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyMar 20 Juil 2010, 09:25
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Créer un accordéon (messages) - Page 2 Empty
    En effet ^^'
    Est-ce que je peux avoir tes codes ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyMar 20 Juil 2010, 10:12
Revenir en haut Aller en bas
http://world-of-xena.forums-rpg.com
SCGX
SCGX
{ Membre }
{ Membre }

Féminin Messages : 20



Créer un accordéon (messages) - Page 2 Empty
Vu que j'ai fait pas mal de test... les valeurs c'est un peu du n'importe quoi :

Code PA :
Spoiler:

CSS :
Spoiler:

Après pour les autres code j'ai pas touché...

EDIT : Mais je crois que cela vient de mon CSS...

EDIT 2 C'est par rapport à mes onglet sur ma page d'accueil...
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyMar 20 Juil 2010, 10:18
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Créer un accordéon (messages) - Page 2 Empty
    Ca ne marche pas de mon côté..
    Créer un accordéon (messages) - Page 2 5336735
    Voilà ce que j'ai, et le déroulement ne se fait pas.
    Mes codes :

    PA
    Spoiler:

    CSS
    Spoiler:

    Le lien Archive-Host que j'ai mit dans le template.
    Spoiler:
    Merci d'avance ^^
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyMer 11 Aoû 2010, 11:40
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Créer un accordéon (messages) - Page 2 Empty
    Up, il ne me manque quasiment que ça avant d'ouvrir mon forum =/
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyVen 20 Aoû 2010, 08:47
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Créer un accordéon (messages) - Page 2 Empty
Salut =) Chez moi c'est le coulissement qui ne marche pas en fait... Je sais pas trop comment m'y prendre ni même quoi modifier.

Est ce que quelqu'un pourrait m'aider ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyJeu 26 Aoû 2010, 05:23
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Créer un accordéon (messages) - Page 2 Empty
    Sarah » C'est normal que ça ne marche pas ! Tu as complètement métamorphosé le code à mettre dans la Page d'Accueil, de 4 li on est passé à 1 seul, tu as mis 4 panneaux sur un seul... Tu as mis toutes tes images à la suite alors qu'il faut les séparer, j'ai pourtant précisé que pour ajouter un panneau supplémentaire à chaque fois il fallait ajouter ce code :

    Code:
    <li style="overflow: hidden; width:VALEURpx; display: block;"><div class="hpanel"><a href="LIEN" target="_blank"><img src="IMAGE" alt=""></a></div></li>

    après le premier
    Code:
    </li>

    Sasha » Est-ce que tu as suivi la procédure que j'ai expliquée ? Tu dois enregistré le code en .js donné sur le site de dynamicdrive, avec le bloc-note sans oublier de noter toi-même .js puisque ce n'est pas un format que le bloc-note propose. Ensuite tu t'inscris sur archive-host, tu héberges et tu rajoutes le script dans overall_header_new.
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyJeu 26 Aoû 2010, 05:52
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Créer un accordéon (messages) - Page 2 Empty
Je suis totalement perdue Kaiji, je dois avouer que là, je n'y comprends plus rien. J'ai beau chercher je ne vois pas... Je suis un peu quiche =) Je pense que je n'ai pas bien harmonisé toutes les tailles et que j'ai fait du n'importe quoi mais je suis totalement dépassée là. Voici tous mes codes, en espérant ne pas trop t'exaspérer quand tu vas les découvrir...

CSS
Spoiler:

PA
Spoiler:

Template
Spoiler:
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyJeu 26 Aoû 2010, 06:26
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Créer un accordéon (messages) - Page 2 Empty
    Okay, j't'ai fait les réglages pour la page d'accueil, tiens.

    Code:
    <div class="gensmall"><script type="text/javascript">haccordion.setup({
      accordionid: 'hc1', //main accordion div id
      paneldimensions: {peekw:'100px', fullw:'300px', h:'200px'},
      selectedli: [0, true], //[selectedli_index, persiststate_bool]
      collapsecurrent: false //<- No comma following very last setting!
    })</script><div id="hc1" class="haccordion"><ul>
    <li style="overflow: hidden; display: block;"><div class="hpanel"><img src="http://i36.servimg.com/u/f36/14/66/38/24/311.png" alt=""></a></div></li>
    <li style="overflow: hidden; display: block;"><div class="hpanel"><img src="http://i36.servimg.com/u/f36/14/66/38/24/311.png" alt=""></a></div></li>
    <li style="overflow: hidden; display: block;"><div class="hpanel"><img src="http://i36.servimg.com/u/f36/14/66/38/24/311.png" alt=""></a></div></li>
    </ul></div>

    Normalement ça devrait être bon. Où as-tu mis le script, dans le template ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyJeu 26 Aoû 2010, 06:56
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Créer un accordéon (messages) - Page 2 Empty
Merci =) Mais le coulissement ne marche pas u_u' J'ai mis le script juste avant le /head dans overall_header_new. C'est au milieu du template

Spoiler:
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyJeu 26 Aoû 2010, 07:07
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Créer un accordéon (messages) - Page 2 Empty
    ôO Alors ça c'est bizarre, sur mon forum test ça marche :

    http://downtown-university.bbactif.com/index.htm

    Tu n'as pas oublié de publier le template ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyJeu 26 Aoû 2010, 08:16
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Créer un accordéon (messages) - Page 2 Empty
Je viens de vérifier et j'ai publié. Est ce que je peux te passer l'adresse du forum pour que tu regardes ? Un paramètre ne doit pas avoir été validé ou un truc du genre... u_u
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyJeu 26 Aoû 2010, 08:22
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Créer un accordéon (messages) - Page 2 Empty
    Vas-y passe-le moi ^^
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyJeu 26 Aoû 2010, 08:24
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Créer un accordéon (messages) - Page 2 Empty
Je t'ai envoyé par mp. Et merci encore pour ton aide !
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyJeu 26 Aoû 2010, 08:32
Revenir en haut Aller en bas
http://wonderfulworld.forumactif.org
Nélow
Nélow
{ Membre }
{ Membre }

Féminin Messages : 39



Créer un accordéon (messages) - Page 2 Empty
    J'ai une petite question à propos des accordéons.
    Admettons qu'on veuille en mettre dans un message, quel code faut-il mettre?
    Merci d'avance Smile
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyMar 31 Aoû 2010, 06:40
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Créer un accordéon (messages) - Page 2 Empty
    Bonjour !

    Les accordéons ne fonctionnent pas dans les messages, j'ai déjà répondu à cette question ^^
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyMer 15 Sep 2010, 17:19
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Créer un accordéon (messages) - Page 2 Empty
    Je suis désolé mais il me semble que c'est ce que j'ai fais non ? =/
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyVen 17 Sep 2010, 11:12
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Créer un accordéon (messages) - Page 2 Empty
Et ça marche ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyVen 17 Sep 2010, 11:29
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Créer un accordéon (messages) - Page 2 Empty
    Non, toujours le même problème
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyVen 17 Sep 2010, 12:46
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Créer un accordéon (messages) - Page 2 Empty
Je n'ai jamais testé dans un message mais Kaiji t'a répondu que cela ne fonctionnait pas dans les messages donc normal que ça ne marche pas sur ton forum.
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyVen 17 Sep 2010, 13:21
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Créer un accordéon (messages) - Page 2 Empty
    L'accordéon n'est pas dans un message, je l'ai mit en page d'accueil.
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 EmptyVen 17 Sep 2010, 13:40
Revenir en haut Aller en bas
Contenu sponsorisé




Créer un accordéon (messages) - Page 2 Empty
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 2 Empty
Revenir en haut Aller en bas
 

Créer un accordéon (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 5Aller à la page : Précédent  1, 2, 3, 4, 5  Suivant

 Sujets similaires

-
» Créer un accordéon vertical (messages)
» Créer un Accordéon
» Créer un Accordéon Vertical
» Questions sur le tuto "Créer un accordéon vertical"
» Créer une ancre (messages)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Tutoriels & Codes-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit | Informatique et Internet | Internet