AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-55%
Le deal à ne pas rater :
Friteuse sans huile – PHILIPS – Airfryer HD9200/90 Série 3000
49.99 € 109.99 €
Voir le deal

    (HALLOW) Page d'accueil

    Exios
    Exios
    MasculinAge : 30Messages : 33

    Mar 4 Juin 2013 - 19:04

    Rappel du premier message :

    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



    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 Wink


    Dernière édition par Exios le Dim 23 Juin 2013 - 13:00, édité 1 fois



    (HALLOW) Page d'accueil - Page 2 917081Railgun
    Anonymous
    Invité

    Lun 29 Juil 2013 - 0:42

    Petit beug ><
    Et maintenant ?
    Exios
    Exios
    MasculinAge : 30Messages : 33

    Lun 29 Juil 2013 - 16:55

    Merci beaucoup ! le principal est là une PA avec un système d'onglet ! merci beaucoup !
    Notre PA actuelle ressemble à ça :

    https://2img.net/r/hpimg4/pics/996822paa.jpg

    Y'a t-il moyen de rendre la PA avec onglet plus dans le thème de l'autre ?
    Par exemple la même typo pour le nom d'onglet ainsi que les couleurs, mettre un cadre blanc, un fond à faible opacité ?
    Je deteste trop en demander donc si ce n'est pas possible je me contenterai de ce que vous avez fait :)

    Puis-je avoir le code aussi ?
    Merci !



    (HALLOW) Page d'accueil - Page 2 917081Railgun
    Anonymous
    Invité

    Lun 29 Juil 2013 - 16:58

    La prochaine fois ce serait bien de donner tous les éléments dés le départ, j'aurai perdu moins de temps à accorder les couleurs ... il me faudrait l'image de fond de la PA s'il te plait. Il me faut aussi la police utilisée.
    Exios
    Exios
    MasculinAge : 30Messages : 33

    Lun 29 Juil 2013 - 19:46

    Merci !
    La police est Neogrey Medium et voici le fond :

    https://2img.net/r/hpimg4/pics/544085fondpa.png



    (HALLOW) Page d'accueil - Page 2 917081Railgun
    Anonymous
    Invité

    Lun 29 Juil 2013 - 22:20

    J'ai réussi à mettre le fond, mais la police ne passe pas.
    Exios
    Exios
    MasculinAge : 30Messages : 33

    Jeu 1 Aoû 2013 - 0:05

    Dans ce cas c'est pas grave.
    Merci !



    (HALLOW) Page d'accueil - Page 2 917081Railgun
    Anonymous
    Invité

    Jeu 1 Aoû 2013 - 20:03

    Pour les codes :

    Dans ta PA
    Code:
    <script type="text/javascript">
            //<!--
                    function change_paonglet(name)
                    {
                            document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                            document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                            document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                            document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                            anc_paonglet = name;
                    }
            //-->
            </script><div style="background-image: url('http://img4.hostingpics.net/pics/544085fondpa.png');"><table><tbody><tr><td><div class="paonglets">
                <span class="paonglet_0 paonglet" id="paonglet_accueil" onclick="javascript:change_paonglet('accueil');">Bienvenue</span><br><br>
                <span class="paonglet_0 paonglet" id="paonglet_deux" onclick="javascript:change_paonglet('deux');">Histoire</span><br><br>
                <span class="paonglet_0 paonglet" id="paonglet_trois" onclick="javascript:change_paonglet('trois');">News</span><br><br>
                <span class="paonglet_0 paonglet" id="paonglet_quatre" onclick="javascript:change_paonglet('quatre');">Autour du forum</span><br><br>
                <span class="paonglet_0 paonglet" id="paonglet_cinq" onclick="javascript:change_paonglet('cinq');">Le staff</span><br><br>
                <span class="paonglet_0 paonglet" id="paonglet_six" onclick="javascript:change_paonglet('six');">Gazettes</span><br><br>
                <span class="paonglet_0 paonglet" id="paonglet_sept" onclick="javascript:change_paonglet('sept');">AMW</span><br><br>
                <span class="paonglet_0 paonglet" id="paonglet_huit" onclick="javascript:change_paonglet('huit');">Partenaires</span>


            </div></td>

            <td><div class="contenu_paonglets">
                <div class="contenu_paonglet" id="contenu_paonglet_accueil">

    <center><img src="http://img15.hostingpics.net/pics/975602test.png">
    <br><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><br>
    <img src="http://img11.imageshack.us/img11/9022/3dwarningsign48.png">
    <br><br>
    !! Ce forum est susceptible de contenir des pedobears
    <br><br>
    violents et (ou) en chaleur !!
    <br><br>
    !! Age maximum : 99 ans !!
    <br><br>
    Fonce voir le règlement <a href="http://planete-manga.xooit.com/f21-Reglement.htm">ici</a>, c'est essentiel !</center>
    </div>



                <div class="contenu_paonglet" id="contenu_paonglet_deux">

    <center><img src="http://img11.hostingpics.net/pics/884449spacehistoire.png">
    Planète-Manga a été créé suite à l'ennui d'Exios, à la campagne près des vaches le 21 Avril 2010.</center>
    <br><br>
    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-

    </div>

                <div class="contenu_paonglet" id="contenu_paonglet_trois">

    <center><img src="http://img819.imageshack.us/img819/4656/sanstitre10ga.jpg">
    <br><div class="titre2"></div><div class="titre2"></div><table><tbody><tr><td valign="top"><div class="ploup"><div class="contenutitre"><div class="titre">Dernières annonces</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>
    <a href="http://planete-manga.xooit.com/t1133-Le-syst-me-de-point.htm">Le système de points !<br></a><br>
    <a href="http://planete-manga.xooit.com/t1132-Les-r-solutions.htm">Les Résolutions ! <br></a><br>

    <b>04/01/13</b>: <br>
    <a href="http://planete-manga.xooit.com/t1121-Otaku-s-Awards.htm">Les seconds awards ! <br></a><br>

    <b>23/08/12</b>: <br>
    <a href="http://planete-manga.xooit.com/t1010-Otaku-s-Awards.htm#p9509">Les premiers awards !<br></a><br>

    <b>23/07/12</b>: <br>
    <a href="http://planete-manga.xooit.com/p8919.htm">La partie discussion est là !<br></a><br></marquee></div></td>
    <td valign="top"><div class="ploup"><div class="contenutitre"><div class="titre">Dernier topics</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>
    <a href="http://planete-manga.xooit.com/t1165-Enigma.htm">"Enigma"</a> par Magnas<br>

    <b>07/03/13</b>: <br>
    <a href="http://planete-manga.xooit.com/t1164-Saint-Seiya-The-Lost-Canvas.htm">"SS: Lost Canvas"</a> par Tchong<br>

    <b>24/01/13</b>: <br>
    <a href="http://planete-manga.xooit.com/t1140-X-1999-Clamp.htm">"X 1999."</a> par Mugetsu<br>

    <b>20/01/13</b>: <br>
    <a href="http://planete-manga.xooit.com/t1135-Kamisama-no-memo-chou.htm'">"KamiSama no..."</a> par Junichi<br>

    <b>20/01/13</b>: <br>
    <a href="http://planete-manga.xooit.com/t1134-KURAU-Phantom-Memory.htm">"KURAU P.M"</a> par Junichi<br></marquee></div></td></tr></tbody></table></center>

    </div>

                <div class="contenu_paonglet" id="contenu_paonglet_quatre">




    <center><img src="http://img705.imageshack.us/img705/9784/autourduforum.png">
    <br><br>
    <table width="570"><tbody><tr><td valign="top" width="270"><div class="staffou"><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><a href="http://planete-manga.xooit.com/f16-Mangas.htm">Lien</a></div></td>


    <td valign="top" width="270"><div class="staffou"><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><a href="http://planete-manga.xooit.com/f24-Mangaka.htm">Lien</a></div></td>


    <td valign="top" width="270"><div class="staffou"><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><a href="http://planete-manga.xooit.com/f15-Anime.htm">Lien</a></div></td></tr></tbody></table>

    </center>

    </div>

                <div class="contenu_paonglet" id="contenu_paonglet_cinq">

    <center><img src="http://img401.imageshack.us/img401/8396/17104911.jpg">
    <br><br>
    <table><tbody><tr>
    <td valign="top" width="120"><div class="staffou"><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><a target="_blank" href="http://planete-manga.xooit.com/profile.php?mode=viewprofile&u=2">Profil</a></div></td>

    <td valign="top" width="120"><div class="staffou"><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><a target="_blank" href="http://planete-manga.xooit.com/profile.php?mode=viewprofile&u=3">Profil</a></div></td>

    <td valign="top" width="120"><div class="staffou"><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><a target="_blank" href="http://planete-manga.xooit.com/profile.php?mode=viewprofile&u=94">Profil</a></div></td>

    <td valign="top" width="120"><div class="staffou"><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><a target="_blank" href="http://planete-manga.xooit.com/profile.php?u=135">Profil</a></div></td></tr></tbody></table>
    <br><div class="titre2">Envie de Rejoindre notre fabuleuse equipe ? </div>
    Rêve, participe, et peut-être qu'un jour tu nous rejoindras !</center>

    </div>

                <div class="contenu_paonglet" id="contenu_paonglet_six">

    <center><table width="560"><tbody><tr><td valign="top" width="100"><div class="staffou"><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><a target="_blank" href="http://planete-manga.xooit.com/t993-6eme-Gazette.htm">Ici</a></div></td>

    <td valign="top" width="100"><div class="staffou"><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><a target="_blank" href="http://planete-manga.xooit.com/t1036-7eme-Gazette.htm">Ici</a></div></td>

    <td valign="top" width="100"><div class="staffou"><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><a target="_blank" href="http://planete-manga.xooit.com/t1063-8eme-Gazette.htm">Ici</a></div></td>

    <td valign="top" width="100"><div class="staffou"><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><a target="_blank" href="http://planete-manga.xooit.com/t1138-9eme-Gazette.htm">Ici</a></div></td>

    <td valign="top" width="100"><div class="staffou"><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><a target="_blank" href="http://planete-manga.xooit.com/t1169-10eme-Gazette.htm">Ici</a></div></td></tr></tbody></table></center>

    </div>

                <div class="contenu_paonglet" id="contenu_paonglet_sept">

    <center><object type="application/x-shockwave-flash" data="http://www.youtube.com/v/uw-20aNpxDM?hl=fr_FR&version=3" height="355" width="425">
    <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 class="contenu_paonglet" id="contenu_paonglet_huit">

    <center><img src="http://img27.imageshack.us/img27/8137/sanstitre9ay.jpg"><br><br><div class="staffou"><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" alt="Eria Team" border="0"></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"></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></div>
    <br><br><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">ici</a></div>

    </center></div>

    </div></td></tr></tbody></table></div>
        <script type="text/javascript">
            //<!--
                    var anc_paonglet = 'accueil';
                    change_paonglet(anc_paonglet);
            //-->
            </script>

    Et ton CSS
    Code:
    /* PA PLANETE MANGA */

    .paonglet
            {
      display:inline-block;
      padding:10px;
      cursor:pointer;
      background-color : rgba(80,79,105,0.5);
      color: #E2D9E2;
      width: 80px;
      font-size: 12px;
      font-family: Neogrey Medium;
      border: 2px solid #FFFFFF;
            }
            .paonglet_0
            {
            border-radius: 2px 2px 2px 2px;
            -moz-border-radius: 2px 2px 2px 2px;
            -webkit-border-radius: 2px 2px 2px 2px;
            }
            .paonglet_1
            {
              color: #211C24;
              border-radius: 2px 2px 2px 2px;
              -moz-border-radius: 2px 2px 2px 2px;
              -webkit-border-radius: 2px 2px 2px 2px;
            }

            .contenu_paonglet
            {
      margin-top:-1px;
      padding: 2px;
      display:none;
      height: 420px;
      background-color : rgba(235,208,228,0.5);
      width: 600px;
      border: 2px solid #FFFFFF;
      opacity: 0.5;
            }


    a { text-decoration: none;  color : #8C2423;}


    a:hover{


      text-decoration: none !important;


      color : #ffffff;




      }





    #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;
    }

    Penses à ajouter le crédit vers NU s'il te plait.
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Sam 10 Aoû 2013 - 11:00

    Coucou Exios ^^

    As-tu pris le codage d'Hallow' et l'as-tu installé ?

    Merci :)

    Première relance
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Lun 19 Aoû 2013 - 12:24

    Hey,

    Pas de nouvelles ?
    Deuxième relance



     
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Lun 26 Aoû 2013 - 22:02

    Salut,

    Une semaine en plus ce qui fait donc une troisième et dernière relance. Hallow ayant terminé ta commande, ce serait bien de l'utilisé... Elle aurait bossé pour rien sinon. :s
    Tu disposes encore d'une semaine pour donner des nouvelles. Si on n'a rien d'ici ce délai le sujet sera archivé.

    (MP de relance envoyé)



     
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Sam 7 Sep 2013 - 22:30

    Bonsoir Exios

    N'ayant pas répondu à nos relances répétées, la commande va aux archives.

    Tu peux toujours en récréer une si tu as besoin de nos services. ^^

    Voilà voilà
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 23:26