test pa

Code:: <center><table><tr><td>
<table style="margin: auto;"><tr><td><div id="mes_onglets1">
<span id="o_1" class="mon_onglet_selected1" onclick="changeOnglet(this);">Onglet 1</span>
<span id="o_2" class="mon_onglet1" onclick="changeOnglet(this);">Onglet 2</span>
<span id="o_3" class="mon_onglet1" onclick="changeOnglet(this);">Onglet 3</span></td><td>
<div class="clear1"><div id="mes_contenus1">
<div id="co_1" class="mon_contenu1">Contenu un</div>
<div id="co_2" class="mon_contenu1" style="display: none;">Contenu deux</div>
<div id="co_3" class="mon_contenu1" style="display: none;">Contenu trois</div>
</div></div></div></td></tr></table>

</td><td>
<table style="margin: auto;"><tr><td><div id="mes_onglets_admin">
<table><tr><td> <span id="o_1" class="mon_onglet_admin_selected" onclick="changeOnglet(this);"><img src="http://img67.xooimage.com/files/4/8/4/julie2-30f3cbe.png" /></span>
<span id="o_2" class="mon_onglet_admin" onclick="changeOnglet(this);"><img src="http://img67.xooimage.com/files/b/c/a/marion2-30f3cd3.png" /></span>
<span id="o_3" class="mon_onglet_admin" onclick="changeOnglet(this);"><img src="http://img69.xooimage.com/files/9/7/3/alix2-30f3ce2.png" /></span></td><td>
<span id="o_4" class="mon_onglet_admin" onclick="changeOnglet(this);"><img src="http://img73.xooimage.com/files/1/f/4/loan2-30f3cf3.png" /></span>
<span id="o_5" class="mon_onglet_admin" onclick="changeOnglet(this);"><img src="http://img74.xooimage.com/files/0/6/2/clara2-30f3d00.png" /></span>
<span id="o_6" class="mon_onglet_admin" onclick="changeOnglet(this);"><img src="http://img67.xooimage.com/files/9/7/a/julie1-30f3cba.png" /></span></td></tr></table></td><td>
<div class="clear"><div id="mes_contenus_admin">
<div id="co_1" class="mon_contenu_admin">Julie</div>
<div id="co_2" class="mon_contenu_admin" style="display: none;">Marion</div>
<div id="co_3" class="mon_contenu_admin" style="display: none;">Alix</div>
<div id="co_4" class="mon_contenu_admin" style="display: none;">Loannka</div>
<div id="co_5" class="mon_contenu_admin" style="display: none;">Clara</div>
<div id="co_6" class="mon_contenu_admin" style="display: none;">PNG</div>
</div></div></div></td></tr></table>

</td></tr></table></center>

Code:: <HTML> <HEAD>

<STYLE TYPE="text/css">

.mon_onglet{
display: block;
padding: 5px;
margin: 4px;
color: #000;
background: #fff;
border: 1px solid #000;}

.mon_onglet:hover{
display: block;
padding: 5px;
margin: 4px;
color: #000;
background: #fff;
border: 1px solid #D04166;}

.mon_onglet_selected{
display: block;
padding: 5px;
margin: 4px;
color: #000;
background: #fff;
border: 1px solid #D04166;}

.clear{
clear: both;}

.mon_contenu{
color: #000;
background: #fff;
border: 1px solid #000;
padding: 10px;
margin: 10 px;
height: 120px;
line-height: normal;
font-size: 11px;
width: 260px;
height: 140px;}

.mon_contenu:hover{
color: #000;
background: #fff;
border: 1px solid #D04166;
padding: 10px;
margin: 10 px;
height: 120px;
line-height: normal;
font-size: 11px;
width: 260px;
height: 140px;}

#mes_contenus, #mes_onglets{
height: 100%;
width:100%;} </STYLE>

<SCRIPT type="text/javascript"> function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('span');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'mon_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';
}
else{
getOnglets[i].className = 'mon_onglet';
document.getElementById('c' + getOnglets[i].id).style.display = 'none';
}
}
}
} </SCRIPT>

</HEAD>

<BODY> <center><table><tr><td>
<table style="margin: auto;"><tr><td><div id="mes_onglets">
<span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</span>
<span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</span>
<span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</span></td><td>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Contenu un</div>
<div id="co_2" class="mon_contenu" style="display: none;">Contenu deux</div>
<div id="co_3" class="mon_contenu" style="display: none;">Contenu trois</div>
</div></div></div></td></tr></table>

