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



 

Partagez | 
 

 PA~

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

frog fonda ★

Messages : 190
Date d'inscription : 13/07/2010

MessageSujet: PA~   Jeu 5 Aoû - 22:00

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Onglet</title>
  <script type="text/javascript">
  function onglet(value)
  {
      var actual=document.getElementById(value).style.display;
     
     
      if (actual=='block')
      {
      document.getElementById(value).style.display='block';
      }
      else if (actual=='none')   
      {
       
        document.getElementById(value).style.display='block';
       
        if (value=='onglet1')
            {
            document.getElementById('onglet2').style.display='none';
            document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';
            }
        else if (value=='onglet2')
            {
            document.getElementById('onglet1').style.display='none';
            document.getElementById('onglet3').style.display='none';
document.getElementById('onglet4').style.display='none';
}
        else if (value=='onglet3')
            {
            document.getElementById('onglet1').style.display='none';
            document.getElementById('onglet2').style.display='none';
document.getElementById('onglet4').style.display='none';
            }
        else
            {
            document.getElementById('onglet1').style.display='none';
            document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='none';
            }
      }
  }
  </script>
  <style type="text/css">
  .tab
  {
  cursor:pointer;
  display:inline;
  width:200px;
  height:50px;
  }
 
  .tab td
 
  </style>
 </head>
 <body>
  <div>
      <table onmouseover="onglet('onglet1');" class="tab">
            <tr><td>
                  <b><img src="http://i38.tinypic.com/35d5hm9.jpg"></b><br><br>
            </td></tr>
      </table>
    <table onmouseover="onglet('onglet2');" class="tab">
            <tr><td>
                  <b><img src="http://i34.tinypic.com/2j5mhlk.jpg"></b><br><br>
            </td></tr>
      </table>
      <table onmouseover="onglet('onglet3');" class="tab">
            <tr><td>
                  <b><img src="http://i33.tinypic.com/23vxr94.jpg"></b><br><br>
            </td></tr>
      </table>
<table onmouseover="onglet('onglet4');" class="tab">
            <tr><td>
                  <b><img src="http://i36.tinypic.com/111o84g.jpg"></b><br><br>
            </td></tr>
      </table>
  </div>
 
  <div id="onglet1" style="display:none;">
 <blockquote><table><tr><td><div style="background-color:#d7cdc5;-moz-box-shadow: #9f9c99 1px 1px 3px;-moz-border-radius: 15px 15px 15px 15px;text-align:justify;font-size:9px"><blockquote><div align="justify"><strong><font color="#696969">« Je t'aime. »</font></strong> Oh oui, je l'ai dit, comme beaucoup de petits amoureux du vingt et unième siècle et ce que j'ai reçu en retour ? <strong><font color="#BC8F8F">« Désolée...Nous ne sommes pas destinés à être ensemble. »</strong></font> Quoi ? Non. Je ne l'ai pas accepté, non, pas du tout. Voyez-vous, ma Juliette à moi, elle devait dire oui, Ô oui, elle aurait dû, parce que par sa faute... <i>Tout</i> a commencé. Et il n'y a que vous pour en souffrir les conséquences désastreuses -ou pas, entre nous, je trouve ça très bien ce que je fais. Amis du jour, bonjour, amis du soir, bonsoir, je suis <font color="#CD3333"><i><strong>Cupidon</strong></i></font>.<br>
Je fais rencontrer Monsieur Tout Le Monde avec la femme de ses rêves. Et comment je m'y prends ? Oh, secret défense. Je suis inconnu de tous, mais ils savent une chose, qu'ils sont liés à quelqu'un à un moment ou un autre. Là, par contre, je peux vous le dire: j'envoie un Mail très simple, oh oui, c'est plus amusant de faire savoir à la victime qu'à présent quelqu'un de parfait pour elle est sur terre et que je l'approche de plus en plus d'elle si ce n'est déjà fait. Il m'arrive de lier les hommes ensemble ou les femmes, oh oui, trouvez-moi bizarre, mais j'aime ça, plus de sensations amusantes et moi je vois tout, je sais tout. Ne me comparez pas à un vulgaire paparazzi qui pourrait poursuivre ses proies, je ne suis pas un animal, je suis le messager de l'amour et je sais m'y prendre comme il le faut.<br><br>

Mais, il arrive que je fasse des erreurs dans mes calculs, et les personnes peuvent être opposées mais je sais qu'il y a toujours une once d'amour entre eux. J'arrange tout moi-même, ne sous-estimez jamais le pouvoir de l'amour et de l'attraction physique. <i>Oh, vous avez un nouveau message</i> ! Trop tard.<br><br>

