Bonjour à toute l'équipe de Never Utopia
Je n'ai pas de bons de commande car cette demande est assez particulière.
Je m'explique, j'avais sur mon forum une PA qu'on m'avait donné, j'avais juste modifié mes images, rajouté 2/3 choses etc...
Et là ! PAF ! le système d'onglets ne fonctionne plus, même en ré hébergeant le code, même problème !
Ayant aucune compétences dans ce domaine, je vous demande donc si il serait possible de nous faire une PA n prenant comme model celle qu'on avait :)
lien du forum : http://planete-manga.xooit.com/index.php
Je vous laisse le code sous Spoiler
En vous remerciant sincèrement, vous êtes les seuls à pouvoir nous aider.
Je vous laisse carte blanche, je sais que vous feriez du super boulot
Je n'ai pas de bons de commande car cette demande est assez particulière.
Je m'explique, j'avais sur mon forum une PA qu'on m'avait donné, j'avais juste modifié mes images, rajouté 2/3 choses etc...
Et là ! PAF ! le système d'onglets ne fonctionne plus, même en ré hébergeant le code, même problème !
Ayant aucune compétences dans ce domaine, je vous demande donc si il serait possible de nous faire une PA n prenant comme model celle qu'on avait :)
lien du forum : http://planete-manga.xooit.com/index.php
Je vous laisse le code sous Spoiler
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu accordéon</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none; }
body {
font-family: Times New Roman, Arial, sans-serif;
font-size: 11px;
margin:10px;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
}
a { text-decoration: none; text-shadow: 1px 1px 1px #000000; color : #8C2423;}
a:hover{
text-decoration: none !important;
color : #ffffff;
text-shadow: 1px 1px 1px #000000;
}
#fond_principal{ /* est le fond général */
padding:10px;
width:800px; /* largeur */
position:absolute;
z-index:2;
margin: 10px;
background : url('http://img11.hostingpics.net/pics/409665salem3.png');
border: 2px solid #333333;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.bouton{ /* est le bouton à l'état normal */
color:#791919;
cursor:pointer;
font-weight:bold;
background: url('http://img828.imageshack.us/img828/6835/dgrad3.png');
font-size: 14px;
padding:5px;
margin : 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #172330;
border: 2px solid #34393E;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
text-shadow: 1px 1px 2px #000000;
}
.bouton:hover{ /* est le bouton au survol */
color:#ff6161;
background:#bfa2a2;
background: url('http://img828.imageshack.us/img828/6835/dgrad3.png');
}
.bouton_actif{ /* est le bouton sélectionné */
background: url('http://img850.imageshack.us/img850/5223/dgrad.png');
background-color: #fb7a7a;
color: #fb7a7a;
}
.bouton_container{ /* est la largeur et position des boutons */
width: 200px;
float: left;
}
.contenu_accordeon{ /* est le fond accordéon ou s'affiche le texte */
padding:10px;
background : url('http://img15.hostingpics.net/pics/516003908554testpa.png');
-webkit-border-radius: 10px ;
border-radius:10px;
-moz-box-shadow: 0px 0px 3px #000;
-webkit-box-shadow: 0px 0px 3px #000;
box-shadow: 0px 0px 3px #000;
border : 1px dotted #78cefb;
}
.tout_accordeon{ /* est la largeur et position de l accordeon */
width: 590px;
float: right;
}
.titre2{
text-shadow: 1px 1px 1px #090909;
font-size: 130%;
font-family: Trajan Pro;
color: #930101;}
.titre1{
text-shadow: 1px 1px 1px #090909;
font-size: 130%;
font-family: Trajan Pro;
color: #930101;
}
.arialist
{
color: #000000;
font-family: Arial;
text-shadow: 1px 1px 1px #090909;
font-size: 140%;
font-family: Trajan Pro;
}
.nuxe{
width: 280px;
}
.naaxe{
height: 450px;
overflow: auto;
}
.ploup{
width: 200px;
border : 1px dotted #78cefb;
background: url('http://img11.hostingpics.net/pics/711623fondbulle.png');
color: #ffffff;
text-shadow: 1px 1px 1px #090909;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:15px;
}
.staffou{
border : 1px dotted #78cefb;
color: #ffffff;
text-shadow: 1px 1px 1px #090909;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:1px;
background: url('http://img11.hostingpics.net/pics/711623fondbulle.png');
}
/*-----------------inffobulles----------------- */
div.infobulle
{
position: relative;
float: left;
color: white;
}
div.infobulle span
{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: black;
}
/* style de l infobulle */
div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background: url('http://img11.hostingpics.net/pics/711623fondbulle.png'); /* couleur du fond de l'infobulle */
color: #ffffff; /* couleur du texte */
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align: center;
font-size: 16px;
border-color:#ad2b2b; /* couleur des bordures */
border-style:solid;
border-width:1px 1px 1px 1px;
width: 160px;
}
</style>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
</head>
<body onload="new Accordian('fond_principal',5,'bouton_actif');"><div id="fond_principal" ><div class="bouton_container"><div id="ouvrir1-selection" class="bouton bouton_actif"><font face="Neogrey">Bienvenue</font></div><div id="ouvrir2-selection" class="bouton" ><font face="Neogrey">Histoire</font></div><div id="ouvrir4-selection" class="bouton" ><font face="Neogrey">News</font></div><div id="ouvrir3-selection" class="bouton" ><font face="Neogrey">Autour du Forum</font></div><div id="ouvrir5-selection" class="bouton" ><font face="Neogrey">Le Staff</font></div><div id="ouvrir8-selection" class="bouton" ><font face="Neogrey">Gazettes</font></div><div id="ouvrir9-selection" class="bouton" ><font face="Neogrey">AMV</font></div><div id="ouvrir6-selection" class="bouton" ><font face="Neogrey">Partenaires</font></div>
<br><br>
<font color="white">
Coded by Magnas, Graphism by Exios.</font>
</div><div class="tout_accordeon"> <div id="ouvrir1-content"><div class="contenu_accordeon">
<center><font size='2'><img src="http://img15.hostingpics.net/pics/975602test.png"></center>
<br>Planete-Manga est un forum pour les animes et mangas, ainsi que toute autre forme de culture japonaise, de la musique aux jeux videos et en passant par l'infographie. La convivialite et l'information sont les maitres mots de ce forum !
<br>
<center><br><table><tr><td valign="tp"><center><img src="http://img11.imageshack.us/img11/9022/3dwarningsign48.png"></center><br/>!! Ce forum est susceptible de contenir des pedobears
<br> violents et (ou) en chaleur !!
<br><center><div class="titre2">!! Age maximum : 99 ans !!</font></div></center><br>
<center><font size='4'>Fonce voir le règlement <a href="http://planete-manga.xooit.com/f21-Reglement.htm"><font color="#cfeefe">ici</font></a>, c'est essentiel !</center></font></font></td>
</tr>
</table>
</font>
</div>
</div>
<div id="ouvrir2-content"><div class="contenu_accordeon">
<font size='2'>
<center><img class="transparence" src="http://img11.hostingpics.net/pics/884449spacehistoire.png"></center>
<br><br>Planète-Manga a été créé suite à l'ennui d'Exios, à la campagne près des vaches le 21 Avril 2010.
Il s'emmerdait tellement qu'il a dit à son frère Tchong : "Hey garçon ! ça te dit de créer un forum sur les Mangas ? je suis à la campagne et je m'ennuie..." Suite à cela, le forum fut créé et le délire commença, notre but étant de créer un forum avec le plus beau Design fait maison et la meilleur ambiance possible à l'aide de la ChatBox. Notre forum est composé de fiches faites maison avec un avis personnel détaillé afin de donner envie aux lecteurs de découvrir de nouvelles choses passionnantes, notre but étant de partager et de faire découvrir de nouvelles choses à chaque membres, le tout dans une ambiance conviviale et amusante souvent menée par les membres du Staff. Planète-Manga qui était un simple délire pour faire passer le temps est en 2 ans devenu notre fierté, notre lieu de partage, un lieu où les liens se créent et mènent même vers des rencontres IRL durant les périodes de vacances. Ce forum ne cesse de s’agrandir et d'évoluer grâce aux nombreux Otakus qui nous ont rejoints, et on espère sincèrement que cela va continuer pour encore très longtemps ! Merci à vous tous amis Otakus et vive Planète-Manga ! -Le Staff-
</font>
</div>
</div>
<div id="ouvrir3-content"><div class="contenu_accordeon">
<center><img src="http://img705.imageshack.us/img705/9784/autourduforum.png"></center>
<br>
<br>
<br>
<table width="570"><tr>
<td width='270' valign="top"><div class="staffou"><center><br><strong>Manga</strong><br><img src="http://img13.imageshack.us/img13/6070/48911536.jpg" />
<br><div class='titre1'>Notre lecture favorite</div>
<br><div class='titre2'>Passionnant</div>
<br><i>Parce que c'est ce qui nous rassemble ici !</i>
<br><font size='3'><a href="http://planete-manga.xooit.com/f16-Mangas.htm"><font color="#cfeefe">Lien</a></font></font>
</center></div></td>
<td width='270' valign="top"><div class="staffou"><center><br><strong>Mangaka</strong><br><img src="http://img4.hostingpics.net/pics/209111702.jpg" />
<br><div class='titre1'>Auteurs de manga</div>
<br><div class='titre2'>Sensei</div>
<br><i>Parce que c'est grâce à eux si on est tous là aujourd'hui !</i>
<br><font size='3'><a href="http://planete-manga.xooit.com/f24-Mangaka.htm"><font color="#cfeefe">Lien</a></font></font>
</center></div></td>
<td width='270' valign="top"><div class="staffou"><center><br><strong>Anime</strong><br><img src="http://img96.imageshack.us/img96/3716/57017297.jpg" />
<br><div class='titre1'>La vision du rêve</div>
<br><div class='titre2'>Magique</div>
<br><i>Parce que les mangas, ce n'est pas qu'une histoire qui se lit !</i>
<br><font size='3'><a href="http://planete-manga.xooit.com/f15-Anime.htm"><font color="#cfeefe">Lien</a></font></font>
</center></div></td>
</tr></table>
<br><br>
</div>
</div><div id="ouvrir4-content"><div class="contenu_accordeon">
<center><img src='http://img819.imageshack.us/img819/4656/sanstitre10ga.jpg'></center>
<br>
<center><table><tr><div class="titre2"><td valign="top"><div class="ploup"><div class="contenutitre"><div class="titre"><center><font size="5px">Dernières annonces</font></center></div></div>
<marquee scrollamount="2" style="height: 202px; padding-top:10px; color: #7b0e0e;" direction="up" onmouseover="this.stop();" onmouseout="this.start();">
<B>20/01/13</B>: <br>
<font size="3px"><a href='http://planete-manga.xooit.com/t1133-Le-syst-me-de-point.htm'><font color="#cfeefe">Le système de points !<br></a></font></font><br />
<font size="3px"><a href='http://planete-manga.xooit.com/t1132-Les-r-solutions.htm'><font color="#cfeefe">Les Résolutions ! <br></a></font></font><br />
<B>04/01/13</B>: <br>
<font size="3px"><a href='http://planete-manga.xooit.com/t1121-Otaku-s-Awards.htm'><font color="#cfeefe">Les seconds awards ! <br></a></font></font><br />
<B>23/08/12</B>: <br>
<font size="3px"><a href='http://planete-manga.xooit.com/t1010-Otaku-s-Awards.htm#p9509'><font color="#cfeefe">Les premiers awards !<br></a></font></font><br />
<B>23/07/12</B>: <br>
<font size="3px"><a href='http://planete-manga.xooit.com/p8919.htm'><font color="#cfeefe">La partie discussion est là !<br></a></font></font><br />
</marquee>
</div></div>
</td>
<div class="titre2"><td valign="top"><div class="ploup"><div class="contenutitre"><div class="titre"><center><font size="5px">Dernier topics</font></center></div></div>
<marquee scrollamount="2" style="height: 202px; padding-top:10px; color: #7b0e0e;" direction="up" onmouseover="this.stop();" onmouseout="this.start();">
<B>08/03/13</B>: <br>
<font size="3px"><a href='http://planete-manga.xooit.com/t1165-Enigma.htm'><font color="#cfeefe">"Enigma"</a></font> par Magnas</font><br>
<B>07/03/13</B>: <br>
<font size="3px"><a href='http://planete-manga.xooit.com/t1164-Saint-Seiya-The-Lost-Canvas.htm'><font color="#cfeefe">"SS: Lost Canvas"</a></font> par Tchong</font><br>
<B>24/01/13</B>: <br>
<font size="3px"><a href='http://planete-manga.xooit.com/t1140-X-1999-Clamp.htm'><font color="#cfeefe">"X 1999."</a></font> par Mugetsu</font><br>
<B>20/01/13</B>: <br>
<font size="3px"><a href=http://planete-manga.xooit.com/t1135-Kamisama-no-memo-chou.htm'><font color="#cfeefe">"KamiSama no..."</a></font> par Junichi</font><br>
<B>20/01/13</B>: <br>
<font size="3px"><a href='http://planete-manga.xooit.com/t1134-KURAU-Phantom-Memory.htm'><font color="#cfeefe">"KURAU P.M"</a></font> par Junichi</font><br>
</marquee>
</div></div>
</td>
</tr>
</td></tr>
</table></center>
</div>
</div>
<div id="ouvrir5-content"><div class="contenu_accordeon">
<center><table width="560">
<tr><center><img src="http://img401.imageshack.us/img401/8396/17104911.jpg"></center>
<td width='120' valign="top"><div class="staffou"><center><br><img src="http://img15.hostingpics.net/pics/319922Sanstitre1.png" />
<br><div class='titre1'>Exios</div>
<br><div class='titre2'>Fondateur<br>Admin'</div>
<br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/profile.php?mode=viewprofile&u=2"><font color="#cfeefe">Profil</a></font></font>
</center></div></td>
<td width='120' valign="top"><div class="staffou"><center><br><img src="http://img15.hostingpics.net/pics/192713ChunWoo.png" />
<br><div class='titre1'>Tchong</div>
<br><div class='titre2'>Fondateur<br>Admin'</div>
<br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/profile.php?mode=viewprofile&u=3"><font color="#cfeefe">Profil</a></font></font>
</center></div></td>
<td width='120' valign="top"><div class="staffou"><center><br><img src="http://img35.imageshack.us/img35/245/83672168.jpg" />
<br><div class='titre1'>Magnas<br></div>
<br><div class='titre2'>Concepto'<br>Moderateur</div>
<br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/profile.php?mode=viewprofile&u=94"><font color="#cfeefe">Profil</a></font></font>
</center></div></td>
<td width='120' valign="top"><div class="staffou"><center><br><img src="http://img836.imageshack.us/img836/4921/sanstitre1lp.jpg" />
<br><div class='titre1'>Shii</div>
<br><div class='titre2'>Modératrice</div><br>
<br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/profile.php?u=135"><font color="#cfeefe">Profil</a></font></font>
</center></div></td>
</tr>
</table></center>
<center><br><font size='2'><div class='titre2'>Envie de Rejoindre notre fabuleuse equipe ? </div>
Rêve, participe, et peut-être qu'un jour tu nous rejoindras !</center>
</font>
</div>
</div><div id="ouvrir6-content"><div class="contenu_accordeon">
<center><img src="http://img27.imageshack.us/img27/8137/sanstitre9ay.jpg"></center><br><br><div class="staffou">
<br><center><div class='titre2'>Nos Partenaires</div>
<br>
<a title="Eria Team" href="http://www.eriateam.com/" target="_blank"><img src="http://img11.hostingpics.net/pics/121667130125063031862604.png" border="0" alt="Eria Team"/></a>
<a target="_blank" href="http://www.yumenomanga.com/forum"><img class="transparence" src="http://img15.hostingpics.net/pics/155833brique10.jpg"></a>
<a target="_blank" href="http://kawaii-graph.xooit.fr/index.php"><img class="transparence" src="http://img594.imageshack.us/img594/1303/kawaiigraph.png"></a>
<br><a title="Pixelia" href="http://www.pixelia-graphisme.com/" target="blank"><img src="http://img140.imageshack.us/img140/5004/pixelia.png" alt="Pixelia"></a>
<a href="http://www.puissance-manga.net"><img class="image1" src="http://www.archive-host.com/link/f9715b613e365532d9b98b01ee601c094b2b2f67.gif"></img></a>
<a href="http://kyousaigraphic.forumactif.pro/forum"/><img src="http://i38.servimg.com/u/f38/15/78/10/55/logo_810.png"/></a>
<br>
</center></div>
<br><br>
<center><br><font size='4'><div class="arialist">Envie de rejoindre nos partenaires ? Viens jeter un coup d'oeil <a target="blank" href='http://planete-manga.xooit.com/t565-Comment-devenir-partenaire-a-PM.htm#p7297'><font color="#cfeefe">ici</a></font></font></center></div>
</div>
</div>
<div id="ouvrir8-content"><div class="contenu_accordeon">
<center><table width="560">
<tr><br>
<td width='100' valign="top"><div class="staffou"><center><br><img src="http://img836.imageshack.us/img836/4921/sanstitre1lp.jpg" />
<br><div class='titre1'>Sixième</div>
<br><div class='titre2'>09/08/12<br>Faite par Shii</div>
<br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t993-6eme-Gazette.htm"><font color="#cfeefe">Ici</a></font></font>
</center></div></td>
<td width='100' valign="top"><div class="staffou"><center><br><img src="http://img15.hostingpics.net/pics/192713ChunWoo.png" />
<br><div class='titre1'>Septième</div>
<br><div class='titre2'>21/09/12<br>Faite par Tchong</div>
<br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t1036-7eme-Gazette.htm"><font color="#cfeefe">Ici</a></font></font>
</center></div></td>
<td width='100' valign="top"><div class="staffou"><center><br><img src="http://img836.imageshack.us/img836/4921/sanstitre1lp.jpg" />
<br><div class='titre1'>Huitieme</div>
<br><div class='titre2'>21/10/12<br>Faite par Shii</div>
<br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t1063-8eme-Gazette.htm"><font color="#cfeefe">Ici</a></font></font>
</center></div></td>
<td width='100' valign="top"><div class="staffou"><center><br><img src="http://img836.imageshack.us/img836/4921/sanstitre1lp.jpg" />
<br><div class='titre1'>Neuvième</div>
<br><div class='titre2'>23/01/12<br>Faite par Shii</div>
<br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t1138-9eme-Gazette.htm"><font color="#cfeefe">Ici</a></font></font>
</center></div></td>
<td width='100' valign="top"><div class="staffou"><center><br><img src="http://img836.imageshack.us/img836/4921/sanstitre1lp.jpg" />
<br><div class='titre1'>Dixième</div>
<br><div class='titre2'>10/03/13<br>Faite par Shii</div>
<br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t1169-10eme-Gazette.htm"><font color="#cfeefe">Ici</a></font></font>
</center></div></td>
</tr>
</table></center>
</div>
</div>
<div id="ouvrir9-content"><div class="contenu_accordeon">
<center><object type="application/x-shockwave-flash" width="425" height="355" data="http://www.youtube.com/v/uw-20aNpxDM?hl=fr_FR&version=3">
<param name="movie" value=http://www.youtube.com/v/uw-20aNpxDM?hl=fr_FR&version=3" />
<param name="wmode" value="transparent" />
</object></center>
<!--[if lte IE 6 ]>
<center><embed src="http://www.youtube.com/v/uw-20aNpxDM?hl=fr_FR&version=3" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></center>
<![endif]-->
</div>
</div>
</div>
</div>
</div>
</body>
</html>
En vous remerciant sincèrement, vous êtes les seuls à pouvoir nous aider.
Je vous laisse carte blanche, je sais que vous feriez du super boulot
Dernière édition par Exios le Dim 23 Juin 2013 - 13:00, édité 1 fois