</td><td>
<table style="margin: auto;"><tr><td><div id="mes_onglets">
<table><tr><td> <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://img67.xooimage.com/files/4/8/4/julie2-30f3cbe.png" /></span>
<span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img67.xooimage.com/files/b/c/a/marion2-30f3cd3.png" /></span>
<span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img69.xooimage.com/files/9/7/3/alix2-30f3ce2.png" /></span></td><td>
<span id="o_4" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img73.xooimage.com/files/1/f/4/loan2-30f3cf3.png" /></span>
<span id="o_5" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img74.xooimage.com/files/0/6/2/clara2-30f3d00.png" /></span>
<span id="o_6" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img67.xooimage.com/files/9/7/a/julie1-30f3cba.png" /></span></td></tr></table></td><td>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Julie</div>
<div id="co_2" class="mon_contenu" style="display: none;">Marion</div>
<div id="co_3" class="mon_contenu" style="display: none;">Alix</div>
<div id="co_4" class="mon_contenu" style="display: none;">Loannka</div>
<div id="co_5" class="mon_contenu" style="display: none;">Clara</div>
<div id="co_6" class="mon_contenu" style="display: none;">PNG</div>
</div></div></div></td></tr></table>

</td></tr></table></center> </BODY>

</HTML>

Code:: <HTML> <HEAD>

<STYLE TYPE="text/css">

.mon_onglet{
display: block;
padding: 5px;
margin: 3px;
}

.mon_onglet_selected{
display: block;
padding: 5px;
margin: 3px;
}

.clear{
clear: both;}

.mon_contenu{
color: #000;
background-color: #fffaf0;
padding: 6px;
border-right: 5px #d35f84 solid;
border-left: 5px #d35f84 solid;
line-height: 13px;
border-radius: 20px 20px 20px 20px;
margin: 10 px;
line-height: normal;
font-size: 11px;
width:250px;
height:140px;}

.mon_contenu:hover{
color: #000;
background-color: #fffaf0;
padding: 6px;
border-right: 5px #D04166 solid;
border-left: 5px #D04166 solid;
line-height: 13px;
border-radius: 20px 20px 20px 20px;
margin: 10 px;
line-height: normal;
font-size: 11px;
width:250px;
height:140px;}

#mes_contenus, #mes_onglets{
height: 100%;
width:100%;} </STYLE>

<SCRIPT type="text/javascript"> function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('span');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'mon_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';
}
else{
getOnglets[i].className = 'mon_onglet';
document.getElementById('c' + getOnglets[i].id).style.display = 'none';
}
}
}
} </SCRIPT>

</HEAD>

<BODY>

<table style="margin: auto;"><tr><td><div id="mes_onglets">
<table><tr><td> <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><div style="border-radius:20px;"><img src="http://img67.xooimage.com/files/9/7/a/julie1-30f3cba.png" /></div></span>
<span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><div style="border-radius:20px;"><img src="http://img74.xooimage.com/files/8/e/c/marion1-30f3cc8.png" /></div></span>
<span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><div style="border-radius:20px;"><img src="http://img67.xooimage.com/files/d/6/f/alix1-30f3cdc.png" /></div></span></td><td>
<span id="o_4" class="mon_onglet" onclick="changeOnglet(this);"><div style="border-radius:20px;"><img src="http://img70.xooimage.com/files/0/f/3/loan1-30f3ced.png" /></div></span>
<span id="o_5" class="mon_onglet" onclick="changeOnglet(this);"><div style="border-radius:20px;"><img src="http://img66.xooimage.com/files/e/1/3/clara1-30f3cf8.png" /></div></span>
<span id="o_6" class="mon_onglet" onclick="changeOnglet(this);"><div style="border-radius:20px;"><img src="http://img70.xooimage.com/files/e/0/6/png-316c007.png" /></div></span>
</td></tr></table>
</td><td>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Julie</div>
<div id="co_2" class="mon_contenu" style="display: none;">Marion</div>
<div id="co_3" class="mon_contenu" style="display: none;">Alix</div>
<div id="co_4" class="mon_contenu" style="display: none;">Loannka</div>
<div id="co_5" class="mon_contenu" style="display: none;">Clara</div>
<div id="co_6" class="mon_contenu" style="display: none;">PNG</div>
</div></div></div></td></tr></table>
</td></tr></table>
</BODY>

</HTML>

index box

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
         <th nowrap="nowrap" width="200"><div style="width:200px;">{L_LASTPOST}</div></th>
</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
      <h{catrow.cathead.LEVEL} class="hierarchy">
         <span class="cattitle">
            <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
         </span>
      </h{catrow.cathead.LEVEL}>
   </td>
   <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </td>
   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
         </span>
      </h{catrow.forumrow.LEVEL}><br>
      <div class="Personnalisationcat"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
<center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
      </span>
   </td>
<td class="row3 over" align="center" valign="middle" height="50">
<div class="nombresujettopic">{catrow.forumrow.TOPICS} boites aux lettres • {catrow.forumrow.POSTS} lettres</div>
      <div class="Personnalisation"><span class="gensmall"><center>{catrow.forumrow.LAST_POST}</center></span></div>
   </td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

css harvard

Code:: /* MESSAGES ADMINISTRATIFS */

