Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

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

Résolu Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Ven 1 Nov 2013 - 17:33

Bien le bonsoir à vous courageux membres du FDF !

Je viens vers vous pour un petit problème de codage. Je vous explique brièvement ma situation : j'essai désespérément de déplacer le {L_CONNECTED_MEMBERS} dans le QEEL, de sorte à ce qu'il soit positionné de cette manière :


Mais ce dernier - et ce où qu'il soit placé - persiste à déformer le QEEL. Voici ce que j'obtiens :


Sauriez-vous comment l'agencer dans les templates, de sorte à ce je puisse obtenir le résultat du premier schéma ? ;w;

Spoiler:

Voici mon template et mon CSS :

Code:
 <!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="700" border="0" class="statistiques">
  <tr>
<td width="15%"> </td>
<td width="100%">
  <center>
    <div class="dessus">
    <span class="groupes"><a href="#"><font color="#ba806a"><b>PARTISANS ▲</b></font></a></span>    
<span class="groupes"><a href="#"><font color="#ba806a"><b>NEUTRES ▲</b></font></a></span>    
  <span class="groupes"><a href="#"><font color="#ba806a"><b>DETRACTEURS</b></font></a></span><br><br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</span></center><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>
<img src="lien de l'image du bas du qui est en ligne, possibilité de ne pas en mettre"><br>
<!-- END disable_viewonline -->
Code:
/* QEEL */

