Un QEEL (Qui est en ligne?) plus personnalisable ^^

Fondateur

Citation :

Modifier le QEEL {HTML & CSS}
Pour modifier le "Qui est en ligne" et le rendre plus personnalisable?

Tout d'abord, vous devez ajouter ces informations à votre feuille CSS :

Code:: .statistiques{
border:0px;
background-image: url("URL DE VOTRE IMAGE DE FOND");
background-repeat: no-repeat;
background-position: center;
height:300(HAUTEUR DE VOTRE IMAGE)px;}

.groupes{
background-color:#COULEUR DE FOND DU TEXTE DES GROUPES;border: 1px #COULEUR DU POINTILLÉ dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

Ensuite, vous allez dans vos templates.
Affichage => Templates => Général => Index_body
Et remplacez votre codage par celui-ci :
(il est long, mais au lieu de juste donner la partie spécifique à changer, j'ai filer le templates au complet, par paresse =p)

Spoiler:

Code:: {JAVAscript}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

</td>
</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">

<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>


<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>

</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>


<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>


</span>
</td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<span class="genmed">{L_USERNAME}:</span>
<input class="post" type="text" size="10" name="username"/>
<span class="genmed">{L_PASSWORD}:</span>
<input class="post" type="password" size="10" name="password"/>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
<span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
</td>
</tr>
</table>
</form>



<table cellspacing="2" cellpadding="2" width="750" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<center><span class="groupes"> <a href="http://made-in-japan2.forumactif.org/groupcp.forum?g=3"><font color="#FA802F" size="2"><b>» GOLDEN BOYS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://made-in-japan2.forumactif.org/groupcp.forum?g=5"><font color="#00B9E9" size="2"><b>» TODAI STUDENTS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><BR><BR>
<span class="groupes"> <a href="http://made-in-japan2.forumactif.org/groupcp.forum?g=8"><font color="#99B535" size="2"><b>» SAKURAI STUDENTS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://made-in-japan2.forumactif.org/groupcp.forum?g=9"><font color="#E04E4E" size="2"><b>» WORKERS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">

<br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="URL DE TON IMAGE ICI SANS LES [IMG]"><br>

{CHATBOX_BOTTOM}
<br clear="all" />

<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>


{AUTO_DST}

La partie à modifier en question pour vous est celle-ci :

Code:: 
<table cellspacing="2" cellpadding="2" width="750" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<center><span class="groupes"> <a href="http://made-in-japan2.forumactif.org/groupcp.forum?g=3"><font color="#FA802F" size="2"><b>» GOLDEN BOYS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://made-in-japan2.forumactif.org/groupcp.forum?g=5"><font color="#00B9E9" size="2"><b>» TODAI STUDENTS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><BR><BR>
<span class="groupes"> <a href="http://made-in-japan2.forumactif.org/groupcp.forum?g=8"><font color="#99B535" size="2"><b>» SAKURAI STUDENTS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://made-in-japan2.forumactif.org/groupcp.forum?g=9"><font color="#E04E4E" size="2"><b>» WORKERS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">

<br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="URL DE TON IMAGE ICI SANS LES [IMG]"><br>

Lisez bien cette partie de codage pour retrouver les noms de groupes de made in japan. Là où il y a une url "made-in-japan2.forumactif.org..." vous mettez l'url du groupe pour se rendre à la page d'information du groupe en question et vous remplacez les noms de groupe de Mij par les vôtres ^^
Le numéro de couleur juste devant les noms de groupe est la couleur affichée sur le online alors ne vous gênez pas pour la modifier également =)

Une fois votre templates enregistré, n'oubliez pas d'aller le publié! (clickez simplement sur la croix verte dans le statu vis-à-vis de votre template en question.