<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Panneau de règlements pour Ludo</title>
<link href='http://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#titre {
width: 500px;
margin: 0 auto;
text-align: center;
font-family: 'Trade Winds', cursive;
font-weight: bold;
font-size: 50px;
}
.text {
padding: 5px;
}
.section_bas {
width: 500px;
height: auto;
margin: 0 auto;
}
#credit {
position: absolute;
background-color: #C2BEBE;
border: 5px solid #727272;
color: #57565C1;
width: 175px;
height: auto;
border-radius: 15px;
}
#merci {
position: relative;
background-color: #C2BEBE;
border: 5px solid #727272;
color: #57565C1;
width: 175px;
height: auto;
border-radius: 15px;
margin-left: 315px;
}
#onglets{
display: block;
position: absolute;
left: 1200px;
}
#onglets li{
position: relative;
width: 100px;
height: auto;
list-style: none;
text-align: center;
padding: 5px;
margin-top: 5px;
border: 2px solid #727272;
cursor: pointer;
background-color: #EEEEEE;
color: #57565C1;
border-radius: 15px;
}
#onglets .actif{
background-color: #C2BEBE;
border: 2px solid #727272;
font-weight: bold;
color: #57565C1;
z-index: 10;
border-radius: 15px;
}
#contenu{
clear: both;
position: relative;
margin: 0 auto;
padding: 10px;
border: 5px solid #727272;
z-index: 5;
top: -6px;
background-color: #C2BEBE;
color: #57565C1;
width: 500px;
overflow: hidden;
border-radius: 15px;
}
</style>
<script src="http://pro-scoot.infolabmob.com/js-ludo-by-mrdocteur.js"></script>
<script>
$(function() {
$('#onglets').css('display', 'block');
$('#onglets').click(function(event) {
var actuel = event.target;
if (!/li/i.test(actuel.nodeName) || actuel.className.indexOf('actif') > -1) {
alert(actuel.nodeName)
return;
}
$(actuel).addClass('actif').siblings().removeClass('actif');
setDisplay();
});
function setDisplay() {
var modeAffichage;
$('#onglets li').each(function(rang) {
modeAffichage = $(this).hasClass('actif') ? '' : 'none';
$('.item').eq(rang).css('display', modeAffichage);
});
}
setDisplay();
});
</script>
</head>
<body>
<div>
<div id="titre">Ici un titre</div>
<ul id="onglets">
<li class="actif">Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
</ul>
<div id="contenu">
<div class="item">
<h2>Titre 1</h2>
<p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </p>
</div>
<div class="item">
<h2>Titre 2</h2>
<p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </p>
</div>
<div class="item">
<h2>Titre 3</h2>
<p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </p>
</div>
</div>
<div class="section_bas">
<div id="credit"><p class="text">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p></div>
<div id="merci"><p class="text">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p></div>
</div>
</div>
</body>
</html>
Accueil 
... ForumActif me déçoit là...
... Voici le bon code:
... Le jour où cela va nous déranger, ben le forum sera supprimé et c'est loin d'arriver lol 