.statistiques{
border:0px;
background-image: url("http://img1.imagilive.com/1113/QEEL-fond.png");
  width:700px;
  height:348px;  
background-repeat: no-repeat;
background-position: center;
height:hauteur de l'imagepx;}
    
.dessus{
 margin-top:-40px;
    margin-left:50px;
    color: #ffffff;
  }

.groupes{
background-color:#;
  letter-spacing: 2px;
  font-family: Times New Roman;
  font-size: 15px;
text-align:center;
text-decoration: none !important;}

En remerciant par avance celui ou celle qui viendra me sauver !

Et en vous souhaitant une bonne soirée !


Dernière édition par Sparadra le Dim 3 Nov 2013 - 20:37, édité 3 fois

Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Invité le Ven 1 Nov 2013 - 17:36

Bonjour,

Voilà ce que j'ai moi sur Google Chrome 30.0.1599.101 m


Votre navigateur est-il bien à jour ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Ven 1 Nov 2013 - 17:43

Bonsoir alexandre385 !

Ce n'est pas lié au navigateur, car je viens tout juste de mettre à jour mon template !

J'ai donc inséré le {L_CONNECTED_MEMBERS} sous l'image afin de limiter les dégâts que vous pouvez constater sur mon deuxième screen. Ce n'est ceci étant dit pas le résultat désiré ... ;w;


Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Invité le Ven 1 Nov 2013 - 17:46

Pourtant moi j'ai ceci sur mon navigateur :

Et vous ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Ven 1 Nov 2013 - 17:48

Oui, c'est ce que j'ai aussi actuellement depuis que j'ai mis à jour mon template ! ;_;

( mais il a quelques minutes, quand j'ai essayé d'insérer le {L_CONNECTED_MEMBERS} à l'endroit indiqué sur le schéma, ça donnait quelque chose comme ça : http://img1.imagilive.com/1113/Fail.png )

Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Invité le Ven 1 Nov 2013 - 17:56

Je ne comprends pas trop, le problème est résolu non ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Ven 1 Nov 2013 - 17:57

Désolée si je n'ai pas été assez claire dans mes explications. ;w;

Le problème n'est pas résolu, car je souhaite obtenir le résultat suivant :


Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Invité le Ven 1 Nov 2013 - 18:04

Je comprends mieux -w-

Il me semblerait que le : {L_CONNECTED_MEMBERS} inclus le Membres connectés au cours des 24 dernières heures, donc ceci est impossible.

Si vous le souhaitez vous pouvez Crée une suggestion Smile

Si je vous ai aidé mettre un merci Smile

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Ven 1 Nov 2013 - 18:15

Et si je conserve le " Membres connectés au cours des 24 dernières heures " ( tant pis si je dois modifier l'esthétique du fond ) et exécute simplement le déplacement désiré ?

Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Invité le Ven 1 Nov 2013 - 18:16

Oui, vous pouvez le faire par contre je crois qu'il faudra rajouter une div autour de {L_CONNECTED_MEMBERS} et un CSS margin-top:....

Après avoir fait la div vous pouvez mettre ici que vous l'avez fait et je vous donnerais le code CSS Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Ven 1 Nov 2013 - 18:21

Merci !

Je viens de placer la div dans mon template :

Code:
<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="700" border="0" class="statistiques">
  <tr>
<td width="15%"> </td>
<td width="100%">
  <center>
    <div class="dessus">
    <span class="groupes"><a href="#"><font color="#ba806a"><b>PARTISANS ▲</b></font></a></span>   
<span class="groupes"><a href="#"><font color="#ba806a"><b>NEUTRES ▲</b></font></a></span>   
  <span class="groupes"><a href="#"><font color="#ba806a"><b>DETRACTEURS</b></font></a></span><br><br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</span></center><br>
<td width="5%"> </td>
</tr>
</table>
 
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
  <div class="connect">{L_CONNECTED_MEMBERS}</div></table>
<img src="lien de l'image du bas du qui est en ligne, possibilité de ne pas en mettre"><br>
<!-- END disable_viewonline -->

En espérant que ce soit bien comme ça qu'il fallait procéder ! ><

Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Invité le Ven 1 Nov 2013 - 18:25

Vous voulez le placer où ?
Un schémas ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Ven 1 Nov 2013 - 18:31

Comme ci-dessous, ci possible. ;w;



( Aussi, petite question au passage ! Est-il notamment possible de supprimer le fond qu'il y a sous le {L_CONNECTED_MEMBERS} ? Il persiste, même avec un background-corlor >x< )

Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Invité le Ven 1 Nov 2013 - 18:44

J'ai regardé sur mon forum de test et il est impossible de changer de place le {L_CONNECTED_MEMBERS} Shocked 

Sinon pour changer la couleurs du fond c'est :
Code:
td.row1, td.row3.over:hover {
background-color: #CF9C9C;
}
Autrement vous pouvez le désactiver Panneau admin > Affichage > Page d'accueil > Généralité > Afficher la liste des membres connectés au cours des 24* dernières heures : Non Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Dim 3 Nov 2013 - 1:45

Bon, ce n'est pas grave. Merci tout de même alexandre385. ;___;

Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Lily Jedusor le Dim 3 Nov 2013 - 9:49

Hellow,

Alors j'ai tenté un petit truc...



Voici le code utilisé pour ça :
Code:
<table><td width="200"></td> <td>   <table class="listlastconnected" width="500">
                                    <span id="connectes"> {L_CONNECTED_MEMBERS} <script type="text/javascript">
    document.getElementById('connectes').parentNode.innerHTML=document.getElementById('connectes').parentNode.innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/," ");
                                      </script></span></table> </td> </table>
        <img src="lien de l'image du bas du qui est en ligne, possibilité de ne pas en mettre"><br>
        <!-- END disable_viewonline -->
Tu le places juste après
Code:
{LOGGED_IN_USER_LIST}</span></center><br/></td>
        <td width="5%"> </td>
            <tr/>
        </table>
D'ailleurs je t'ai rajouté un /td juste avant
Code:
<td width="5%"> </td>
            <tr/>
        </table>
car il manquait...

=> Ton L_CONNECTED a un nom particulier listlastconnected, c'est ce nom qu'il faut utiliser dans le template et dans le CSS.

=> Pour le fond, normalement le code CSS c'est
.listlastconnected td{background-color: transparent;} sauf que sur mon fow test ça ne fonctionne pas (alors que sur mon fow normal si... donc je cherche encore pourquoi ça ne fonctionne pas... mais j'ai peut-être un code qui bloque ça, donc à voir si chez toi ça fonctionne... )

=> Pour que le lL_CONNECTED soit collé à ton image, il faut diminuer le "height" de ton .statistiques, là j'ai mis 100.

=> Je t'ai supprimé la phrase les membres connectés au cours des dernières 24H (vu qu'elle était déjà sur ton image mais si tu veux la laisser il suffit de supprimer cette ligne
Code:
 <span id="connectes"> XXX <script type="text/javascript">
    document.getElementById('connectes').parentNode.innerHTML=document.getElementById('connectes').parentNode.innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/," ");
                                      </script></span>
Voilà, j'espère que tu as tout compris à ce que je viens d'écrire. Je continue de chercher pour te supprimer le fond du listlastconnected....

L.J

EDIT : pour enlever le fond sans passer par le CSS, il faut enlever la couleur de "Table Rangée Couleur 1 :
" ça fonctionne.
Cordialement
L.J

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Dim 3 Nov 2013 - 12:05

Bonjour Lily Jedusor !

Merci infinement pour ton écoute et ton aide ! Merci merci. Je viens de suivre à la lettre tes indications - qui sont très claires - et mon {L_CONNECTED_MEMBERS} est désormais bien moins rebelle ! Grâce à toi. :3

En revanche - et sans doute est-ce de mon côté - le fond est complètement mangé, et dépasse un peu sur le forum. Je ne pense pas avoir fait de fausse manip' ! Enfin, je vais tout de même essayer de voir de mon côté ! >w<

Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Lily Jedusor le Dim 3 Nov 2013 - 13:53

De rien pour l'aide Smile

Tu peux me faire un screen ou me filer le lien de ton fow que je vois? Parce que je ne visualise pas trop comment le fond est "mangé"

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Dim 3 Nov 2013 - 14:47

Oui ! Le voici :


Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Lily Jedusor le Dim 3 Nov 2013 - 15:20

Merci :]

J'ignore si cela fonctionnera (j'ai pas fais le test sur mon fow, parce que chez moi rien n'est "mangé"^^) mais essaie de mettre dans ton .statistiques => margin-top: 50px; (avec la taille qui peut varier) pour voir ce que cela donne.

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le {L_CONNECTED_MEMBERS} dans le QEEL

Message par Sparadra le Dim 3 Nov 2013 - 20:35

Merci Lily !

L'image en fond est coupée, mais ce n'est pas grave ! Je pensais à insérer une image au dessus pour créer l'illusion qu'il est complet. En tout cas, le problème est résolu !

Je remercie tes postes :3

Sparadra
*

Féminin
Messages : 41
Inscrit(e) le : 24/02/2012

http://gates-of-etro.actifforum.com/
Sparadra 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