Créer un accordéon (messages) - Page 3 Bouton_activeCréer un accordéon (messages) - Page 3 Bouton_hoverCréer un accordéon (messages) - Page 3 Fb-hoverCréer un accordéon (messages) - Page 3 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
» Système d'onglets simple et personnalisable
Créer un accordéon (messages) - Page 3 EmptyLun 03 Juin 2024, 17:20 par birds

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

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

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

» Qui Est En Ligne - Utopia
Créer un accordéon (messages) - Page 3 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 3 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

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

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

-55%
Le deal à ne pas rater :
Friteuse sans huile – PHILIPS – Airfryer HD9200/90 Série 3000
49.99 € 109.99 €
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://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Créer un accordéon (messages) - Page 3 Empty
Ok ^^

Alors récapitulons. Peux-tu me passer ton template overall_header ainsi que le code entier de ta PA et le CSS qui est relié avec s'il te plaît ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 17 Sep 2010, 13:47
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 3 Empty

    Voilà (:

    Mon template
    Spoiler:

    Mon CSS :
    Spoiler:

    Ma PA :
    Spoiler:
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 17 Sep 2010, 14:08
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 3 Empty
Le problème est toujours le coulissement ?

Parce que tout fonctionne bien sur mon forum °°
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 17 Sep 2010, 14: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 3 Empty
    Non le coulissement marche mais les images sont comme ' entassées ' quand l'accordéon est fermé, je te montre :
    Créer un accordéon (messages) - Page 3 699203dd
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 17 Sep 2010, 14:22
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 3 Empty
Ah ben ça c'est normal °° C'est le principe de l'accordéon XD
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 17 Sep 2010, 14:25
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 3 Empty
    Oui je m'en doute bien x) Mais je sais pas comment expliquer le problème exact, en fait, quand l'accordéon est fermé, l'image devrait être normale et avoir l'apparence de l'image de base ( que j'ai découpée en 4 ), non ? C'est-à-dire avoir cette apparence :
    Créer un accordéon (messages) - Page 3 782086Spooky_Castle_by_Epileptic_Syndrom

MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 17 Sep 2010, 14:34
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 3 Empty
A la base c'est pas vraiment le but but qu'ont les gens mais c'est faisable ^^
Alors tout se passe dans le script que tu mets dans ta PA

Code:
<script type="text/javascript">
haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'100px', fullw:'400px', h:'158px'},
  selectedli: [0, true], //[selectedli_index, persiststate_bool]
  collapsecurrent: false //<- No comma following very last setting!
})
Tu vois le peekw ? C'est la largeur que tu souhaites voir apparaître de ton image. Tu avais mis 30. Je t'ai mis 100 pour voir ton image en entier donc.
J'ai remarqué que tes images étaient aussi plus grandes en hauteur que ce que l'on voit à l'écran. Pour qu'elles apparaissent en entière niveau hauteur il faut que tu règles la valeur : h également.
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 17 Sep 2010, 14:44
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 3 Empty
    C'est impeccable, merci beaucoup ♥
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 17 Sep 2010, 14:50
Revenir en haut Aller en bas
http://uop-return.forumactif.org/forum.htm
.Lucky_dream ♥
.Lucky_dream ♥
{ Membre }
{ Membre }

Féminin Messages : 89



Créer un accordéon (messages) - Page 3 Empty
Coucou dans mes templates, je n'ai pas overall-header-new (j'ai juste overall-header) est ce que c'est pareil ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 08 Oct 2010, 07:49
Revenir en haut Aller en bas
http://twilight-francerpg.1fr1.net/forum.htm
Cookie
Cookie
{ Membre }
{ Membre }

Féminin Messages : 28



Créer un accordéon (messages) - Page 3 Empty
.Lucky_dream ♥ a écrit:
Coucou dans mes templates, je n'ai pas overall-header-new (j'ai juste overall-header) est ce que c'est pareil ?

    Oui c'est exactement la même chose Wink
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyVen 08 Oct 2010, 14:55
Revenir en haut Aller en bas
Kuro
{ Membre }
{ Membre }

Masculin Messages : 7



Créer un accordéon (messages) - Page 3 Empty
Yop,

