Index du Forum


 
 Index du ForumFAQRechercherS’enregistrerConnexion

:: La Page D'accueil de Planète-Manga !! ::

 
Poster un nouveau sujet   Répondre au sujet     Index du Forum -> Admin/modo -> Corbeille -> Archives forum
Sujet précédent :: Sujet suivant  
Auteur Message
Exios
Kami Otaku
Kami Otaku

Hors ligne

Inscrit le: 21 Avr 2010
Messages: 1 171
Masculin Scorpion (23oct-21nov) 狗 Chien
Statut: Solitaire
Titre:
Autre(s) pseudo(s): Zhelios, Helisias, Skyosus, Kaïx
Point(s):
Lien Myanimelist: URL

MessagePosté le: Jeu 19 Juil - 22:30 (2012)    Sujet du message: La Page D'accueil de Planète-Manga !! Répondre en citant

La dernière étape pour que Planète-Manga soit le plus beau des forums et enfin franchie !
Notre beau forum possède désormais sa propre page d'accueil situé dans l'entête du forum, ce travail nous a coûté une après midi entière ainsi que la soirée, 10h totale de travail pour Magnas qui s'est occupé du codage et moi même pour toutes les images ^^

On espère que cette dernière vous plaira ! Okay
_________________
Revenir en haut
Publicité






MessagePosté le: Jeu 19 Juil - 22:30 (2012)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
Magnas
Administrateur
Administrateur

Hors ligne

Inscrit le: 21 Nov 2010
Messages: 1 225
Masculin Taureau (20avr-20mai) 狗 Chien
Titre:
Autre(s) pseudo(s): Magnars
Etoiles:
Point(s):
Lien Myanimelist: URL

MessagePosté le: Dim 22 Juil - 19:01 (2012)    Sujet du message: La Page D'accueil de Planète-Manga !! Répondre en citant

Pour les curieux, ou ceux qui voudrait bidouiller, voici le code.
Je vous préviens, c'est long.


 
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 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: #7a86fb;
   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 : #7a86fb;
    text-shadow: 1px 1px 1px #000000;
    }

#fond_principal{                              /*    est le fond  général  */
padding:10px;
width:700px;                                  /*  largeur */
position:absolute;
z-index:2;
margin: 10px;
background : url('http://img443.imageshack.us/img443/6633/salem2.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:#133a65;
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:#9499fe;
   background:#A2B5BF;
   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: #A2B5BF;
color: #7a86fb;
}

.bouton_container{        /* est la largeur et position des boutons */
width: 120px;
float: left;
}

.contenu_accordeon{        /*  est le fond accordéon ou s'affiche le texte */
padding:10px;
background : url('http://img853.imageshack.us/img853/1062/rebornp.jpg');
-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: 570px;
float: right;
}

.titre2{
text-shadow: 1px 1px 1px #090909; 
font-size: 120%;
font-family: Trajan Pro;
color: #7a86fb;}

.titre1{
text-shadow: 1px 1px 1px #090909; 
font-size: 130%;
font-family: Trajan Pro;
color: #7a86fb;
}

.arialist
{    
   color: #7a86fb;
   font-family: Arial;
   text-shadow: 1px 1px 1px #090909; 
   font-size: 120%;
   font-family: Trajan Pro;
}

.nuxe{
width: 280px;
}
.naaxe{
height: 370px;
overflow: auto;
}

.ploup{
width: 200px;
border : 1px dotted #78cefb;
background: url('http://img51.imageshack.us/img51/5492/fondbulle.png');
color: #7a86fb;
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: #7a86fb;
text-shadow: 1px 1px 1px #090909; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px;
padding:1px;
background: url('http://img51.imageshack.us/img51/5492/fondbulle.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://img51.imageshack.us/img51/5492/fondbulle.png');  /* couleur du fond de l'infobulle */
color: #ad2b2b; /* 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: 14px;
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="ouvrir6-selection" class="bouton"><font face="Neogrey">Partenaires</font></div>
<div id="ouvrir8-selection" class="bouton"><font face="Neogrey">Gazettes</font></div>
<div id="ouvrir7-selection" class="bouton"><font face="Neogrey">Thème Ecchi</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/623458791.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://img528.imageshack.us/img528/5007/sanstitre11ta.jpg">**<img class="transparence" src="http://img824.imageshack.us/img824/1925/sanstitre12g.jpg"></center>
                 <br><br>Planète-Manga a été créé suite  à l'ennui d'Exios, à la campagne près des vaches le 21 Avril 2010.<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 <strong>but</strong> étant de créer un forum avec le plus beau Design <strong>fait maison et la meilleur ambiance possible</strong> à 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 <strong>fierté</strong>, 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://img864.imageshack.us/img864/2394/sanstitre2va.jpg"></center>
<br>
<br>
<br>
<table width="520">
    <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='170' valign="top"><div class="staffou"><center><br><strong>Mangaka</strong><br><img src="http://img267.imageshack.us/img267/3327/89329866.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='170' 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 target="_blank" 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: #7a86fb;" direction="up" onmouseover="this.stop();" onmouseout="this.start();">
<B19/07/12</B>: <br>
<font size="3px">La création de notre PA !<br>voir <a href='http://planete-manga.xooit.com/t795-La-Page-D-accueil-de-Planete-Manga.htm'><font color="#cfeefe">ici</a></font></font><br><br>
<B18/07/12 </B>: <br>
<font size="3px">Le portail est mis en place<br>voir <a href='http://planete-manga.xooit.com/t790-Le-portail.htm'><font color="#cfeefe">ici</a></font></font><br><br>
<B30/07/11</B>: <br>
<font size="3px">Les nouveaux grades sont là !<br> voir <a href='http://planete-manga.xooit.com/t609-Les-nouveaux-Grades.htm'><font color="#cfeefe">ici</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: #7a86fb;" direction="up" onmouseover="this.stop();" onmouseout="this.start();">
<B22/07/12</B>: <br>
<font size="3px"><a><font color="#cfeefe">"Area no Kishi"</a></font> par Magnas</font><br><br>
<B21/07/12</B>: <br>
<font size="3px"><a href='http://planete-manga.xooit.com/t804-Manga-cafe.htm#p8774'><font color="#cfeefe">"Manga café !"</a></font> par Magnas</font><br>
<font size="3px"><a href='http://planete-manga.xooit.com/t803-Ai-Yazawa.htm'><font color="#cfeefe">"Ai Yazawa"</a></font> par Shii</font><br>
<font size="3px"><a href='http://planete-manga.xooit.com/t802-Takeshi-Obata.htm'><font color="#cfeefe">"Takeshi Obata"</a></font> par Magnas</font><br>
<font size="3px"><a href='http://planete-manga.xooit.com/t801-Last-Quarter-Kagen-no-tsuki.htm#p8770'><font color="#cfeefe">"Last Quarter"</a></font> par Shii</font><br>
<font size="3px"><a href='http://planete-manga.xooit.com/t800-Quelques-superstitions-et-croyances.htm#p8769'><font color="#cfeefe">"Superstitions"</a></font> par Shii</font> <br><br>
</marquee>
</div></div>
</td>
</tr>
</td></tr>
</table></center>

</div>
</div>

<div id="ouvrir5-content"><div class="contenu_accordeon">
<center><table width="500">
    <tr><center><img src="http://img401.imageshack.us/img401/8396/17104911.jpg"></center><td width='100' valign="top"><div class="staffou"><center><br><img src="http://img11.imageshack.us/img11/2219/93916810.jpg">
        <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='100' valign="top"><div class="staffou"><center><br><img src="http://img6.imageshack.us/img6/3240/66259018.jpg"> 
        <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='100' valign="top"><div class="staffou"><center><br><img src="http://img696.imageshack.us/img696/6679/28954642.jpg">
        <br><div class='titre1'>SushiiChan</div>
        <br><div class='titre2'>Modératrice</div><br>
        <br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/profile.php?mode=viewprofile&u=42"><font color="#cfeefe">Profil</a></font></font>
        </center></div></td>
    
    <td width='100' 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>
    </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 target="_blank" href="http://www.liberty-manga.net/" target="_blank" title="Liberty-manga"><img class="transparence" src="http://img208.imageshack.us/img208/8171/libertymanga.gif" border="0" alt="LibertyManga"></a> <a target="_blank" href="http://mangas-world.creerforums.com/"><img class="transparence" src="http://img703.imageshack.us/img703/6748/mangasworld.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>
<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="500">
    <tr><br>
    
    <td width='100' valign="top"><div class="staffou"><center><br><img src="http://img6.imageshack.us/img6/3240/66259018.jpg">
        <br><div class='titre1'>Première</div>
        <br><div class='titre2'>27/04/11<br>Faite par Tchong</div>
        <br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t531-Gazette-du-forum-premiere-du-nom.htm"><font color="#cfeefe">Ici</a></font></font>
        </center></div></td>
    <td width='100' valign="top"><div class="staffou"><center><br><img src="http://img11.imageshack.us/img11/2219/93916810.jpg"> 
        <br><div class='titre1'>Deuxième</div>
        <br><div class='titre2'>08/05/11<br>Faite par Exios</div>
        <br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t540-2eme-Gazette-du-forum.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'>Troisième</div>
        <br><div class='titre2'>28/05/11<br>Faite par Shii</div>
        <br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t549-3eme-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://img35.imageshack.us/img35/245/83672168.jpg">     
        <br><div class='titre1'>HS1<br></div>
        <br><div class='titre2'>02/09/11<br>Faite par Magnas</div>
        <br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t682-Betisier-A-la-recherche-du-manga-crypte-Gazette-HS-n-1.htm"><font color="#cfeefe">Ici</a></font></font>
        </center></div></td>
    
    <td width='100' valign="top"><div class="staffou"><center><br><img src="http://img35.imageshack.us/img35/245/83672168.jpg">     
        <br><div class='titre1'>Quatrième<br></div>
        <br><div class='titre2'>18/12/11<br>Fait par Magnas</div>
        <br><font size='3'><a target="_blank" href="http://planete-manga.xooit.com/t726-4eme-gazette.htm"><font color="#cfeefe">Ici</a></font></font>
        </center></div></td>
    </tr>
    
</table></center>
</div>
</div>



<div id="ouvrir7-content"><div class="contenu_accordeon">

 <center><font size='2'><img src="http://img15.hostingpics.net/pics/784869yoko32cc4b06.png"></center>
<br><center>Envie de connaitre the "pink side" du forum ? Le thème Ecchi est fait pour toi !</center>
<br>
<center><br><font size='4'>pour y accéder, c'est par <a target="blank" href='http://planete-manga.xooit.com/index.php?theme=test'><font color="#cfeefe">ici</a></font></font></center>
<center><br><table><tr><td valign="tp"><center><img src="http://img11.imageshack.us/img11/9022/3dwarningsign48.png"></center><br>!!Ce thème est susceptible de contenir des images sexy et attirantes!!
                <br><center><div class="titre2">!! Age minimum: 12 ans !!</font></div></td></center>

</tr>
</table>
    
</div>
</div>

</div>


</div>
</div>
</body>
</html>


_________________
Revenir en haut
Contenu Sponsorisé






MessagePosté le: Aujourd’hui à 05:53 (2016)    Sujet du message: La Page D'accueil de Planète-Manga !!

Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet     Index du Forum -> Admin/modo -> Corbeille -> Archives forum Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers:  

Portail | Index | creer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
onyx © theme by larme d'ange 2006
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com