Bonsoir, merci de prêté attention a ma commende, et bon courage.
Commande
Elément à coder : Qui est en ligne
Adresse du forum :http://stargate-multiverse.forums-actifs.net/forum
Description du résultat voulu :je voudrais adapter le code de SPARROW-STYLE pour en faire un qui est en ligne.
Couleurs ou tons : je met a disposition ma feuile CSS.
Images : elle se trouver dans le CSS.
Autres précisions :
c'est le code de SPARROW-STYLE modifier par TAKTIIK, est qui faut encore modifier en qui est en ling.
ma feuille CSS, refait par TAKTIIK, merci à lui.
et enfin le Templates "index_body" actuelle
un aperçu graphique
![Qui est en ligne.. [Terminé] Pa110](https://i.servimg.com/u/f41/11/81/80/36/pa110.gif)
l’important est de garder les cinq ongle et de repartir les infos d'un qui est en ligne entre ces onglé
Elément à coder : Qui est en ligne
Adresse du forum :http://stargate-multiverse.forums-actifs.net/forum
Description du résultat voulu :je voudrais adapter le code de SPARROW-STYLE pour en faire un qui est en ligne.
Couleurs ou tons : je met a disposition ma feuile CSS.
Images : elle se trouver dans le CSS.
Autres précisions :
c'est le code de SPARROW-STYLE modifier par TAKTIIK, est qui faut encore modifier en qui est en ling.
- Code:
<div id="accueil">
<div id="page1">
<table class="contenu_page">
<tr>
<td style="width: 40px; overflow: hidden;">
<span class="page_titre">Le Staff & Crédits</span></td>
<td>
<div class="contenu">
<div class="contenub" style=" overflow: hidden;">
<table width="100%" style="height: auto;"><tr><td><div class="infobulle">
<img src="http://i21.servimg.com/u/f21/11/21/35/63/eve10.png" class="transparence">
<span>
EVE
<div> <img src="http://i21.servimg.com/u/f21/11/21/35/63/eve1010.png"><br />
Co-Fondatrice</div>
<div><a href="http://smallville-universe.superforum.fr/u1">PROFIL</a></div>
<div><a href="http://smallville-universe.superforum.fr/privmsg?mode=post&u=1">MP</a></div>
</span>
</div></td>
<td><div class="infobulle">
<img src="http://i21.servimg.com/u/f21/11/21/35/63/clark_10.png" class="transparence">
<span>
Clark Kent
<div><img src="http://i21.servimg.com/u/f21/11/21/35/63/tomwav10.png"><br />
Co-Fondateur</div>
<div><a href="http://smallville-universe.superforum.fr/u2">PROFIL</a></div>
<div><a href="http://smallville-universe.superforum.fr/privmsg?mode=post&u=2">MP</a></div>
</span>
</div></td>
<td><div class="infobulle">
<img src="http://i41.servimg.com/u/f41/11/81/80/36/moi210.jpg" class="transparence">
<span>
Martin Jones
<div><img src="http://i41.servimg.com/u/f41/11/81/80/36/moi12.jpg"><br />
Graphiste</div>
<div><a href="http://smallville-universe.superforum.fr/u11">PROFIL</a></div>
<div><a href="http://smallville-universe.superforum.fr/privmsg?mode=post&u=11">MP</a></div>
</span>
</div></td></tr></table>
</div>
<br />
<div class="contenuc">
<br />
<center>
2010 - 2011 Smallville Universe.<br />
Toute reproduction<br />
est strictement<br />
interdite.
</center>
</div>
</div>
</td>
</tr>
</table>
</div>
<div id="page2">
<table class="contenu_page">
<tr>
<td style="width: 40px; overflow: hidden;">
<span class="page_titre">Partenaires</span></td>
<td>
<div class="contenu">
<table border="0">
<tr>
<td align="left">
<div class="contenud">
<div class="partenaire_test" id="scroller_container">
<div class="jscroller2_left jscroller2_speed-60 jscroller2_mousemove" style="font-size: 14px; line-height: 50px; white-space: nowrap; margin: 0pt;">
<center>
<a href="http://swheritage.forumgratuit.org/"><img src="http://img202.imageshack.us/img202/7890/swhbanner100x35.png" class="transparence" border="0"></a>
<a href="http://deliregate.forumgratuit.org/forum"><img src="http://img62.imageshack.us/img62/5098/logo8831.jpg" class="transparence" border="0"></a>
<br />
<a href="http://piratesofcaribbean.superforum.fr/"><img src="http://img81.imageshack.us/img81/3986/partenaire1eh6.png" class="transparence" border="0"></a>
<a href="http://roommates.forum-free.org/"><img src="http://i592.photobucket.com/albums/tt10/Kathou86/BoutonPartenariat.gif" class="transparence" border="0"></a>
<br />
<br />
<a href="http://smallville-universe.superforum.fr/t15-nos-partenaires#18">[Plus ?]</a>
<a href="http://smallville-universe.superforum.fr/t4-pour-nous-lier#4">[Vous ?]</a>
</center>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<div id="page3">
<table class="contenu_page">
<tr>
<td style="width: 40px; overflow: hidden;">
<span class="page_titre">Contexte</span></td>
<td>
<div class="contenu">
<table border="0" >
<tr border="0">
<td align="left">
<div class="contenuf">
Tout commence dans une petite ville du Kansas, nommée Smallville. Rien ne laisser présager ce qui allait se passer en Octobre 1989. Une pluie de météorites s’abattit sur cette ville en causant la mort et la destruction. En effet, des enfants comme Lana Lang virent leurs parents mourir sous cette pluie. Mais entre ces morts et les diverses destructions matérielles, il reste tout de même un peu de bonheur. En effet, un jeune garçon a été recueilli par la famille Kent...<br />
<a href="http://smallville-universe.superforum.fr/t9-le-contexte-de-smallville-universe">[Lire la suite...]</a>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<div id="page4">
<table class="contenu_page">
<tr>
<td style="width: 40px; overflow: hidden;">
<span class="page_titre">Informations</span></td>
<td>
<div class="contenu">
<table border="0">
<tr>
<td align="left">
<div class="contenuf">
• 1er Septembre 2011 :<br />
Nous recherchons des personnages de la Série, comme Jimmy Olsen ou encore Milton Fine. N'hésitez pas!<br />
• 24 Juin 2011 :<br />
Nous recherchons des personnages de la Série, n'hésitez pas à les prendre!<br />
• 11-12 Juin 2011 :<br />
Smallville Universe vient d'ouvrir ses portes. Il reste quelques éléments à peaufiner mais l'essentiel est là!<br />
<a href="http://smallville-universe.superforum.fr/f2-news-annonces">[Plus de News...]</a>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<div id="page5">
<table class="contenu_page">
<tr>
<td style="width: 40px; overflow: hidden;">
<span class="page_titre">Navigation</span>
</td>
<td>
<div class="contenu">
<table border="0">
<tr>
<td align="left">
<div class="contenug">
<a href="http://smallville-universe.superforum.fr/t9-le-contexte-de-smallville-universe" class="a2">Background</a>
</div>
<div class="contenug">
<a href="http://smallville-universe.superforum.fr/t2-reglement-du-forum" class="a2">Règlement </a>
</div>
<div class="contenug">
<a href="http://smallville-universe.superforum.fr/t11-recensement-des-avatars#11" class="a2">Avatars pris</a>
</div>
<div class="contenug">
<a href="http://smallville-universe.superforum.fr/f4-postes-vacants" class="a2">Les vacants</a>
</div>
<div class="contenug">
<a href="http://smallville-universe.superforum.fr/t1-modele-de-fiche-de-presentation" class="a2">Présentation</a>
</div>
<div class="contenug">
<a href="http://smallville-universe.superforum.fr/f2-news-annonces" class="a2">News</a>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- Merci de ne PAS enlever le crédit ! Il est fait pour être en petit, de la couleur de vos liens, en dessous de l'accordéon, il ne fera pas fuir vos membres ;) et il permet de remercier le créateur du code que vous utilisez pour votre propre forum [Sparrow-style] -->
<span class="credit"><a href="http://www.never-utopia.com">(c) par Never-Utopia</a></span>
ma feuille CSS, refait par TAKTIIK, merci à lui.
- Code:
/* PAGE ACCUEIL NU */
a.forumlink:link, a.forumlink:visited {
font-family: Georgia; font-weight: bold; font-style: italic; font-size: 21px;
text-align: left;
letter-spacing: -2px;
display: block;
margin-left: 30px;
}
span a.forumlink:hover {
letter-spacing: 1px;
display: block;
text-decoration: none!important;
font-weight: bold; text-transform : lowercase; text-align: left;
}
body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}
a.mainmenu{
letter-spacing:0px; color:#E3AF3D;
text-decoration: none!important; text-transform : lowercase; text-align: center;
text-shadow:1px 1px 1px #000000;
font-size: 20px; font-weight: bold; font-family: Georgia;
}
a.mainmenu:hover {
text-decoration: none!important;
color:#BF1B1B;
border:dashed 0px #e5a462;
}
a:link, a:visited, a:hover, a {
text-decoration: none!important;
}
a.forumlink:hover {
text-transform:uppercase;
}
a:hover{
text-transform:lowercase;
}
/* TITRE CAT INDEX*/
.secondarytitle, .secondarytitle h2{
color: #E3AF3D;
font-size: 40px; font-variant: small-caps; font-family: Georgia; Font-style: italic;
text-align: center;
text-shadow:1px 1px 3px #000000;
}
.forumline{
background: ##000000 url('http://data.imagup.com/11/1136126227.gif');
-webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;
border-bottom: 6px #1c1102 solid; border-top: 1px #000000 dotted; border-right: 2px #000000 solid; border-left: 2px #000000 solid;
text-align: center;
padding: 8px; /*espace entre les bloc et le cadre de l'index*/
padding-top: -200px;
}
.row3Right, .thHead, .thCornerL, .thCornerR, .thTop, .catLeft, .catRight, .catBottom, .catHead {
border: none !important;
border-left: none !important;
border-right: none !important;
}
.introduction {
letter-spacing:1px; color:#E3AF3D;
text-align: center; text-decoration:none; text-transform : lowercase;
text-shadow:1px 0px 1px #000000;
font-size: 20px; font-weight: bold; font-family: Georgia;
}
#accueil {
width: 900px; height: 400px;
overflow: hidden;
background: url('http://data.imagup.com/11/1136125964.jpg') center no-repeat;
border: 3px solid #272727;
}
#page1 {
width: 40px; height: 400px;
float: left;
overflow: hidden;
background-color: #555555;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
#page1:hover {
width: 80%; height: 400px;
overflow: hidden;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
#page2 {
width: 40px; height: 400px;
float: left;
overflow: hidden;
background-color: #777777;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
#page2:hover {
width: 80%; height: 400px;
overflow: hidden;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
#page3 {
width: 40px; height: 400px;
float: left;
overflow: hidden;
background-color: #9b9b9b;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
#page3:hover {
width: 80%; height: 400px;
overflow: hidden;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
#page4 {
width: 40px; height: 400px;
float: left;
overflow: hidden;
background-color: #bababa;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
#page4:hover {
width: 80%; height: 400px;
overflow: hidden;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
#page5 {
width: 40px; height: 400px;
float: left;
overflow: hidden;
background-color: #dcdcdc;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
#page5:hover {
width: 80%; height: 400px;
overflow: hidden;
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
}
.contenu_page {
width: 100%; height: 400px;
}
.page_titre {
display: inline-block;
height: 40px; width: 400px;
color: #E3AF3D; letter-spacing: 0px;
font-size: 24px; font-family: Georgia; font-weight: bold;
text-transform : lowercase; text-decoration:none; text-align: center;
margin-left: -180px;
text-shadow: 1px 1px 1px #000000;
-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);
}
.contenu {
height: 0px; width: 0px;
overflow: hidden;
padding: 6px;
opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0);
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;
background: url('http://data.imagup.com/11/1136125964.jpg') center no-repeat;
}
.contenug, .contenui, .contenuf, .contenud, .contenuc, .contenub {
overflow:auto;
background-color:#C49A81;
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
color: black; font-size: 16px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #454545; -moz-box-shadow: 4px 4px 0 #454545; -khtml-box-shadow: 4px 4px 0 #454545;
margin: 10px; padding: 5px; padding-top: 5px;
}
.contenub {
height: 100px; width: 272px;
}
.contenuc {
height: 200px; width: 272px;
}
.contenud {
height: 350px; width: 210px;
}
.contenuf {
height: 350px; width: 400px;
}
.contenug {
height: 40px; width: 105px;
}
.contenui {
height: 250px; width: 400px;
}
.contenuh, .contenuh1, .contenuh2, .contenuh3, .contenuh4, .contenuh5, .contenuh6 {
overflow:auto;
width: 150px; height: 25px;
overflow:auto;
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
color: black; font-size: 16px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #454545; -moz-box-shadow: 4px 4px 0 #454545; -khtml-box-shadow: 4px 4px 0 #454545;
margin: 10px; margin-bottom: 20px; padding: 5px; padding-top: 5px;
}
.contenuh {
background-color:#a62400;
}
.contenuh1 {
background-color:#eef527;
}
.contenuh2 {
background-color:#6733ab;
}
.contenuh3 {
background-color:#20e312;
}
.contenuh4 {
background-color:#FF0000;
}
.contenuh5 {
background-color:#2547cf;
}
.contenuh6 {
background-color:#fa8246;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu {
width: 650px; height: 380px;
margin-left: -180px;
background-color: white;
overflow: none;
opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);
transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;
}
.credit {
display: block;
text-align: right;
margin-right: 20px;
}
.credit a {
font-size: 10px;
text-decoration: none !important;
}
body {
cursor: url('http://upload.is.free.fr/upload/mey7022y.cur') auto;
}
a {
cursor: url('http://upload.is.free.fr/upload/mey7022y.cur') auto;
}
/*-----------------infobulles----------------- */
div.infobulle {
position: absolute;
float: left;
color: black;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover{
background: none; /* correction d'un bug IE */
z-index: 1; /* on dÃfinit une valeur pour l'ordre d'affichage */
color: black;
}
/* style de l infobulle */
div.infobulle:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #afaeae;
color: black; font-size: 14px;
padding: 3px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 20px;
white-space: nowrap; /* on change la valeur de la propriÃtà white-space pour qu'il n'y ait pas de retour à la ligne non-dÃsirà */
text-align: center;
}
et enfin le Templates "index_body" actuelle
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<td class="row1" align="left" width="100%">
</td>
</tr>
<tr>
<td class="row1" align="left">
<div id="accueil"><div id="page1"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">Le Staff & Crédits</span></td><td><div class="contenu">
<table border="0"><tr><td align="left" class="contenub"><div class="infobulle"><img src="http://i21.servimg.com/u/f21/11/21/35/63/eve10.png" class="transparence"><span>EVE<div><img src="http://i21.servimg.com/u/f21/11/21/35/63/eve1010.png"><br> Co-Fondatrice</div><div><a href="http://smallville-universe.superforum.fr/u1">PROFIL</a></div><div><a href="http://smallville-universe.superforum.fr/privmsg?mode=post&u=1">MP</a></div></span></div><div class="infobulle"><img src="http://i21.servimg.com/u/f21/11/21/35/63/clark_10.png" class="transparence"><span>Clark Kent<div><img src="http://i21.servimg.com/u/f21/11/21/35/63/tomwav10.png"><br>Co-Fondateur</div><div><a href="http://smallville-universe.superforum.fr/u2">PROFIL</a></div><div><a href="http://smallville-universe.superforum.fr/privmsg?mode=post&u=2">MP</a></div></span></div><div class="infobulle"><img src="http://i41.servimg.com/u/f41/11/81/80/36/moi210.jpg" class="transparence"><span>Martin Jones<div><img src="http://i41.servimg.com/u/f41/11/81/80/36/moi11.jpg"><br>Graphiste</div><div><a href="http://smallville-universe.superforum.fr/u11">PROFIL</a></div><div><a href="http://smallville-universe.superforum.fr/privmsg?mode=post&u=11">MP</a></div></span></div>
</td></tr>
<tr><td align="left"></br> </td></tr>
<tr><td align="left"class="contenuc"></br><center> 2010 - 2011 Smallville Universe.</br>
Toute reproduction</br>est strictement</br>interdite.</center></td></tr>
</table>
</div></td></tr></table></div><div id="page2"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">Partenaires</span></td><td><div class="contenu">
<table border="0">
<tr><td align="left"class="contenud"><div class="partenaire_test" id="scroller_container">
<div class="jscroller2_left jscroller2_speed-60 jscroller2_mousemove" style="font-size: 14px; line-height: 50px; white-space: nowrap; margin: 0pt;">
<center> <a href="http://swheritage.forumgratuit.org/"><img src="http://img202.imageshack.us/img202/7890/swhbanner100x35.png" class="transparence" border="0"></a>
<a href="http://deliregate.forumgratuit.org/forum"><img src="http://img62.imageshack.us/img62/5098/logo8831.jpg" class="transparence" border="0"></a></br>
<a href="http://piratesofcaribbean.superforum.fr/"><img src="http://img81.imageshack.us/img81/3986/partenaire1eh6.png" class="transparence" border="0"></a> <a href="http://roommates.forum-free.org/"><img src="http://i592.photobucket.com/albums/tt10/Kathou86/BoutonPartenariat.gif" class="transparence" border="0"></a></br>
</br>
<a href="http://smallville-universe.superforum.fr/t15-nos-partenaires#18">[Plus ?]</a>
<a href="http://smallville-universe.superforum.fr/t4-pour-nous-lier#4">[Vous ?]</a></center>
</div></div> </td></tr>
</table>
</div></td></tr></table></div>
><div id="page3"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">qui est en ligne ?</span></td><td><div class="contenu"><table border="0"><tr><td align="left">
<table border="0" ><tr border="0">
<td align="left" class="contenui">
{NEWEST_USER}<br />
{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}<br />
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}<br />
{L_WHOSBIRTHDAY_WEEK}
</td></tr></table></td></tr></table></div></td></tr></table></div>
<div id="page4"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">Statistiques</span></td><td><div class="contenu"><table border="0"><tr><td align="left">
<table border="0" ><tr border="0">
<td align="left" class="contenui">
{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{RECORD_USERS}
</td></tr></table></td></tr></table></div></td></tr></table></div>
<div id="page5"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">Groupes</span></td><td><div class="contenu"><table border="0"><tr><td align="left">
<table border="0" ><tr border="0">
<tr><td align="left" class="contenuh">
<a href="http://smallville-universe.superforum.fr/g12-maitres-du-jeu" class="a2">Maitres du Jeu</a>
</td></tr><td><tr></tr></td>
<tr><td align="left" class="contenuh1">
<a href="http://smallville-universe.superforum.fr/g5-les-justiciers" class="a2">Les Justiciers</a>
</td></tr><td><tr></tr></td>
<tr><td align="left" class="contenuh2">
<a href="http://smallville-universe.superforum.fr/g6-partisans-du-mal">Partisans du mal</a>
</td></tr><td><tr></tr></td>
<tr><td align="left" class="contenuh3">
<a href="http://smallville-universe.superforum.fr/g3-kryptoniens" class="a2">Kryptoniens</a> </td></tr ><td><tr></tr></td>
<tr><td align="left" class="contenuh4">
<a href="http://smallville-universe.superforum.fr/g4-humains" class="a2">Humains</a>
</td></tr ><td><tr></tr></td>
<tr><td align="left" class="contenuh5">
<a href="http://smallville-universe.superforum.fr/g7-venus-d-autre-part" class="a2">Venus d'autre part</a>
</td></tr ><td><tr></tr></td>
<tr><td align="left" class="contenuh6">
<a href="http://smallville-universe.superforum.fr/g9-krypto-monstres" class="a2">Krypto-monstres</a>
</td></tr >
</tr></table></td></tr></table></div></td></tr></table></div>
</div>
<!-- Merci de ne PAS enlever le crédit ! Il est fait pour être en petit, de la couleur de vos liens, en dessous de l'accordéon, il ne fera pas fuir vos membres ;) et il permet de remercier le créateur du code que vous utilisez pour votre propre forum [Sparrow-style] -->
<span class="credit"><a href="http://www.never-utopia.com">(c)
</td>
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
un aperçu graphique
l’important est de garder les cinq ongle et de repartir les infos d'un qui est en ligne entre ces onglé
Dernière édition par sébastien le Dim 4 Déc 2011 - 18:46, édité 1 fois
)![Qui est en ligne.. [Terminé] Signat10](https://i.servimg.com/u/f41/11/81/80/36/signat10.jpg)
!![Qui est en ligne.. [Terminé] Capt_112](https://i.servimg.com/u/f41/11/81/80/36/capt_112.jpg)