en fait j'aimerais savoir s'il y a moyen d'adapter le script pour faire un effet accordéon dans les messages et pas seulement la page d'accueil. Smile

Oui je sais, vous avez dit que ça marchais pas dans les messages, mais il doit bien y avoir un moyen de le faire marcher, non ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptySam 16 Oct 2010, 06:55
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



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

J'ai un petit souci avec mon accordéon.

J'ai mis en place l'accordéon sur mon forum test jusque la pas de problème l'accordéon fonctionne très bien mais en voulant le transférer sur le bon forum en faisant un copier coller surprise plus rien ne marchait et en revenant voir sur le forum test l'accordéon ne marchait plus lui aussi.

Je me doute bien que l'accordéon na pas supporté le copier coller mais pourquoi en revenant sur le forum test l'accordéon ne marchait plus lui aussi,j'avoue que la je ne comprends pas.

Je fais donc appel a vous en espérant avoir une réponse a mon interrogation.
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptySam 18 Déc 2010, 04:52
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Créer un accordéon (messages) - Page 3 Empty

Bonne question , il m'arrive de copier/coller un code vers un autre endroit et il marche toujours donc .

Peut-être que le html est désactivé sur l'autre forum ?
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptySam 18 Déc 2010, 06:09
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



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

Le HTML a toujours été activé et j'ai réessayé maintes et maintes fois mais y a rien a faire,je dois dire que la je suis un peu perdu.

Serait-il possible que je vous laisse les identifiants de mon forum test par MP pour que vous y jetiez un petit coup d'œil.
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptySam 18 Déc 2010, 06:25
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Créer un accordéon (messages) - Page 3 Empty
up
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyLun 20 Déc 2010, 11:44
Revenir en haut Aller en bas
http://www.bbcsherlockfrance.com
Tiadeets
Tiadeets
{ Membre }
{ Membre }

Féminin Messages : 31



Créer un accordéon (messages) - Page 3 Empty
Bonjour,

J'ai bien fait comme vous avez dit mais regardez ce que ça me fait : Look.

Voici mon code HTML :

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:288px; display: block;"><div class="hpanel"><a href="http://twilighters.forumactif.org/" target="_blank"><img src="http://nsa04.casimages.com/img/2009/01/26/09012608451959293.jpg" alt=""></a></div></li></ul></div><div id="hc1" class="haccordion"><ul><li style="overflow: hidden; width:288px; display: block;"><div class="hpanel"><a href="http://the-graphics-only.forums-actifs.net/" target="_blank"><img src="http://alainbregeon.free.fr/download/upload/mini.png" alt=""></a></div></li></ul></div><div id="hc1" class="haccordion"><ul><li style="overflow: hidden; width:288px; display: block;"><div class="hpanel"><a href="http://simucatch.pro-forum.fr/" target="_blank"><img src="http://i66.servimg.com/u/f66/14/86/53/49/patena10.png" alt=""></a></div></li></ul></div><div id="hc1" class="haccordion"><ul><li style="overflow: hidden; width:288px; display: block;"><div class="hpanel"><a href="http://japan-pillow.asiat-world.com/" target="_blank"><img src="http://img705.imageshack.us/img705/8505/bouton5japanp.png" alt=""></a></div></li></ul></div><div id="hc1" class="haccordion"><ul><li style="overflow: hidden; width:288px; display: block;"><div class="hpanel"><a href="http://lemetro.forumdediscussions.com/forum.htm" target="_blank"><img src="http://i20.servimg.com/u/f20/12/40/50/96/88x3110.png" alt=""></a></div></li></ul></div>

Merci d'avance.

Bonne journée!
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyMar 21 Déc 2010, 11:02
Revenir en haut Aller en bas
http://lovely-mocochang-com.forums-actifs.com/index.htm
Yeon Gi
Yeon Gi
{ Membre }
{ Membre }

Féminin Messages : 293



Créer un accordéon (messages) - Page 3 Empty
Bonjour, très bon tuto, assez chaud à comprendre quand même mais bon il faut bien lire ^^
J'ai fait tout bien comme c'était écrit, le défilement marche impeccable mais par contre les panneaux s’affichent les uns en dessous des autres à chaque fois peu importe la taille que je met =/
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyMar 21 Déc 2010, 11:32
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



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

toujours d'actu






Dernière édition par Tupac le Ven 07 Jan 2011, 20:25, édité 2 fois
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyMar 21 Déc 2010, 11:43
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Créer un accordéon (messages) - Page 3 Empty
Est-il possible de faire le même accordéon mais verticalement ? =]
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyMer 22 Déc 2010, 13:20
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Créer un accordéon (messages) - Page 3 Empty
Bonsoir

Problème résolu


Dernière édition par Tupac le Ven 07 Jan 2011, 20:26, édité 1 fois
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyMer 22 Déc 2010, 13:49
Revenir en haut Aller en bas
Invité
Invité




Créer un accordéon (messages) - Page 3 Empty
Bonjour =)

Merci pour le tuto, mais j'ai quelques problèmes avec...
Voilà ce que cela me fait : http://hells-stuff.forumactif.info/forum
le début n'est pas bon, mais une fois qu'on est passé dessus, ca va.
Je ne comprend pas, donc...

voilà mon code css :
Code:
.haccordion{
padding: 0;
width: 320px;
}


.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}


.haccordion li{
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 20px;
overflow: hidden;
float: left;
}

#hc1 li{
margin:0 0px 0 0;
width: 320px;
}

#hc1 li .hpanel{
padding: 0px;
background: transparent;
}

.haccordion li .hpanel{
width: 20px;
height: 20px;
}

#hc1 li{width: 118px;
height: 124px;
}
#hc1 li .hpanel{width: 205px;
height: 124px;
}

et ce qu'il y a sur ma pa ;
Code:
<div class="gensmall"><script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'30px', fullw:'200px', h:'320px'},
  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:470px; display: block;"><div class="hpanel">
<a href="http://www.archive-host.com/"><img src="http://i34.tinypic.com/24l3ry0.png"></a></div></li>

<li style="overflow: hidden; width:470px; display: block;"><div class="hpanel">
<a href="http://www.archive-host.com/"><img src="http://i34.tinypic.com/2zyg4dt.jpg"></a></div></li>

<li style="overflow: hidden; width:470px; display: block;"><div class="hpanel">
<a href="http://www.archive-host.com/"><img src="http://i38.tinypic.com/2f084ls.png"></a></div></li>

</ul>

</div>

Merci d'avance pour l'aide (:
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyMer 22 Déc 2010, 15:38
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Créer un accordéon (messages) - Page 3 Empty
Si tu mets ceci dans ton css, ça marche peut-être ? =S

Code:
.hpanel
{
float: left;
}
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyMer 22 Déc 2010, 18:35
Revenir en haut Aller en bas
Invité
Invité




Créer un accordéon (messages) - Page 3 Empty
Merci =)

Mais... ça change rien ...
Je pense que le problème vient du reglage du css mais je vois pas trop quoi changer en fonction de quoi en fait...


Dernière édition par Innocence le Jeu 23 Déc 2010, 05:47, édité 1 fois
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyJeu 23 Déc 2010, 05:31
Revenir en haut Aller en bas
Invité
Invité




Créer un accordéon (messages) - Page 3 Empty
Salut!

Justement B•øw a donner une possibilité pour le CSS donc un "réglage du CSS" x]
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyJeu 23 Déc 2010, 05:40
Revenir en haut Aller en bas
Invité
Invité




Créer un accordéon (messages) - Page 3 Empty
Coucou,

Nan, je voulais dire dans les valeurs à modifier...
J'ai essayé avec ce que B•øw a donné et ca a rien modifié, malheureusement

EDIT. J'ai demandé autre part, et on m'a donné la réponse =)


Dernière édition par Innocence le Dim 02 Jan 2011, 08:11, édité 1 fois
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 EmptyJeu 23 Déc 2010, 05:46
Revenir en haut Aller en bas
Contenu sponsorisé




Créer un accordéon (messages) - Page 3 Empty
MessageSujet: Re: Créer un accordéon (messages)   Créer un accordéon (messages) - Page 3 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 3 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 | Cookies | Forum gratuit