Personnaliser son « Qui est ligne? »

4 participants

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

Résolu Personnaliser son « Qui est ligne? »

Message par Piass 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

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

Automne
Membre actif

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

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

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

Message par Anzu Mar 5 Mar 2013 - 2:53

Personnaliser son « Qui est ligne? » Imager11Bonjour,

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

Anzu
Membre actif

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

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

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

Message par Piass 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

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 Mar 12 Mar 2013 - 1:20

Personnaliser son « Qui est ligne? » Imager11Bonjour,

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

Anzu
Membre actif

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

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

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

Message par Piass 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

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

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

Automne
Membre actif

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

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

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

Message par Anzu Mer 20 Mar 2013 - 23:28

Personnaliser son « Qui est ligne? » Imager11Bonjour,

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

Anzu
Membre actif

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

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

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

Message par Mikalus 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

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

- Sujets similaires

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