<center><a href="http://romeo-and-juliet.forumactif.com/forum.htm" class="postlink" target="_blank">cliquez pour le contexte intégral</a></center></div></blockquote></div></td><td><img src="http://i36.tinypic.com/sgnw9h.jpg" border="0" alt="" /><br><br>

<center><span style="FONT-FAMILY: georgia;text-shadow: #000000 2px 2px 2px;font-size:14px"><i><font color="#F9F9F9"><a href="http://romeo-and-juliet.forumactif.com/forum.htm" class="postlink" target="_blank"><font color="white">règlement</font></a></font></i></span> <span style="FONT-FAMILY: georgia;text-shadow: #000000 2px 2px 2px;font-size:14px;position:relative;left:10px"><i><font color="#F9F9F9"><a href="http://romeo-and-juliet.forumactif.com/forum.htm" class="postlink" target="_blank"><font color="white">personnages prédéfinis</font></a></font></i></span> <span style="FONT-FAMILY: georgia;text-shadow: #000000 2px 2px 2px;font-size:14px;position:relative;left:20px"><i><font color="#F9F9F9"><a href="http://romeo-and-juliet.forumactif.com/forum.htm" class="postlink" target="_blank"><font color="white">avatars pris</font></a></font></i></span></center></td></tr></table></blockquote>
  </div>
  <div id="onglet2" style="display:none;">
  Voici l'onglet 2 avec tout ce qu'on peut mettre dedans... <br /><br /> oh oh !!
  </div>
  <div id="onglet3" style="display:none;">
  Voici l'onglet 3 avec tout ce qu'on peut mettre dedans... <br /><br /> hé hé !!
  </div>
  <div id="onglet4" style="display:none;">
  Voici l'onglet 4 avec tout ce qu'on peut mettre dedans... <br /><br /> hé hé !!
  </div>
</body>
</html>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://chuu-testeur.forumactif.com
Shenhua

Invité


MessageSujet: Re: PA~   Jeu 5 Aoû - 22:35

Code:
<script type="text/javascript">//<!--
function change_onglet(name){document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';document.getElementById('onglet_'+name).className = 'onglet_1 onglet';document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';document.getElementById('contenu_onglet_'+name).style.display = 'block';anc_onglet = name;}//--></script>
<style type="text/css">
.onglet{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:2px;
padding-bottom : 1px ;cursor:pointer;
font: normal 10px verdana ;
}

.onglet_0{
text-align: center;
font-weight: normal;
}

.onglet_1{
text-align: center;
font-weight: normal;
}

.contenu_onglet{
text-align : justify ;
margin-left : 10px ;
margin-right : 22px ;
border:0px solid black;
margin-top:-1px;
padding:5px;
height: 50px ;
font-size: 11px ;
display:none;
}

.ul {
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}

</style>

<table style="width: 100%; border-collapse:collapse;"><tr><td width="200"><div class="fieldsety"><div class="onglets"><center><span class="onglet_0 onglet" id="onglet_o1" onmouseover="javascript:change_onglet('o1');"><img src="http://i38.tinypic.com/35d5hm9.jpg"></span> <span class="onglet_0 onglet" id="onglet_o2" onmouseover="javascript:change_onglet('o2');"><img src="http://i34.tinypic.com/2j5mhlk.jpg"></span> <span class="onglet_0 onglet" id="onglet_o3" onmouseover="javascript:change_onglet('o3');"><img src="http://i33.tinypic.com/23vxr94.jpg"></span> <span class="onglet_0 onglet" id="onglet_o4" onmouseover="javascript:change_onglet('o4');"><img src="http://i36.tinypic.com/111o84g.jpg"></span></div></center></td></tr><tr><td width="100%"><center><div class="contenu_onglets"><div class="contenu_onglet" id="contenu_onglet_o1" style="height:550px"><blockquote><table><tr><td><div style="background-color:#d7cdc5;-moz-box-shadow: #9f9c99 1px 1px 3px;-moz-border-radius: 15px 15px 15px 15px;text-align:justify;font-size:9px"><blockquote><div align="justify"><strong><font color="#696969">« Je t'aime. »</font></strong> Oh oui, je l'ai dit, comme beaucoup de petits amoureux du vingt et unième siècle et ce que j'ai reçu en retour ? <strong><font color="#BC8F8F">« Désolée...Nous ne sommes pas destinés à être ensemble. »</strong></font> Quoi ? Non. Je ne l'ai pas accepté, non, pas du tout. Voyez-vous, ma Juliette à moi, elle devait dire oui, Ô oui, elle aurait dû, parce que par sa faute... <i>Tout</i> a commencé. Et il n'y a que vous pour en souffrir les conséquences désastreuses -ou pas, entre nous, je trouve ça très bien ce que je fais. Amis du jour, bonjour, amis du soir, bonsoir, je suis <font color="#CD3333"><i><strong>Cupidon</strong></i></font>.<br>
Je fais rencontrer Monsieur Tout Le Monde avec la femme de ses rêves. Et comment je m'y prends ? Oh, secret défense. Je suis inconnu de tous, mais ils savent une chose, qu'ils sont liés à quelqu'un à un moment ou un autre. Là, par contre, je peux vous le dire: j'envoie un Mail très simple, oh oui, c'est plus amusant de faire savoir à la victime qu'à présent quelqu'un de parfait pour elle est sur terre et que je l'approche de plus en plus d'elle si ce n'est déjà fait. Il m'arrive de lier les hommes ensemble ou les femmes, oh oui, trouvez-moi bizarre, mais j'aime ça, plus de sensations amusantes et moi je vois tout, je sais tout. Ne me comparez pas à un vulgaire paparazzi qui pourrait poursuivre ses proies, je ne suis pas un animal, je suis le messager de l'amour et je sais m'y prendre comme il le faut.<br><br>

