AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Page d'Accueil 1

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

whatever i am

avatar


Messages : 116
Date d'inscription : 05/02/2011
Age : 23

MessageSujet: Page d'Accueil 1   Ven 17 Oct - 21:23

Code:
<div style="padding: 25px;">
 <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 class="paonglets">
 <span onclick="javascript:change_paonglet('informations');" id="paonglet_informations" class="paonglet_0 paonglet">Informations</span> <span onclick="javascript:change_paonglet('contact');" id="paonglet_contact" class="paonglet_0 paonglet">Contact & Liens pratiques</span> <span onclick="javascript:change_paonglet('liens');" id="paonglet_liens" class="paonglet_0 paonglet">Liens externes</span>
 </div><br />
 <div class="contenu_paonglets">
 
 <div id="contenu_paonglet_informations" class="contenu_paonglet">
  
 <table>
  
 <tbody>
  
 <tr>
  
 <td>
  
 <center>
 
 <div class="titre_pa">
 Nouveautés  
 </div>
  
 </center>
 
 <div style="width: 250px; height: 380px;" class="bloc_pa">
  
 <center>
 
 <div style="width: 240px; height: 220px; overflow: auto; text-align: justify;">
 <span style="color: #70A0BA;">✂</span> Nouveauté : ceci est un texte complètement inutile, oui oui u.u Et si tu es maso, tu peux consulter la suite. <a href="#">www</a><br /><br /><span style="color: #70A0BA;">✂</span> Nouveauté : ceci est un texte complètement inutile, oui oui u.u Et si tu es maso, tu peux consulter la suite. <a href="#">www</a><br /><br /><span style="color: #70A0BA;">✂</span> Nouveauté : ceci est un texte complètement inutile, oui oui u.u Et si tu es maso, tu peux consulter la suite. <a href="#">www</a><br /><br /><span style="color: #70A0BA;">✂</span> Nouveauté : ceci est un texte complètement inutile, oui oui u.u Et si tu es maso, tu peux consulter la suite. <a href="#">www</a><br /><br /><span style="color: #70A0BA;">✂</span> Nouveauté : ceci est un texte complètement inutile, oui oui u.u Et si tu es maso, tu peux consulter la suite. <a href="#">www</a><br /><br />
 </div><br /><iframe frameborder="0" allowfullscreen="" src="//www.youtube.com/embed/C-W40iW2MRs" style="width: 240px;"></iframe>
 </center>
  
 </div>
  
 </td>
  
 <td style="width: 30px;">
  
 </td>
  
 <td>
  
 <center>
 
 <div class="titre_pa">
 Contexte  
 </div>
  
 </center>
 
 <div class="contexte">
 
 <div class="contexte_img">
 <img src="http://i57.servimg.com/u/f57/18/47/68/10/2610.png" />
 </div>
 
 <div class="contexte_description">
 Nec minus feminae quoque calamitatum participes fuere similium. nam ex hoc quoque sexu peremptae sunt originis altae conplures, adulteriorum flagitiis obnoxiae vel stuprorum. inter quas notiores fuere Claritas et Flaviana, quarum altera cum duceretur ad mortem, indumento, quo vestita erat, abrepto, ne velemen quidem secreto membrorum sufficiens retinere permissa est. ideoque carnifex nefas admisisse convictus inmane, vivus exustus est. Altera templo insulam et insignis viribus claram viribus Salamis supremos et ipso committat armamentis tamque claram crebra ad indigens externi instructam ut abundat omnibusque onerariam continenti templo rerum a tanta municipia autem discretam insignis portuosam municipia continenti duae inter ut Cyprus omnium omnium Salamis a indigens urbes portuosam et claram tanta nullius ad rerum discretam fundamento Veneris claram rerum mari itidem Cyprus Cyprus Salamis urbes Paphus Cyprus continenti et Cyprus templo altera et municipia altera externi carbasos claram altera aedificet templo eadem Cyprus tamque itidem delubris a tamque et Paphus procul Paphus Paphus nullius Veneris armamentis adminiculi continenti tanta carbasos. Altera templo insulam et insignis viribus claram viribus Salamis supremos et ipso committat armamentis tamque claram crebra ad indigens externi instructam ut abundat omnibusque onerariam continenti templo rerum a tanta municipia autem discretam insignis portuosam municipia continenti duae inter ut Cyprus omnium omnium Salamis a indigens urbes portuosam et claram tanta nullius ad rerum discretam fundamento Veneris claram rerum mari itidem Cyprus Cyprus Salamis urbes Paphus Cyprus continenti et Cyprus templo altera et municipia altera externi carbasos claram altera aedificet templo eadem Cyprus tamque itidem delubris a tamque et Paphus procul Paphus Paphus nullius Veneris armamentis adminiculi continenti tanta carbasos. <a href="#">La suite</a>
 </div>
  
 </div>
 
 <div style="clear: both;">
  
 </div><br />
 <center>
 
 <div class="titre_pa">
 Nos fidèles  
 </div>
 
 <div style="width: 350px; height: 100px;" class="bloc_pa">
  
 <center>
  
 <table>
  
 <tbody>
  
 <tr>
  
 <td>
 <d class="info"><img class="imgwidget" src="http://i57.servimg.com/u/f57/18/47/68/10/8910.png" /><span><e class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 18px !important">Pseudo</e> <br />Blabla description par ici, youpi ! <a href="#">Lien</a></span></d>
 </td>
  
 <td style="width: 40px;">
  
 </td>
  
 <td>
 <d class="info"><img class="imgwidget" src="http://i57.servimg.com/u/f57/18/47/68/10/8910.png" /><span><e class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 18px !important">Pseudo</e> <br />Blabla description par ici, youpi ! <a href="#">Lien</a></span></d>
 </td>
  
 </tr>
  
 </tbody>
  
 </table>
  
 </center>
  
 </div>
  
 </center>
  
 </td>
  
 </tr>
  
 </tbody>
  
 </table>
  
 </div>
 
 <div id="contenu_paonglet_contact" class="contenu_paonglet">
  
 <table>
  
 <tbody>
  
 <tr>
  
 <td>
  
 <center>
 
 <div class="titre_pa">
 Prédéfinis  
 </div>
  
 </center>
 
 <div style="width: 350px; height: 200px;" class="bloc_pa">
  
 <center>
 <c class="info"><img class="imgPA" src="http://img11.hostingpics.net/pics/686120esaaaaa3.jpg" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Emma Swan</d> <br /><a href="#">Sa fiche</a></span></c> <c class="info"><img class="imgPA" src="http://img11.hostingpics.net/pics/686120esaaaaa3.jpg" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Emma Swan</d> <br /><a href="#">Sa fiche</a></span></c> <c class="info"><img class="imgPA" src="http://img11.hostingpics.net/pics/686120esaaaaa3.jpg" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Emma Swan</d> <br /><a href="#">Sa fiche</a></span></c><br /><c class="info"><img class="imgPA" src="http://img11.hostingpics.net/pics/686120esaaaaa3.jpg" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Emma Swan</d> <br /><a href="#">Sa fiche</a></span></c> <c class="info"><img class="imgPA" src="http://img11.hostingpics.net/pics/686120esaaaaa3.jpg" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Emma Swan</d> <br /><a href="#">Sa fiche</a></span></c> <c class="info"><img class="imgPA" src="http://img11.hostingpics.net/pics/686120esaaaaa3.jpg" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Emma Swan</d> <br /><a href="#">Sa fiche</a></span></c>
 </center>
  
 </div>
  
 </td>
  
 <td>
  
 <center>
 
 <div class="titre_pa">
 Liens pratiques  
 </div>
  
 </center>
 
 <div style="width: 300px; height: 200px;" class="bloc_pa">
 <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a> <a href="#">Lien </a>
 </div>
  
 </td>
  
 </tr>
  
 </tbody>
  
 </table>
  
 <center>
 
 <div class="titre_pa">
 Staff  
 </div>
  
 </center>
 
 <div style="width: 600px; padding: 9px !important;" class="bloc_pa">
  
 <center>
 <c class="info"><img class="imgPA" src="http://img11.hostingpics.net/pics/686120esaaaaa3.jpg" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Emma Swan</d> <br /><a href="#">Sa fiche</a></span></c> <c class="info"><img class="imgPA" src="http://img11.hostingpics.net/pics/686120esaaaaa3.jpg" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Emma Swan</d> <br /><a href="#">Sa fiche</a></span></c> <c class="info"><img class="imgPA" src="http://img11.hostingpics.net/pics/686120esaaaaa3.jpg" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Emma Swan</d> <br /><a href="#">Sa fiche</a></span></c>
 </center>
  
 </div>
  
 </div>
 
 <div id="contenu_paonglet_liens" class="contenu_paonglet">
  
 <center>
 
 <div class="titre_pa">
 Partenaires  
 </div>
  
 </center>
 
 <div style="width: 500px; height: 150px;" class="bloc_pa">
  
 <center>
 <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a><br /><a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a><br /><a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a><br /><a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a>
 </center>
  
 </div><br />
 <center>
 
 <div class="titre_pa">
 Tops-sites  
 </div>
  
 </center>
 
 <div style="width: 500px; height: 80px;" class="bloc_pa">
  
 <center>
 <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a><br /><a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a> <a href="#"><img class="img_partenaires" src="http://img15.hostingpics.net/pics/253520bouton2.jpg" /></a>
 </center>
  
 </div>
 <a style="color: #FCE7AE !important; position: relative; float: right;" href="http://www.never-utopia.com">© Halloween</a>
 </div>
  
 </div>
 <script type="text/javascript">
            //<!--
                    var anc_paonglet = 'informations';
                    change_paonglet(anc_paonglet);
            //-->
            </script>
</div><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://alaskatest.forumgratuit.be
 

Page d'Accueil 1

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [INFO] comment avoir la page d'accueil sfr et la tv avec un acer f900
» [REQUETE] Tâches sur page d'accueil TF3D
» Avoir un vrai calendrier sur la page d'accueil
» page d'accueil bloquée
» Fond d'écran pour page d'accueil

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: code :: créations de moi-