Personnaliser son « Qui est ligne? »

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Personnaliser son « Qui est ligne? »

Message par Piass le Mar 26 Fév 2013 - 15:59

Bondour, bondour!

Petite question ou grande selon la difficulté. =p
Quelles codes utilise-t-on pour pouvoir personnaliser son « Qui est en ligne? » de manière à ce qu'on lui donne à peu prés cette tronche-là :
Screen concerné :
Spoiler:


Merci d'avance pour vos futures réponses!

Cordialement,

Piass
Nouveau membre

Messages : 8
Inscrit(e) le : 22/02/2013

http://els-sheeva.fra.co
Piass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser son « Qui est ligne? »

Message par Automne le Mar 26 Fév 2013 - 16:36

Bonjour,

On ne pourra pas te donner des codes tout fait. Cependant tu peux déjà commencer par trouver le qui est en ligne et l'étudier

Dans le template index_body, la partie qui correspond au qui est en ligne est celle ci

Code:

        <!-- 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>
            <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>
        <!-- END disable_viewonline -->

Les variables correspondent a ceci
{L_WHO_IS_ONLINE}-------qui est en ligne
{L_ONLINE_IMG} ---------image du qui est en ligne
{TOTAL_POSTS} ----- messages postés
{TOTAL_USERS} -----------nombres utilisateurs inscrits
{NEWEST_USER}----------- dernier inscrit
{TOTAL_USERS_ONLINE} -------total utilisateurs en ligne
{LOGGED_IN_USER_LIST} --------list utilisateurs connectés
{RECORD_USERS}-----------record d'utilisateurs connectés
{L_CONNECTED_MEMBERS}------------ utilisateurs connectés dans les X dernières heures.

Tu verras que dans le qui est en ligne, le code est placé dans un tableau. Il te suffit de modifier la structure du tableau pour mettre en forme a ta façon.

Pour sauter une ligne
Code:
<br/>
Pour mettre une image en haut, tu places se code avant <!-- BEGIN disable_viewonline -->
Code:
<div style="text-align:center"><img src="TON IMAGE" title="TON TITRE" /></div>

Voilà en espérant t'avoir aiguillé. Beaucoup de sujets parlent de la modification du qui est en ligne.






Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser son « Qui est ligne? »

Message par Anzu le Mar 5 Mar 2013 - 2:53

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, dans ce cas, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser son « Qui est ligne? »

Message par Piass le Mer 6 Mar 2013 - 20:54

Bonsoir,

Désolé, ces derniers jours, je n'ai pas eu le temps de tester ce que m'a conseillé Automne, que je remercie d'ailleurs.

Je vous ferai part de mon ressenti ce week-end avec un peu de chance!

Cordialement,

Piass
Nouveau membre

Messages : 8
Inscrit(e) le : 22/02/2013

http://els-sheeva.fra.co
Piass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser son « Qui est ligne? »

Message par Anzu le Mar 12 Mar 2013 - 1:20

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, dans ce cas, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser son « Qui est ligne? »

Message par Piass le Mar 12 Mar 2013 - 19:23

Bonsoir,

Désolé du retard! o//
Donc, oui le poste d'Automne
m'a été d'une grande aide, mais pour pouvoir finaliser mon « Qui est en
ligne? », j'aurais une ou deux questions à poser, si vous le permettez
x).

  • Tu verras que dans le qui est en ligne, le code est placé dans un
    tableau. Il te suffit de modifier la structure du tableau pour mettre en
    forme a ta façon.
    Là je n'ai pas très bien compris, de quel tableau parles-tu? J'ai beau cherché, je n'en trouve aucun.
  • Comment faire pour retirer le cadre + le fond qui entoure les informations du « Qui est en
    ligne? », de façon à ce que ces dernières ressortent avec la même couleur de fond que l'image d'au-dessus sans aucune bordure ou quoi que ce soit. (La visualisation du « Qui est en
    ligne? » en question se trouve sur le lien forum via mon profil.)
Merci de vos futures réponses, j'essayerai cette fois-ci d'y répondre au plus vite.
Bonne soirée~!

Piass
Nouveau membre

Messages : 8
Inscrit(e) le : 22/02/2013

http://els-sheeva.fra.co
Piass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser son « Qui est ligne? »

Message par Piass le Jeu 14 Mar 2013 - 10:08

(Double-post)

Re-salut.

Je viens de comprendre le fonctionnement pour retirer le cadre qui entoure les informations du Q.E.E.L?.
Par contre, j'ai toujours quelque chose qui me bloque, étant encore débutant dans le domaine du CSS, je n'arrive pas à ajouter mes propres phrases qui décrivent les variables. Par exemple, j'aimerai pouvoir remplacer mon :
« L'utilisateur enregistré le plus récent est X. » par « Le dernier utilisateur inscrit est X. »
De plus, j'ai un autre problème au niveau des codes polices - centrer etc., comme vous pouvez le voir dans l'image ci-dessous, toutes mes variables sont collés l'une sur l'autre, pas moyen de placer un point pour les espacer ... Ah en passant, si quelqu'un pouvait me rappeler quelles sont les codes CSS pour centrer ; ajouter une police ; choisir la taille de la police ; le code couleur de cette dernière, ça serait pas de refus x).

Pour le moment, voici le résultat actuel (une catastrophe. Shocked ) :
Spoiler:

Et pour le rendu, j'aimerai vraiment qu'il ressemble à ça (Il a été fait sur Toshop pour info') :
Spoiler:

Template actuel (modifié) :
Code:
<!-- END switch_user_login_form_footer -->
        <div style="text-align:center"><img src="http://img15.hostingpics.net/pics/763071WIO2.png" title="Who is online?" /></div>
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
    {LEGEND} : {GROUP_LEGEND}<br />
   <tr>
   <tr>
          {NEWEST_USER}<br />
            {TOTAL_POSTS}
          {TOTAL_USERS}
   
          <tr>
   <tr>
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <!-- 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>

Votre aide me serait précieuse xD,
En vous remerciant d'avance.

Piass
Nouveau membre

Messages : 8
Inscrit(e) le : 22/02/2013

http://els-sheeva.fra.co
Piass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser son « Qui est ligne? »

Message par Automne le Ven 15 Mar 2013 - 1:30

Salut,

Dans le qui est en ligne tu peux essayez ceci (j'ai pas mis la chatbox, les anniversaires, j'ai supprimé la légende, puisque tu mets les groupes en hauts ............)
Code:
 <div style="text-align:center"><img src="http://img15.hostingpics.net/pics/763071WIO2.png" title="Who is online?" /></div>

<!-- BEGIN disable_viewonline -->
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" class="statistique">
   
<tr>
<td width="100%">
<center><br/><br/><br/>
<div class="mes_liens">
<a href="http://www.">TON GROUPE</a>&/nbsp; &/nbsp;
<a href="http://www.">TON GROUPE</a>&/nbsp; &/nbsp;
<a href="http://www.">TON GROUPE</a>&/nbsp; &/nbsp;
<a href="http://www.">TON GROUPE</a>&/nbsp; &/nbsp;
<a href="http://www.">TON GROUPE</a>
</div>
</center><br/></td>
</tr>   
 
<tr>
<td align="center" width="100%">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}<br/>
{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}
</td>
</tr>
</table>
<table class="connect">{L_CONNECTED_MEMBERS}</table>
<!-- END disable_viewonline -->
<!-- BEGIN disable_viewonline -->

Pour faire des espaces en HTML c'est
Code:
&/nbsp;
tu dois retirer le slash / , cela fera un espace.
Pour faire des sauts de lignes
Code:
<br/>

Pour les liens <a href="http://www.">TON GROUPE</a>

Comment personnaliser tes liens, tu verras qu'au début des liens, j'ai mis entre div, un identifiant (class)<div class="mes_liens">TOUT SE QUE TU VEUX</div>
Puis dans le css, tu personnalises tes liens, par exemple
Code:
div.mes_liens{font-size: 20px ;
          font-style: italic;
          letter-spacing: 5px ;
          font-family: Antiqua, serif;
          text-transform: lowercase;
          color: #000000;
          text-shadow:2px 2px 2px #FFFFFF;}
Tu peux t'aider de ceci http://www.cssdebutant.com/ recherche sur google aussi, il y a plein de tuto. Sache que tout se qui est appelé par une class dans le code HTML, est modifiable via le css. Par exemple <td class="row1"><span class="gensmall">. Tu peux l’appeler par tes propres Id et appliquer du css <td class="blabla>
Dans le css td.blabla{

Pour la première question "modifier les phrases du qui est en ligne", je te conseillerais de finir la mise en place du QEEL, puis d'ouvrir un nouveau sujet. Il y a un tuto dans truc et astuce (c'est un brin compliqué) Wink

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser son « Qui est ligne? »

Message par Anzu le Mer 20 Mar 2013 - 23:28

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, dans ce cas, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser son « Qui est ligne? »

Message par Mikalus le Jeu 21 Mar 2013 - 9:36

Je ne sais pas ce qu'il en est de la satisfaction du demandeur, pour ma part, j'ai trouvé tout ce dont j'avais besoins... Wink

Marci au staff,

Mikalus
**

Masculin
Messages : 50
Inscrit(e) le : 04/01/2013

http://les-temps-oublies.forumgratuit.org/
Mikalus a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum