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 ^^

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

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?

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

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..

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 =)

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...

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.

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

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.

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 ^^

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

Threax
+ Hyperactif +

Masculin
Messages : 17277
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 =)

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