Bonjour,
Je vous propose un petit QEEL simple :
https://i.servimg.com/u/f83/15/08/56/55/sans_t16.jpgPour ce faire il vous faut :
- Une image 800X200 pX avec une déco sur les 200 premier px a gauche
- Avoir accès aux templates phpBB2
Partie templates : Panneau d'administration
Affichage
Templates
Général
Index_body
Vous cherchez :
- Code:
-
<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>
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
Vous remplacez par :
- Code:
-
<table class="qeel" Width="800px"><tr><td width="200px"></td><td width="400px" class="qeel1" vAlign="top">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}<br><br><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne ::/,"utilisateur en ligne :<br>");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne ::/,"utilisateurs en ligne :<br>");</script>
<br><br><br>{LEGEND} : <br>{GROUP_LEGEND}</td><td width="200px" class="qeel2" vAlign="top"><table class="yosh">{LOGGED_IN_USER_LIST}<br><br>{L_CONNECTED_MEMBERS}</table></td></tr></table>
Vous enregistrez
Vous publiez
Partie CSS : Panneau d'administration
Affichage
Couleur
Feuille de style CSS
Vous ajoutez ceci :
- Code:
-
.qeel {
background-image: url('http://i78.servimg.com/u/f78/11/33/41/62/sans_t17.png');
background-repeat: no-repeat;
height:200px;
}
.qeel1 {
font-size:11px;
padding-top:20px;
width:400px;
}
.qeel2 {
font-size:11px;
padding-top:20px;
}
.yosh td {
background: none !important;
}
Vous validez
Voila simple et rapide
Bonne journée