petit soucis de codes avec l accueil
3 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
petit soucis de codes avec l accueil
amis du soir, bonsoir =3
voilà, suite à un nouveau thème du forum, made by me, jenvisage de faire une restructuration de mon nouveau forum.
Les codes étant faits et re-faits niveau HTML, jaurais besoin de vous afin de finaliser quelques détails ...
voici les codes:
HTML:
CSS:
ce que nous souhaitons:
Dans un premier temps, retirer limage de l acceuil et tout simplement y mettre les codes de bases permettant décrire simplement les nouvelles et dy intégrer les codes dans les parties souhaités. -si cela reste faisable avec les codes Dans le CSS. Car je me pers facilement dans les <tr> ... =/
voici l image de fond souhaité: https://2img.net/r/ihimizer/img12/6492/fonddepage2.png
Dans le cas ou vous trouverez cela trop audacieux, veuillez ne pas prendre cela en compte et passer a la seconde phase...
Qui est donc, à la suite, d installer un "accordéon" dans le "whats Up" là ou une partie est grisée.
voici le code de l accordéon souhaité:
HTML:
CSS:
Si besoin est, l adresse du forum, est: http://akklhadianempire.forumgratuit.org/
Je vous remercie de votre aide précieuse, et je reste bien entendue ouverte à toutes les aides souhaités.
Cordialement, Jolene D.S.
voilà, suite à un nouveau thème du forum, made by me, jenvisage de faire une restructuration de mon nouveau forum.
Les codes étant faits et re-faits niveau HTML, jaurais besoin de vous afin de finaliser quelques détails ...
voici les codes:
HTML:
- Spoiler:
- Code:
<div id="paccueil"><div style="text-align: center;"><br>
<center><br><br><br><br><br><br><br><br><br><br><table width="85%"><tbody><tr>
<td><div style="text-align: right;"> <font style="font-weight: bold;" size="6">…sur Akklhadian, </font><font style="color: Red;" size="6"><font style="font-weight: bold;">{USER&#8288;NAME}</font></font></div></td></tr></tbody></table><style="color: sienna;"=""></style="color:><style="color: sienna;"=""></style="color:></center></div><style="color: sienna;"="">
<center style="color: Sienna;"><table width="77%"><tbody>
<tr><td>
<center><font size="1"><br>
<font size="2"><span style="color: rgb(204, 0, 0);">Un empire déchiré par la haine et la vanité, par la soif et l’abus de pouvoir…Mais aussi un empire ou la passion et la ferveur sont de mise, où les héros se font attendre.
Nous sommes en 1643, et l’empereur est mort depuis bientôt soixante ans. Depuis, le chaos s’est installé et l’équilibre ne tien qu’à un file…Asvars, humains,… aristocrates, esclaves,… tyran, républicain…
Venez faire votre place dans ce vaste monde ! Moi, Conteur, je vous attends pour écrire l’Histoire…Entrez parmis-nous…</span></font></font></center></td></tr></tbody></table></center><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
<div style="text-align: center;"><br><br><br></div>
<div style="text-align: right; font-family: Times New Roman;"><font style="font-family: Garamond;" size="1">Created by <span style="font-weight: bold;">Hadésia/Jolene/Sien/Liam </span></font><br style="font-family: Garamond;">
<font style="font-family: Garamond;" size="1"><span style="font-style: italic;"></span></font><font style="font-family: Garamond;" size="1">Design by <span style="font-weight: bold;">Hadésia </span></font>
<br style="font-family: Garamond;"><font style="font-family: Garamond;" size="1"><span style="font-style: italic;"></span></font><font style="font-family: Garamond;" size="1">Copyright ©<strong style="font-weight: bold;"> Akklhadian</strong>
<span style="font-weight: bold;"> - All rights reserved </span></font>
<br style="font-family: Garamond;"><font size="1"><span style="font-family: Garamond;">
Toute reproduction, totale ou partielle est strictement interdite. </span> </font><br></div><br><br><br><br></style="color:></div>
CSS:
- Spoiler:
- Code:
body {
background-color:#000000;
background-attachment:scroll;
background-image:url(http://img4.imageshack.us/img4/1083/fondthme4.png), url(http://img851.imageshack.us/img851/637/footer4.png);
background-repeat: no-repeat, no-repeat;
background-position: center top, center bottom;
}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
.petitesmajus
{
font-variant: small-caps ;
}
#name
{
padding-top: 75;
}
#profil_head
{
background-image: url(http://img546.imageshack.us/img546/7746/profilhaut3.png);
background-repeat: no-repeat;
width: 170;
height: 75;
}
#profil_body
{
background-image: url(http://img40.imageshack.us/img40/744/profilmiddle2.png);
background-repeat: repeat-y;
width: 170;
}
#profil_foot
{
background-image: url(http://img850.imageshack.us/img850/2245/profilbas3.png);
background-repeat: no-repeat;
width: 170;
height: 75;
}
.postbody {
background-repeat: repeat;
background-image: url('http://img809.imageshack.us/img809/3235/fonddepage3.png');
background-position: center;
}
td.row1 {
background-repeat: repeat;
background-image: url('http://img12.imageshack.us/img12/6492/fonddepage2.png');
background-position: center;
}
td.row2 {
background-repeat: repeat;
background-image: url('http://img809.imageshack.us/img809/3235/fonddepage3.png');
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url('http://img12.imageshack.us/img12/6492/fonddepage2.png');
background-position: center;
}
td.row3Right {
background:url('http://img12.imageshack.us/img12/6492/fonddepage2.png');
border-style: none
}
td.row3{
background-image: url("http://img12.imageshack.us/img12/6492/fonddepage2.png");
}
#paccueil {
background-image: url('http://img714.imageshack.us/img714/9323/accueil7.png');
background-color: #ECCC75
background-repeat: no-repeat;
background-position: top center;
width: 100%;
height: 100%;
}
a.forumlink {
text-decoration: none !important;
background-color: #7D5000 /*Fond du Cadre*/;
border-bottom: 2px double /*Bas du Cadre*/;
border-top: 1px double /*Haut du Cadre*/;
border-right: 4px solid /*Cadre Droit*/;
border-left: 4px solid /*Cadre Gauche*/;
-moz-border-radius: 8px;
display:block;
}
a.forumlink:hover {
text-decoration: none !important;
background-color: #ECCC75 /*Fond du Cadre*/;
border-bottom:2px double #/*Cadre Bas avec la Souris*/;
border-top: 2px double /*Haut du cadre avec la Souris*/;
border-right: 5px solid /*Cadre Droit avec la Souris*/;
border-left: 5px solid /*Cadre Gauche avec la Souris*/;
-moz-border-radius: 6px;
display:block;
}
.statistiques{
border:0px;
background-image: url("http://img851.imageshack.us/img851/7449/qeel3.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}
.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
.forumline{
background-color: #3C2A00;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 8px #ECCC75 solid;
border-top: 1px #ECCC75 dotted;
border-right: 1px #ECCC75 solid;
border-left: 1px #ECCC75 dotted;}
a
{
text-shadow: #FFFFFF 2px 2px 2px;
}
a:hover{
letter-spacing : 1px; }
ce que nous souhaitons:
Dans un premier temps, retirer limage de l acceuil et tout simplement y mettre les codes de bases permettant décrire simplement les nouvelles et dy intégrer les codes dans les parties souhaités. -si cela reste faisable avec les codes Dans le CSS. Car je me pers facilement dans les <tr> ... =/
voici l image de fond souhaité: https://2img.net/r/ihimizer/img12/6492/fonddepage2.png
Dans le cas ou vous trouverez cela trop audacieux, veuillez ne pas prendre cela en compte et passer a la seconde phase...
Qui est donc, à la suite, d installer un "accordéon" dans le "whats Up" là ou une partie est grisée.
voici le code de l accordéon souhaité:
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>Ze suis la best JVENAAAAALLL : <a href="http://jvenal.forumgratuit.org/">http://jvenal.forumgratuit.org/ </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>Ze Second Best... SYYTRIIIIIISSS! : <a href="http://forumtestdevaliane.forumactif.org/">http://forumtestdevaliane.forumactif.org/ </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> Ze End Of THE WOOORLD AHAH! : <a href="http://harmonia.forumsactifs.com/">http://harmonia.forumsactifs.com/ </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>espace détente =3:sapeupompierenchaleur.com <a href="http://club.ados.fr/fallenraziel/heise-slash-117863/photo/man-by-heise-2254753.html">http://club.ados.fr/fallenraziel/heise-slash-117863/photo/man-by-heise-2254753.html </a></p>
</li>
</ul>
</body>
</html>
CSS:
- Spoiler:
- Code:
/*************************************************
*
* project: liteAccordion - horizontal accordion plugin for jQuery
* author: Nicola Hibbert
* url: http://nicolahibbert.com/horizontal-accordion-jquery-plugin
* demo: http://www.nicolahibbert.com/demo/liteAccordion
*
/*************************************************/
/****************************************** Core */
.accordion {
text-align: left;
font: 'Helvetica Neue', Verdana, Arial, sans-serif;
}
.accordion ol {
position: relative;
overflow: hidden;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;
}
.accordion li > h2 {
color: black;
font-weight: normal;
margin: 0;
z-index: 2;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(-100%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg);
-o-transform-origin: right top;
-ms-transform: translateX(-100%) rotate(-90deg);
-ms-transform-origin: right top;
transform: translateX(-100%) rotate(-90deg);
transform-origin: right top;
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion li > h2 span {
display: block;
padding-right: 8%;
text-align: right;
height: 90%;
margin-top: 5px;
}
.accordion li > h2 b {
display: inline-block;
position: absolute;
top: 10%;
top: 42%\9;
left: 10%;
left: 5%\9;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion li > h2:hover {
cursor: pointer;
}
.accordion li > div {
height: 100%;
position: absolute;
top: 0;
z-index: 1;
overflow: hidden;
background: white;
}
.accordion noscript p {
padding: 10px;
margin: 0;
background: white;
}
/****************************************** Dark */
.dark {
border: 9px solid #353535;
border-bottom-width: 8px;
padding: 5px 5px 6px 0;
background: #030303;
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.dark li > h2 {
background: #030303;
font-family: Arial;
font-size: 16px;
line-height: 2.7em;
text-shadow: 0 -1px 0 #030303;
}
.dark li > h2 span {
background: #353535;
color: white;
}
.dark li > h2 b {
background: #353535\9;
color: #030303;
font-size: 20px;
text-shadow: -1px 1px 0 #5b5b5b;
}
.dark h2.selected span, .dark h2.selected span:hover {
background: #434343;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555));
background: -moz-linear-gradient(top left, #353535 0%, #555555 100%);
}
.dark h2.selected b {
background: #434343\9;
}
.dark li > div {
background: #030303;
margin-left: 5px;
}
/*************************************** Rounded */
.rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.rounded li > h2 span {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/***************************************** Light */
/**************************************** Stitch */
figure {
display: block;
width: 100%;
height: 100%;
margin: 0
}
figcaption {
padding: 10px 15px;
position: absolute;
bottom: 20px;
right: 30px;
z-index: 3;
background: black;
background: rgba(0,0,0,0.7);
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
#quierra{
width: 880px;
height: 250px;
margin: 0 auto;
margin-bottom: 30px;
}
Si besoin est, l adresse du forum, est: http://akklhadianempire.forumgratuit.org/
Je vous remercie de votre aide précieuse, et je reste bien entendue ouverte à toutes les aides souhaités.
Cordialement, Jolene D.S.
Dernière édition par Jolene De Shola le Jeu 08 Sep 2011, 13:54, édité 1 fois
Re: petit soucis de codes avec l accueil
Bonjour,
Pour l’accordéon voulez-vous dire un menu déroulant ?
Cordialement.
Pour l’accordéon voulez-vous dire un menu déroulant ?
Cordialement.
Re: petit soucis de codes avec l accueil
non, un menu accordéon, un menu qui fasse un peu un genre "livre avec 4 pages.
j ai déjà mis le "code" de notre accordéon, le "hic" est bien évidemment de l imposer dans limage fixe... ...
voyez ici pour l effet de l accordéon souhaité.
Merci de l intérêt que vous portez à notre aide.
J.D.S.
j ai déjà mis le "code" de notre accordéon, le "hic" est bien évidemment de l imposer dans limage fixe... ...
voyez ici pour l effet de l accordéon souhaité.
Merci de l intérêt que vous portez à notre aide.
J.D.S.
Re: petit soucis de codes avec l accueil
Bonjour.
Si vous voulez mettre votre accordeon sur l'image de fond de what's up, il faudra bien évidemment faire un tableau, ce sera plus simple pour vous.
Mais je n'ai pas vraiment compris ce que vous voulez que nous fassions avec votre code html et css.
Cordialement.
Si vous voulez mettre votre accordeon sur l'image de fond de what's up, il faudra bien évidemment faire un tableau, ce sera plus simple pour vous.
Mais je n'ai pas vraiment compris ce que vous voulez que nous fassions avec votre code html et css.
Cordialement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: petit soucis de codes avec l accueil
les codes sont là pour démontrer le boulot effectué en GROS ^^" et ainsi reprendre ensemble les choses qui ne coïncident pas.
J avais déjà pensé à un tableau ... cependant cela risque de prendre pas mal de temps, quand à faire un tableau dans une image entouré dun cadre ça.... c est encore une autre histoire *scratch *
c est pour cela que je requiers votre aide, pas pour le manque de temps loin de là, mais pour l ensemble de notre accueil:
Faire un tableau dont le cadre est le même que fait ci dessus et dont le fond serait fixe... Uu"
=/ je ne sais pas si je me suis bien exprimée, mais moi je me comprends °°
*sort *
xD et merci de votre aide!
J avais déjà pensé à un tableau ... cependant cela risque de prendre pas mal de temps, quand à faire un tableau dans une image entouré dun cadre ça.... c est encore une autre histoire *scratch *
c est pour cela que je requiers votre aide, pas pour le manque de temps loin de là, mais pour l ensemble de notre accueil:
Faire un tableau dont le cadre est le même que fait ci dessus et dont le fond serait fixe... Uu"
=/ je ne sais pas si je me suis bien exprimée, mais moi je me comprends °°
*sort *
xD et merci de votre aide!
Re: petit soucis de codes avec l accueil
Je vois.
Le mieux serait de reprendre votre code de base, avec les id, etc et des les incorporer de sorte que ça puisse convenir avec ce code-ci :
Il vous faudra donc récupérer l'image de fond, sans les écritures de titre. Juste le cadre et la demoiselle qu'on voit en fond rouge et marron.
Et remplir le code. Ensuite le personnaliser en ajoutant les id et les classes. Ainsi votre accordeon sera dans la bonne cellule, par dessus le fond.
Ce sera plus simple pour vous.
J'aurais pu également faire des cellules par dessus votre image de fond comprenant les titres et l'image de fond what's up mais ç'aurait été difficile pour vous, je pense. Enfin, je mâche déjà le travail. Il ne manque plus qu'à remplir mon code, maintenant.
Si vous avez besoin d'aide, n'hésitez pas à me demander en postant à la suite.
Cordialement.
Le mieux serait de reprendre votre code de base, avec les id, etc et des les incorporer de sorte que ça puisse convenir avec ce code-ci :
- Code:
<table style="background-image:url(URL_IMAGE_COMPRENANT_CADRE_ET_DEMOISELLE);">
<tr>
<td colspan="2">ICI SERA VOTRE BIENVENUE SUR Akklhadian ETC</td>
</tr>
<tr>
<td colspan="2">Un empire déchiré par la haine et la vanité, par la soif et l’abus de pouvoir…Mais aussi un empire ou la passion et la ferveur sont de mise, où les héros se font attendre. Nous sommes en 1643, et l’empereur est mort depuis bientôt soixante ans. Depuis, le chaos s’est installé et l’équilibre ne tien qu’à un file…Asvars, humains,… aristocrates, esclaves,… tyran, républicain… Venez faire votre place dans ce vaste monde ! Moi, Conteur, je vous attends pour écrire l’Histoire…Entrez parmis-nous…
</td>
</tr>
<tr>
<td>ICI : navigation rapide
</td>
<td>ICI : le staffa
</td>
</tr>
<tr>
<td style="background-image:url(IMAGE_DE_FOND_WHAT_S_UP)">ICI LE CODE ACCORDEON
</td>
<td>ICI : les tops sites
</td>
</tr>
<tr>
<td>ICI : les partenaires
</td>
<td>ICI : les crédits
</td>
</tr>
</table>
Il vous faudra donc récupérer l'image de fond, sans les écritures de titre. Juste le cadre et la demoiselle qu'on voit en fond rouge et marron.
Et remplir le code. Ensuite le personnaliser en ajoutant les id et les classes. Ainsi votre accordeon sera dans la bonne cellule, par dessus le fond.
Ce sera plus simple pour vous.
J'aurais pu également faire des cellules par dessus votre image de fond comprenant les titres et l'image de fond what's up mais ç'aurait été difficile pour vous, je pense. Enfin, je mâche déjà le travail. Il ne manque plus qu'à remplir mon code, maintenant.
Si vous avez besoin d'aide, n'hésitez pas à me demander en postant à la suite.
Cordialement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: petit soucis de codes avec l accueil
J ai essayé de mon coté de faire le tableau, mais sans l image.
le probleme est que l éventail ne reste PAS dans sa cellule et prend plus de place que nécessaire... ><"
... oups °°
non, vous n avez pas maché le travail, j ai essayé de faire cela de mon coté... cela fait moins "professionnel" néanmoins je me suis rapproché du but.
Voici le code que j ai fais:
Je vous remercie de tout coeur pour votre aide néanmoins, elle m a été précieuse.
En effet, j oublie quelques petits détails souvent comme le "background" ... ce qui était primordiale pour que l image soit au fond XDD!
cependant je n arrive pas à comprendre pourquoi votre Accordéon reste dans sa cellule et pas le mien ><"
boarf, je vais continuer mes recherches!
Encore merci pour tout!
Édition etana ( la voix de lixyr ou lyxir je sais plus ): sinon il y a plein d'erreur dans le tableau c'est pour ça que ça n'allait pas =]
le probleme est que l éventail ne reste PAS dans sa cellule et prend plus de place que nécessaire... ><"
... oups °°
non, vous n avez pas maché le travail, j ai essayé de faire cela de mon coté... cela fait moins "professionnel" néanmoins je me suis rapproché du but.
Voici le code que j ai fais:
- Spoiler:
- Code:
<table width="1000" border="1">
<tr><td height="400" valign="top"><div align="center">• <img src="http://img59.imageshack.us/img59/1543/navigrapide.png" border="0" alt="" /> •</div>
<table border=0><div id="pam-context">
<td align="left"> écrire là ... </td></table></div>
<td colspan="2" valign="top"><div align=center"><center>• <img src="http://img163.imageshack.us/img163/4834/staffd.png" border="0" alt="" /> •</center></div>
<tr>
<td height="350"valign="top"><div align=center"><center>• <img src="http://img17.imageshack.us/img17/346/95221760.png" border="0" alt="" /> •</center></div><p><div id="pam-context"><!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>Ze suis la best JVENAAAAALLL : <a href="http://jvenal.forumgratuit.org/">http://jvenal.forumgratuit.org/ </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>Ze Second Best... SYYTRIIIIIISSS! : <a href="http://forumtestdevaliane.forumactif.org/">http://forumtestdevaliane.forumactif.org/ </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> Ze End Of THE WOOORLD AHAH! : <a href="http://harmonia.forumsactifs.com/">http://harmonia.forumsactifs.com/ </a></p>
</li></ul>
</body>
</html></div>
<tr>
</td>
</tr>
<td height="200"valign="top"><div align="center">•<img src="http://img836.imageshack.us/img836/3040/tpa.png" border="0" alt="" /> •</div>
<p><div id="pam-context">Là, il faut que tu écrive làeuh</div></td>
<td colspan="2" valign="top"><div align=center"><center>• <img src="http://img821.imageshack.us/img821/5361/32085737.png" border="0" alt="" /> •</center></div>
<tr>
<p></td>
</tr>
</tr>
<td height="200"valign="top"><div align="center">• <img src="http://img854.imageshack.us/img854/4971/rumeur.png" border="0" alt="" /> •</div>
<p><div id="pam-context">Là, il faut que tu écrive làeuh</div></td>
<td colspan="2" valign="top"><div align=center"><center>• <img src="http://img641.imageshack.us/img641/6062/ddj.png" border="0" alt="" />•</center></div>
<tr>
</table>
Je vous remercie de tout coeur pour votre aide néanmoins, elle m a été précieuse.
En effet, j oublie quelques petits détails souvent comme le "background" ... ce qui était primordiale pour que l image soit au fond XDD!
cependant je n arrive pas à comprendre pourquoi votre Accordéon reste dans sa cellule et pas le mien ><"
boarf, je vais continuer mes recherches!
Encore merci pour tout!
Édition etana ( la voix de lixyr ou lyxir je sais plus ): sinon il y a plein d'erreur dans le tableau c'est pour ça que ça n'allait pas =]
Sujets similaires
» Petit soucis avec un codes
» Petit soucis avec le PA
» Soucis avec les codes sur mon forum
» Petit soucis avec un formulaire
» Petit soucis avec le selecteur de couleurs.
» Petit soucis avec le PA
» Soucis avec les codes sur mon forum
» Petit soucis avec un formulaire
» Petit soucis avec le selecteur de couleurs.
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