AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
Bon plan achat en duo : 2ème robot cuiseur ...
Voir le deal
600 €

Partagez
 

 Page d'Accueil 1

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

whatever i am

Romane

Romane

Messages : 118
Date d'inscription : 05/02/2011
Age : 29

Page d'Accueil 1 Empty
MessageSujet: Page d'Accueil 1   Page d'Accueil 1 Icon_minitime1Ven 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
https://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

-
» Page d'Accueil 3
» Page d'Accueil 4
» Page d'Accueil 2

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