Mais, il arrive que je fasse des erreurs dans mes calculs, et les personnes peuvent être opposées mais je sais qu'il y a toujours une once d'amour entre eux. J'arrange tout moi-même, ne sous-estimez jamais le pouvoir de l'amour et de l'attraction physique. <i>Oh, vous avez un nouveau message</i> ! Trop tard.<br><br>

<center><a href="http://romeo-and-juliet.forumactif.com/forum.htm" class="postlink" target="_blank">cliquez pour le contexte intégral</a></center></div></blockquote></div></td><td><img src="http://i36.tinypic.com/sgnw9h.jpg" border="0" alt="" /><br><br>

<center><span style="FONT-FAMILY: georgia;text-shadow: #000000 2px 2px 2px;font-size:14px"><i><font color="#F9F9F9"><a href="http://romeo-and-juliet.forumactif.com/forum.htm" class="postlink" target="_blank"><font color="white">règlement</font></a></font></i></span> <span style="FONT-FAMILY: georgia;text-shadow: #000000 2px 2px 2px;font-size:14px;position:relative;left:10px"><i><font color="#F9F9F9"><a href="http://romeo-and-juliet.forumactif.com/forum.htm" class="postlink" target="_blank"><font color="white">personnages prédéfinis</font></a></font></i></span> <span style="FONT-FAMILY: georgia;text-shadow: #000000 2px 2px 2px;font-size:14px;position:relative;left:20px"><i><font color="#F9F9F9"><a href="http://romeo-and-juliet.forumactif.com/forum.htm" class="postlink" target="_blank"><font color="white">avatars pris</font></a></font></i></span></center></td></tr></table></blockquote>
  </div>

</div><div class="contenu_onglet" id="contenu_onglet_o2" style="height:550px">Voici l'onglet 2 avec tout ce qu'on peut mettre dedans... <br /><br /> oh oh !!

</div><div class="contenu_onglet" id="contenu_onglet_o3" style="height:550px">Voici l'onglet 3 avec tout ce qu'on peut mettre dedans... <br /><br /> hé hé !!

</div><div class="contenu_onglet" id="contenu_onglet_o4" style="height:550px">Voici l'onglet 4 avec tout ce qu'on peut mettre dedans... <br /><br /> hé hé !!

</div>

</div></div><script type="text/javascript">//<!--
var anc_onglet = 'o1';change_onglet(anc_onglet);//--></script></center></td></tr></table>
Revenir en haut Aller en bas
Shenhua

Invité


MessageSujet: Re: PA~   Jeu 5 Aoû - 23:06

a.info {
position: relative;
color: #727272;
text-decoration: none;
font-style: normal;
text-shadow: 1px 1px 1px #D3D3D3;
font-size: 11px;
}

a.info span {
display: none; /* on masque l'infobulle */
font-size: 11px;
text-decoration: none;
font-family: arial;
padding: 20px;
white-space: norap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
}

a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
color: #DE9EC0;
font-size: 11px;
}

a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
text-decoration: none;
white-space: pre-wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 30px;

background: #E8E8E8;

color: #727272;

border-left: 3px solid #EB6CA2;
-moz-border-radius: 0px 5px 0px 5px;
width: 250px;
height: 25px;
margin-top: 20px;
margin-bottom: 20px;
line-height:10px;

}
Revenir en haut Aller en bas
Contenu sponsorisé



MessageSujet: Re: PA~   

Revenir en haut Aller en bas
 

PA~

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Chuu - Testeur :: Votre 1ère catégorie :: Votre 1er forum-
Sauter vers:  
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit