Problème effet accordéon

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème effet accordéon

Message par Rikku-Chan le Sam 23 Avr 2011 - 16:35

Bonjour à vous ='D
Me voici avec un problème pour un effet accordéon sur page d'accueil. J'ai cherché les sujets déjà anciennement créer pour l'effet accordéon mais ily en a un qui a un soucis et qui me serait très utile.

Voici le html:

Spoiler:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/css/jquery.hrzAccordion.defaults.css">
<script type="text/javascript" src="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/lib/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/lib/jquery.hrzAccordion.js"></script>
<script type="text/javascript" src="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/lib/jquery.hrzAccordion.examples.js"></script>
</head>
<body>

<ul class="test">
  <li><div class="handle"><img src='http://www.portalzine.de/Horizontal_Accordion_Plugin_2/images/title1.png'></div><img src='http://www.artdif.com/artdif_images/divers/seize_acrylique_planete_100x_100_2005.jpg' align='left'>
    <h3>Première partie.</h3>
    <p>Source : <a href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html">www.portalzine.de </a></p>
  </li>
  <li><div class="handle"><img src='http://www.portalzine.de/Horizontal_Accordion_Plugin_2/images/title2.png'></div><img src='http://www.artdif.com/artdif_images/divers/seize_acrylique_planete_100x_100_2005.jpg' align='left'>

    <h3>Deuxième partie.</h3>
    <p>Source : <a href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html">www.portalzine.de </a></p>
  </li>
  <li><div class="handle"><img src='http://www.portalzine.de/Horizontal_Accordion_Plugin_2/images/title3.png'></div><img src='http://www.artdif.com/artdif_images/divers/seize_acrylique_planete_100x_100_2005.jpg' align='left'>
    <h3>Troisième partie.</h3>

    <p>Source : <a href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html">www.portalzine.de </a></p>
  </li>
  <li><div class="handle"><img src='http://www.portalzine.de/Horizontal_Accordion_Plugin_2/images/title4.png'></div><img src='images/image_test.gif' align='left'>
    <h3>Quatrième partie.</h3>
    <p>Source : <a href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html">www.portalzine.de </a></p>
  </li>
 
</ul>
</body>
</html>

Et voici le css:

Spoiler:
Code:
/* accordeon */

body {
  font: normal .8em/1.5em Arial, Helvetica, sans-serif;
  background-image: url(http://hitskin.com/themes/16/19/06/i_background.png);"
  margin: 100px auto 0;
  }

#accordeon {
  width:800px;
  margin:0 auto;
  }
#accordeon ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#accordeon ul li{
  float: left;
  padding: 10px;
  display: block;
  margin-right: 5px;
  background:none;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E3E3', endColorstr='#FCFCFC');
  background-image: url(http://hitskin.com/themes/16/19/06/i_background.png);"
  background:none;
}

#accordeon ul li a{
  display: block;
  overflow: hidden;
  height: 175px;
  width: 40px;
  outline: none;
  cursor: pointer; 
}

#accordeon #current{
  width: 640px;
}


#accordeon ul li .texte-presentation {
    margin: 0;
  padding: 0;
  width: 520px;
  display: block;
  margin-left: 85px;
  color:#000;
  font-size:14px;
  text-shadow:1px 1px 1px #FFFFFF; 
  }

#accordeon ul li p{
  font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
 
}

#accordeon ul li .accordeon-box {
  width:150px;
  height:20px;
  font-size:30px;
  position:relative;
  top:50px;
  left:-55px;
  color:#0AA8F7;
  text-shadow:#555159 1px 2px 2px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg); 
  } 

J'aimerai que au clic cela fonctionne, je ne sais pas si j'ai oublié un code =/
Et j'aimerai que l'épaisseur de l'accordéon entier soit plus grosse car sur l'image quand il y a marquer Choix n°1 et bien le 1 est un peu "mangé". Normalement il devrait y avoir un fond de couleur, par exemple blanc avec le texte du choix n°3 quand on arrive sur la page d'accueil.

Merci d'avance ^^
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Rikku-Chan le Dim 24 Avr 2011 - 10:54

Petit UPounet.
Quelqu'un saurai-t-il comment résoudre cela? Smile
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Rikku-Chan le Lun 25 Avr 2011 - 13:19

UP Sad
Personne n'a une idée?
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Rikku-Chan le Mar 26 Avr 2011 - 15:08

UP s'il vous plait Rolling Eyes
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Rikku-Chan le Mer 27 Avr 2011 - 18:58

UP..
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Rikku-Chan le Jeu 28 Avr 2011 - 17:28

UP s'il vous plait =)
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Rikku-Chan le Ven 29 Avr 2011 - 18:11

UP...
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Invité le Sam 30 Avr 2011 - 11:22

Bonjour,

Le CSS que vous avez n'agit pas sur le code de l'accordéon. Le css est inclus dans la partie html, c'est cette ligne:
Code:
<link rel="stylesheet" type="text/css" href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/css/jquery.hrzAccordion.defaults.css">
Cette page CSS est liée aux scripts de l'accordéon, et je n'ai, pour le moment pas trouvé de solution pour agir sur le CSS sans casser tout l’accordéon.

Cordialement.
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Rikku-Chan le Sam 30 Avr 2011 - 13:54

Bonjour Isolde, et tout d'abord merci d'essayer de m'aider ^^

Ce code où dois-je le mettre en fait? Dans Generalité? Dans la description du forum?

Merci bien ='D
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Invité le Sam 30 Avr 2011 - 14:53

Il vous suffit de placer la totalité du code Html que vous avez mis dans votre premier message dans le message d'accueil. C'est tout ce qui est nécessaire pour ce système d'accordéon. La seule chose modifiable est le contenu, pour l'apparence, on ne peut rien faire.

Cordialement.
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Rikku-Chan le Sam 30 Avr 2011 - 16:14

Merci bien =)
Si j'ai bien compris, on ne peut pas changer l'apparence de l'accordéon c'est bien ça?
Voici ce que j'obtien pour l'accordéon:
J'ai pu voir sur certains forum que l'apparence pouvais changer; vous savez comment faire? Ou c'est pas ce code qu'il fallait prendre? =/

Merci bien ^^
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Threax le Ven 6 Mai 2011 - 18:07

Bonjour,

Isolde a tout dit, il n'y a pas grand chose à y rajouter. Wink
avatar

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème effet accordéon

Message par Rikku-Chan le Ven 6 Mai 2011 - 18:48

Bonjour ^^

D'accord, pas de soucis ^^
Merci à vous =)
avatar

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum