Hou la la, alors je me refuse de faire des tutos sur le QEEL après la fièvre qu'il y a eu sur le FDF là autour, tout le monde a demandé à modifier son QEEL...
Donc peut-être trouveras-tu là un tuto pour ton deuxième souci.
Pour ce qui est de l'encadrement, il faut que l'on prenne à partir des balises :
- Code:
<!-- BEGIN disable_viewonline -->
- Juste après que nous mettions tout les tableaux (si tu veux aussi inclure la légende) dans un seul tableau avec ses propriétés css, donc passer par un class
- Enlever le class="forumline" au premier tableau
- Mettre le cellspacing à "0" de la même première table :
- Spoiler:
- Code:
<!-- BEGIN disable_viewonline -->
<table class="cadreqeel" width 100%><tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28"><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><center>Infos +</center> </a></span></td>
</tr>
<tr>
..
<td class="row1" width="100%"><span class="gensmall"><span class="gensmall"><span id="row1">{TOTAL_POSTS}<br>
<script type="text/javascript">document.getElementById('row1').
innerHTML=document.getElementById('row1').
innerHTML.replace(/Nos membres ont posté un total de/," ► ");</script>
<script type="text/javascript">document.getElementById('row1').
innerHTML=document.getElementById('row1').
innerHTML.replace(/messages/,"messages ");</script></span>
<span id="qeel2">{TOTAL_USERS}</span><script type="text/javascript">
document.getElementById('qeel2').innerHTML=document.getElementById('qeel2').innerHTML.replace(/membres enregistrés/,"inscrits");</script> <br />
<span id="qeel3">{NEWEST_USER}</span><script type="text/javascript">
document.getElementById('qeel3').innerHTML=document.getElementById('qeel3').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Nouveau membre ► bienvenue a ");</script> </span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall"><span class="gensmall"><span id="qeel4"></span><script type="text/javascript">
document.getElementById('qeel4').innerHTML=document.getElementById('qeel4').innerHTML.replace(/Utilisateurs en ligne/,"présence :");</script>
<span id="qeel5"></span><script type="text/javascript">document.getElementById('qeel5').innerHTML=document.getElementById('qeel5')
.innerHTML.replace(/d'utilisateurs/,"de visite");</script>
<span id="qeel6">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">
document.getElementById('qeel6').innerHTML=document.getElementById('qeel6').innerHTML.replace(/Utilisateurs enregistrés /," Merci de sa présence a ");
</script><script type="text/javascript">document.getElementById('qeel6').innerHTML=document.getElementById('qeel6')
.innerHTML.replace(/Utilisateur enregistré/,"présent sur BSC ► ");</script></span><br><center>{TOTAL_USERS_ONLINE}</center>
</tr>
<tr id="qeel6" style="display:none;"><td></td></tr><script type="text/javascript">document.getElementById('qeel4')
.innerHTML=document.getElementById('qeel4').innerHTML.replace(/utilisateurs en ligne/,"passants");</script><script type="text/javascript">document.getElementById('qeel4')
.innerHTML=document.getElementById('qeel4').innerHTML.replace(/Enregistré/,"présent sur ce forum");</script><script type="text/javascript">
document.getElementById('qeel4').innerHTML=document.getElementById('qeel4').innerHTML.replace(/Enregistrés/,"présent sur ce forum ");</script>
<script type="text/javascript">document.getElementById('qeel4').innerHTML=document.getElementById('qeel4')
.innerHTML.replace(/Invisible et/,"voyeur, ");</script><script type="text/javascript">document.getElementById('qeel4').innerHTML=document.getElementById('qeel4')
.innerHTML.replace(/Invisibles et /,"voyeur, ");</script><script type="text/javascript">document.getElementById('qeel4').innerHTML=document.getElementById('qeel4')
.innerHTML.replace(/Invité/,"Curieux");</script><script type="text/javascript">document.getElementById('qeel4').innerHTML=document.getElementById('qeel4')
.innerHTML.replace(/Invités/,"Curieux");</script> </tr>
<tr id="qeel8" style="display:none;"><td></td></tr>{L_CONNECTED_MEMBERS}<script type="text/javascript">document.getElementById('qeel8')
.nextSibling.firstChild.firstChild.innerHTML=document.getElementById('qeel8')
.nextSibling.firstChild.firstChild.innerHTML.replace(/Membres connectés au cours des 48 dernières heures/,'visite ces dernieres 48 heures');</script>
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall"><center> {GROUP_LEGEND}</center></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>
<!-- 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="http://i64.servimg.com/u/f64/15/04/07/34/new_me13.png" 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="http://i64.servimg.com/u/f64/15/04/07/34/cles-g10.png" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table></td></tr></table>
<!-- END switch_legend -->
Si tu veux que le cadre sârrête avant, il suffit de refermer la cellule "td", la ligne "tr" et la "table" là où tu le souhaite.
Dans le CSS en va reprendre l'identifiant "cadreqeel" et lui donner ses proprités mais aussi mettre un fond transparent au "td" de ces tableaux pour les arrondis :
.cadreqeel {width: 100%; border: 4px solid red;
-moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
padding: 4px;}
.cadreqeel td {background: transparent!important;}