Comment faire un "QUI EST EN LIGNE" de ce genre?

[TaeYeon]

Bonjour et bien tout est dans le titre, je voudrais un qui est en ligne esthétique, je vous montre une photo



Ca génère un code CCS?

Merci

[Invité]

Coucou

Il faut le faire dans les templates et le CSS

Petite question ... Au dessus du QEEL .. Ce sont des groupes aussi ?

[TaeYeon]

Oulalala d'accord bon je pense que je vais laisse tomber alors >___<
Au risque de paraitre ridicule c'est quoi le QEEL?

[Invité]

QEEL = Qui est en ligne

Tu laisse tomber ?
Tu veux vraiment pas essayé ?

[TaeYeon]

si bien sur je veux essayer si tu m'explique
tiens le forum d'ou je me suis inspirée
http://www.providence-people.com/

[Invité]

Ok alors le temps de préparer le template et le css

[TaeYeon]

d'accord merci beaucoup
je te passe mon fofo si tu as besoin de truc pour te baser sur la couleur ou autre

http://girls-generation.forumactif.org/forum.htm

est ce que je choisir une image?

[Invité]

Je te donne les codes et tu les personnalise avec tes couleurs et images
ce sera plus simple non ?

[TaeYeon]

d'accord merci ^^
si jamais j'ai des questions du genre, je mets ça où, tu me dirais xD, mais normalement ça devrait être bon

[Girl']

Je ne pense pas que forumactif.com, soit un forum conçu pour se permettre de faire les mêmes QEEL que les autres.

[TaeYeon]

Je ne sais pas !!! C'est pour ce que je demande

[Amaya Miyuku]

Bonsoir! Pour avoir un QEEL de ce genre, il faut modifier ce code dans index_body

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28"><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span></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}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp; {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 -->

En le remplacant par:

Code:

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr valign="top">
<td valign="top" width="5%">
</td>
<td valign="top" width="65%">
<br><br>
<!-- Ci-suivent les Groupes du Haut -->
<span class="groupe"><a href="LIEN_DU_GROUPE"><font color="#CODE_COULEUR">GROUPE</font></a></span>
<br><img src="http://i47.tinypic.com/28l76l0.gif"><br>
<!-- Ci-suivent les Groupes du Bas -->
<span class="groupe"><a href="LIEN_DU_GROUPE"><font color="#CODE_COULEUR">GROUPE</font></a></span>
<br><br>
</td><td valign="top" width="30%"></td></tr>
<br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</left></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>
<br>
<!-- END disable_viewonline -->

Puis mettez dans votre CSS:

Code:


/*QEEL*/
.statistiques{
border:1px solid;
background-image: url(LIEN_DE_VOTRE_IMAGE_DE_FOND);
background-repeat: no-repeat;
background-position: center;
height:HAUTEUR_DE_VOTRE_IMAGE_EN_PIXELSpx;}

.groupes{
background-color:#couleur_de_fond;
border: 0px;
-moz-border-radius : 5px 5px 0px 0px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}

PS: Il se peut que je me sois trompée quelque part, n'hésite pas à me dire si quelque chose ne va pas

[TaeYeon]

D'accord je vais essayer et je vous dit!
Dsl quand j'ai ouvert la page le 1er code n'étais pas affiché, j'ai réactualisé la page!

[Amaya Miyuku]

Euh c'est marqué... oO

Edit: Pas de problème ^^

[TaeYeon]

Voila ce que ca me donne


le code dans index_body à été changé correctement j'ai bien fais attention, ça doit venir du CCS ou alors j'ai mal changé quelque chose dans le CSS!

[Amaya Miyuku]

Il faut que je regarde ça plus en détail. Cependant je n'ai plus le temps ce soir. Je regarderais demain ou après-demain...

[TaeYeon]

D'accord bon je remets mon ancien QEEL, quand vous avez le temps venez sur notre chat mais dite que vous etez le technicien ^^ ca sera plus facile pour parler

[Invité]

Coucou

tu as les images de fond a mettre ?
Ce sera plus facile pour le codage

Merci

[TaeYeon]

oui je passe mon image de fond !!!

[Invité]

Et tu veux une image entre les groupes comme l'exemple ?

[TaeYeon]

hum oui pourquoi pas prenons celle là,

[Invité]

Voici ce que donne les 2 images superposées :
https://i.servimg.com/u/f63/11/33/41/62/sans_t93.jpg

[TaeYeon]

est ce que je pourrais changé l'image??

tu peux essayer celle ci ?

[Invité]

Voici ce que ca donne :
https://i.servimg.com/u/f63/11/33/41/62/sans_t94.jpg

[TaeYeon]

ouais nan ca ne me plait pas est ce que je peux garder le QEEL d'origine mais mettre une image de la même taille du cadre, dans le cadre QEEL,

ou a ce moment là je vais créer une image spécial

[Invité]

Donc tu veux garder le QEEL actuel de ton forum et mettre une image de fond avec les ligne de séparation comme maintenant ?

[TaeYeon]

Oui car je n'aime pas le QEEL avec les images que je t'es donné

[Invité]

Ben j'ai testé et je n'arrive a rien ....
Désolé

[TaeYeon]

Ca ne fais rien merci comme même, je pense que je vais créer une image spé pour ton CSS et on verra bien ^^

[TaeYeon]

voila peut tu essayer avec cette image?