.bgadmin {
background-image: url('http://s4.noelshack.com/uploads/images/12185694788652_fffffffff.png');
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0px 0px 5px #989898;
padding: 7px;
width: 500px;
}

.adminbackground {
padding-top:15px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#FFFFFF;
display:block;
text-align: center;
box-shadow: 0px 0px 5px #989898;
padding: 7px;
width:460px;
}

.admintitre {
color:#6ABFB6;
font-size: 40px;
text-shadow: 0px 0px 2px #6ABFB6;
font-style: italic;
letter-spacing: -2px;
text-transform: lowercase;
font-family: times new roman;
border-bottom: 3px dotted #DFDFDF;
}

.admintitre2 {
color:#60BF96;
font-size: 30px;
text-shadow: 0px 0px 2px #60BF96;
font-style: italic;
letter-spacing: -2px;
text-transform: lowercase;
font-family: times new roman;
}

.admintexte {
padding-top:5px;
padding-bottom:5px;
padding-right:25px;
padding-left:25px;
}

/*MODEL DE SCÉNARIOS */
.scenabg{
padding: 0em;
width: 500px;
text-align: center;
background-image: url(http://s4.noelshack.com/uploads/images/12185694788652_fffffffff.png);
border-radius: 20px 20px 20px 20px;
box-shadow: 0px 0px 5px #989898;
}

.scenacadre1{
width: 460px;
background-color: #FFFFFF;
padding: 6px;
line-height: 13px;
box-shadow: 0px 0px 5px #989898;
}

.scenapseudo{
border-bottom: 3px dotted #DFDFDF;
width:240px;
font-family: times new roman;
font-size: 35px;
letter-spacing: -2px;
color: #6ABFB6;
font-style: italic;
text-align: left;
text-shadow: 0px 0px 2px #6ABFB6;
text-transform: uppercase;
line-height: 90%;
}

.scenaminititre{
width: 240px;
font-family: arial;
font-size: 10px;
text-align: left;
text-transform: uppercase;
line-height: 90%;
}

.scenaminititre2{
width: 240px;
font-family: arial;
font-size: 10px;
text-align: center;
text-transform: uppercase;
line-height: 90%;
}

.scenapseudo2{
border-bottom: 3px dotted #DFDFDF;
width:450px;
font-family: times new roman;
font-size: 30px;
letter-spacing: -2px;
color: #60BF96;
font-style: italic;
text-align: left;
text-shadow: 0px 0px 2px #60BF96;
text-transform: lowercase;
line-height: 90%;
}

.scenaminititre3{
font-family: arial;
font-size: 10px;
text-align: right;
text-transform: uppercase;
margin-right:30px;
text-align:center;
line-height: 90%;
}

/* FICHE DE PRÉSENTATION */
.fichebg{
padding: 0em;
width: 500px;
text-align: center;
background-image: url(http://s4.noelshack.com/uploads/images/12185694788652_fffffffff.png);
border-radius: 20px 20px 20px 20px;
box-shadow: 0px 0px 5px #989898;
}

.fichecadre1{
width: 460px;
background-color: #FFFFFF;
padding: 6px;
line-height: 13px;
box-shadow: 0px 0px 5px #989898;
}

.fichepseudo{
border-bottom: 3px dotted #DFDFDF;
width:240px;
font-family: times new roman;
font-size: 35px;
letter-spacing: -2px;
color: #6ABFB6;
text-align: left;
text-shadow: 0px 0px 2px #6ABFB6;
text-transform: uppercase;
line-height: 90%;
}

.fichestatut{
width: 240px;
font-family: arial;
font-size: 10px;
text-align: left;
text-transform: uppercase;
line-height: 90%;
}

.fichecadre2{
width: 222px;
background-color: #FFFFFF;
padding: 6px;
line-height: 13px;
box-shadow: 0px 0px 5px #989898;
}

.fichetitre1{
border-bottom: 3px dotted #DFDFDF;
width:210px;
font-family: times new roman;
font-size: 25px;
letter-spacing: -2px;
color: #60BF96;
text-shadow: 0px 0px 2px #60BF96;
text-transform: lowercase;
line-height: 90%;
}

.fichetitre2{
border-bottom: 3px dotted #DFDFDF;
width:450px;
font-family: times new roman;
font-size: 30px;
letter-spacing: -2px;
color: #60BF96;
text-align: left;
text-shadow: 0px 0px 2px #60BF96;
text-transform: lowercase;
line-height: 90%;
text-align: center;
}

.fichetitre3{
border-bottom: 3px dotted #DFDFDF;
width:450px;
font-family: times new roman;
font-size: 30px;
letter-spacing: -2px;
color: #6ABFB6;
text-align: center;
text-shadow: 0px 0px 2px #6ABFB6;
text-transform: lowercase;
line-height: 90%;
}

Contenu sponsorisé