Problème effet accordéon
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème effet accordéon
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:
Et voici le css:
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 ^^
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 ^^
Re: Problème effet accordéon
Petit UPounet.
Quelqu'un saurai-t-il comment résoudre cela?
Quelqu'un saurai-t-il comment résoudre cela?
Re: Problème effet accordéon
UP
Personne n'a une idée?
Personne n'a une idée?
Re: Problème effet accordéon
UP s'il vous plait
Re: Problème effet accordéon
UP s'il vous plait =)
Re: Problème effet accordéon
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:
Cordialement.
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">
Cordialement.
Invité- Invité
Re: Problème effet accordéon
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
Ce code où dois-je le mettre en fait? Dans Generalité? Dans la description du forum?
Merci bien ='D
Re: Problème effet accordéon
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.
Cordialement.
Invité- Invité
Re: Problème effet accordéon
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 ^^
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 ^^
Re: Problème effet accordéon
Bonjour,
Isolde a tout dit, il n'y a pas grand chose à y rajouter.
Isolde a tout dit, il n'y a pas grand chose à y rajouter.
Re: Problème effet accordéon
Bonjour ^^
D'accord, pas de soucis ^^
Merci à vous =)
D'accord, pas de soucis ^^
Merci à vous =)
Sujets similaires
» Les avatars ne sont plus en cercle et donc plus d'effet accordéon
» comment realiser un effet accordeon dans un sujet
» Impossible de mettre un avatar en rond avec effet accordéon
» Problème de PA en accordéon
» Problème PA en accordéon
» comment realiser un effet accordeon dans un sujet
» Impossible de mettre un avatar en rond avec effet accordéon
» Problème de PA en accordéon
» Problème PA en accordéon
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum