Qeel 1

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

Code:: 

<center><table><tr><td align="justify"><div style="border:1px #959CCF solid; width:250px; height: 260px;"><div style="background-color: #DEE3E7; height: 260px"><br><justify><blockquote><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}</br>
  {NEWEST_USER}<br>{TOTAL_USERS_ONLINE}</br></blockquote></justify><center><div style="background-color: #CDD0DE; width:220px; height: 85px; overflow:auto; border:1px #959CCF solid; text-align: justify"><div style="font-size: 10px">{LOGGED_IN_USER_LIST}</div></br></div></div></center></div></div></td><td align="justify"><div style="border:1px #959CCF solid; width:200px; height: 260px; background-color: #DEE3E7">
  <br><center> <script type="text/javascript">
   //
   </script>

</head><body>
<center><div class="systeme_onglets">
   <div class="bouhs">
   <span class="rasta bouh" id="bouh_groupe1" onClick="javascript:change_bouh('groupe1');" style="color : darkred"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40" img style="border-radius: 50px 50px 50px 50px;"></span>
   <span class="rasta bouh" id="bouh_groupe2" onClick="javascript:change_bouh('groupe2');" style="color : red;"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40" img style="border-radius: 50px 50px 50px 50px;"></span>
   <span class="rasta bouh" id="bouh_groupe3" onClick="javascript:change_bouh('groupe3');" style="color : orange;"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40" img style="border-radius: 50px 50px 50px 50px;"></span></br>
   <span class="rasta bouh" id="bouh_groupe4" onClick="javascript:change_bouh('groupe4');" style="color : brown;"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40" img style="border-radius: 50px 50px 50px 50px;"></span>
   <span class="rasta bouh" id="bouh_groupe5" onClick="javascript:change_bouh('groupe5');" style="color : yellow;"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40" img style="border-radius: 50px 50px 50px 50px;"></span>

<div class="kikoos">
<div class="kikoo" id="kikoo_groupe1">
Description du groupe N°1 ici ! x)
   </div>


<div class="kikoo" id="kikoo_groupe2">
Description du groupe N°2 ici ! x)
</div>

<div class="kikoo" id="kikoo_groupe3">
Description du groupe N°3 ici ! x)
</div>

<div class="kikoo" id="kikoo_groupe4">
Description du groupe N°4 ici ! x)
</div>

<div class="kikoo" id="kikoo_groupe5">
Description du groupe N°5 ici ! x)
</div>
   </div>
   </div>

   <script type="text/javascript">
   //
   </script>

   </center>
   </div></div></td><td align="justify"><div style="border:1px #959CCF solid; width:250px; height: 260px; background-color: #DEE3E7">
   <br><center><table><tr></tr></table></center></br>
   <center><div style="width:220px; height: 130px; overflow:auto; border:1px #959CCF solid; text-align: justify; background-color: #CDD0DE"><table>{L_CONNECTED_MEMBERS}</table></br></div>
</center></div></div></td></tr></table></center>
  <div style="font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 25px; letter-spacing: -2pt; text-align: center; text-transform: lowercase"> <a href="XX"><span style="color: #6870A8;">ADMIN</span></a> Ҩ <a href="XX"><span style="color: #98AAB1;">MODO</span></a> Ҩ <a href="XX"><span style="color: #FFFFFF;">MEMBRE</span></a></div>

Code:: /*QEEL*/
.bouh {
display:inline-block;
margin : 4px;
padding:2px;
font-family : Arial;
}

.rasta {
font-size : 11px;
-moz-transition : all 1s;
-webkit-transition : all 1s;
}

.bibou {
font-size : 11px;
-moz-transition : all 1s;
-webkit-transition : all 1s;
}

.kikoo {
padding:5px;
display:none;
height : 116px;
width : 180px;
overflow : auto;
text-align : justify;
font-family : Time New Roman;
font-size : 11px;
-moz-transition : all 1s;
-webkit-transition : all 1s;
border: 1px solid black;
}
/*FIN QEEL*/