Enlever le fond de la liste des connectés depuis les x dernières heures

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

Résolu Enlever le fond de la liste des connectés depuis les x dernières heures

Message par Menoch le Mar 19 Juin 2012 - 20:02

Un petit soucis, j'ai regardé ce sujet qui est très clair (je trouve) mais chez moi ça ne marche qu'à moitié... donc j'imagine qu'il doit y avoir une erreur dans mon code. J'arrive à enlever le fond sur les anniversaires mais pas sur la liste des connectés :/

Merci à ceux qui voudront bien me donner un coup de main.

Code:
<div style="background-image:url('http://i50.tinypic.com/2ag0xlk.jpg');width:800px;height:352px;margin:0 auto;">

<!-- BEGIN disable_viewonline -->
<div style="margin-left:100px; margin-right: 100px;"><table width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>

            <td class="row1"><span class="gensmall">{GROUP_LEGEND}</span></td>
   </tr>
      <tr>   <td class="row1" width="100%"><span class="gensmall">
<span id="bert">{TOTAL_POSTS}</span>
                <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"La communauté magique londonienne a écrit ").replace(/messages/," parchemins. ");</script>
                  <span id="blabla">{TOTAL_USERS}</span>
<script type="text/javascript">document.getElementById('blabla').innerHTML=document.getElementById('blabla').innerHTML.replace(/Nous avons/," Nous avons composté").replace(/membres enregistrés/,"billets de train.");</script>
                  <span id="yosh">{NEWEST_USER}</span>
              <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Embarquement immédiat, dernier voyageur monté à bord"); </script>
                 
                  </td>
         </tr>
   <tr>
      <td class="row1"><span class="gensmall"><span class="gensmall" id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"sorciers présents sur King's Cross");
document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"sorciers présents sur King's Cross");
                  document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Voyageur/se en règle");
                  document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"Voyageurs/ses en règle");
document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Sorcier(e) sous sortilège de désillusion");
document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Sorcier(e)s sous sortilège de désillusion");
document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Voyageur clandestin.");
document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Voyageur clandestins.");


 
                  </script><br><br>
      <span id="connectes">{RECORD_USERS}</span>
                <script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Affluence record! Pour des raisons d'encombrement de nos wagons, les voyageurs ont dus être redirigés vers le Magicobus. Note de service n°4 127 du ");</script><br />
      <br />
                  <span id="presents">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('presents').innerHTML=document.getElementById('presents').innerHTML.replace(/Utilisateurs enregistrés/,"A notre bord ");</script><br />
      </td>
              </tr></table><br />
              <table style="moz-border-radius: 0px; width="100%" border="0" cellspacing="1" cellpadding="0" id="derniers"><span class="gensmall";>{L_CONNECTED_MEMBERS}</span><script type="text/javascript">document.getElementById('derniers').innerHTML=document.getElementById('derniers').innerHTML.replace(/Membres connectés au cours des/,'Les sorciers suivants ont été aperçus sur le chemin de traverse au cours des');</script></table>
<table style="moz-border-radius: 0px; width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td><span class="gensmall">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</span></td></tr></table>


<table width="100%" border="0" cellspacing="1" cellpadding="0">
      
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td>
         <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></div>
<!-- END disable_viewonline -->

Menoch
**

Messages : 51
Inscrit(e) le : 01/09/2009

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

Résolu Re: Enlever le fond de la liste des connectés depuis les x dernières heures

Message par SoraNoHime le Jeu 21 Juin 2012 - 8:37

Bonjour

puis-je avoir la css associée à votre QEEL ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever le fond de la liste des connectés depuis les x dernières heures

Message par Menoch le Jeu 21 Juin 2012 - 19:33

A priori aucun code associé à mon qeel dans mon css que voici :

Code:
/* JUSTIFICATION, MARGE */

        .postbody {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        text-align:justify;
        }

/* BANNIERE CONTRE FOND */

        #i_logo {
        margin-left:-10px;
        margin-right:-10px;
        margin-top:-10px;
        margin-bottom:-30px;}

/* MARGE HAUT, BAS */
       
.bodyline{
border-top: none !important;
border-bottom: none !important;
}
body {
margin: 0 auto;
}

/* épaisseur de bordure et suppr bordure haut */
.bodyline
        {border-left: 10px #A1907F solid;
        border-right: 10px #A1907F solid;}



/* RECADRAGE HAUT DU FORUM + BORDURE COLLE */
table.bodylinewidth
{
position: relative;
top: -9px;
}

/* PSEUDO */
.post .name
{
  font-family: 'Morpheus'; 'Times New Roman' ;
  font-size: 20px;
  text-transform: uppercase;
  }

A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}

/*


/* LETTRINE */
.lettrine {
float: left;
font-size : 60px;
padding-top : 10px;
margin-bottom : 4px;
margin-right : 14px;
font-family:'HP PSG'; 'Arial Black' ;
 
}

.lettrine2 {
float: left;
font-size: 60px;
padding-top: 17px;
margin-bottom: 2px;
border: 5px solid #efd8a7;
width: 60px;
margin-right : 14px;
background-image: url('http://obsession27.free.fr/divers/fonds/pro.jpg');
text-align: center; 
font-family:'HP PSG'; 'Arial Black' ;
color: #darkred;
height: 40px;
 
}


.lettrine3 {
float: left;
font-size: 60px;
padding-top: 17px;
margin-bottom: 2px;
border: 5px solid #e6cc84;
width: 60px;
margin-right : 14px;
background-image: url('http://obsession27.free.fr/divers/fonds/paf8.jpg');
text-align: center; 
font-family:'HP PSG'; 'Arial Black' ;
color: #e6cc84;
height: 40px;
 
}


/* liens degrade de couleur */
a {
          -webkit-transition: all 0.6s ease-in;
          -moz-transition: all 0.6s ease-in;
          -ms-transition: all 0.6s ease-in
          -o-transition: all .06s ease-in;
          transition: all 0.6s ease-in;
        }
 

/* INFO PROFIL */

/* Code par Hiro pour CSSACTIF
  Merci de ne pas supprimer cette mention
  (http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
    position:relative;
    width:200px;
    height:320px;
    border:3px solid #655a4e; /* bordure avatar */
    overflow:relative; /* Permet de cacher ce qui dépasse */
}

.imgp {
    background:#857667; /* le bg  de la div qui contient l'avatar */
    position:absolute; /* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:0;/* La position par rapport à l'autre div qui contient les infos */
    -webkit-transition:all 0.8s;/* Laissez comme ceci */
    -moz-transition:all 0.8s;/* Laissez comme ceci */
    -o-transition:all 0.8s;/* Laissez comme ceci */
    -ms-transition:all 0.8s;/* Laissez comme ceci */
    transition:all 0.8s;/* Laissez comme ceci */
}

#englob:hover > .infosp {
    margin-right:200px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
}

.infosp {
    background:#655a4e; /* le bg  de la div qui contient les infos*/
    position:absolute;/* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:1;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
    margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 0.8s;/* Laissez comme ceci */
    -moz-transition:all 0.8s;/* Laissez comme ceci */
    -o-transition:all 0.8s;/* Laissez comme ceci */
    -ms-transition:all 0.8s;/* Laissez comme ceci */
    transition:all 0.8s;/* Laissez comme ceci */
}

#englob:hover > .infosp {
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}


/* TABLEAU PARTENAIRE BY ORANGE */
div.cssactif_tableaupartenaire {
  width: 400px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  line-height: 0px; /* À ne pas modifier */
}

div.cssactif_tableaupartenaire a {
 margin: 5px; /* MARGE entre les images */
   
}

div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
  display:inline-block;  /* À ne pas modifier */
  height: 18px; /* Hauteur initiale */
  width: 50px; /* Largeur initiale */
 
 

}

div.cssactif_tableaupartenaire a:hover img {
  display:inline-block;  /* À ne pas modifier */
  position: absolute; /* Permet de ne pas décaler les autres images */
  height: 35px; /* Hauteur finale (possibilité de mettre 100% si images de différentes tailles )*/
  width: 100px; /* Largeur finale (possibilité de mettre 100% si images de différentes tailles) */
 
  /* Transitions pour différents navigateur */
  /* navigateur: toutes_transitions durée type */
  -webkit-transition:  width 1s, height 1s;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
 
  /* Facultatif: positionne le logo de pleine taille au centre - À adapter */
    margin-left: -19px;
  margin-top: -6px;
}

/* ---- FIN DU TABLEAU PARTENAIRE ---- */






Menoch
**

Messages : 51
Inscrit(e) le : 01/09/2009

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

Résolu Re: Enlever le fond de la liste des connectés depuis les x dernières heures

Message par Naruhiko le Jeu 21 Juin 2012 - 21:06

Bonsoir,

En réalité cette couleur c'est celle de votre Row1. Donc soit vous la changée, soit c'est pas possible. Anzu avait trouvé visiblement dans le passé un code qui corrigeait cela, mais il y a avait apparemment beaucoup de bugs... Mais ça ne coûte rien d'essayer ^^ ! Le code proposé était :
Code:
<table style="-moz-border-radius: 5px>{L_CONNECTED_MEMBERS}</table>
Vous devez donc remplacer "{L_CONNECTED_MEMBERS}" dans votre template par le code ci-dessus. Si le code fonctionne sur Firefox, vous pouvez essayer de rajouter border-radius et -webkit-border-radius pour que ça fonctionne aussi sur les autres navigateurs. Essayez donc ceci aussi :
Code:
<table style="-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px>{L_CONNECTED_MEMBERS}</table>

Cordialement Naruhiko.

Naruhiko
***

Masculin
Messages : 196
Inscrit(e) le : 21/06/2012

http://naruto-the-destiny.forumactif.com
Naruhiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever le fond de la liste des connectés depuis les x dernières heures

Message par Menoch le Jeu 21 Juin 2012 - 21:48

Mh non en fait ça ne lui fait ni chaud ni froid à mon template (capricieux en plus Razz ). Bon tant pis, en tout cas merci à tous les deux de vous être penchés sur mon cas.

Menoch
**

Messages : 51
Inscrit(e) le : 01/09/2009

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

Résolu Re: Enlever le fond de la liste des connectés depuis les x dernières heures

Message par SoraNoHime le Ven 22 Juin 2012 - 13:58

Remplacez ceci :
Code:
<table style="moz-border-radius: 0px; width="100%" border="0" cellspacing="1" cellpadding="0" id="derniers"><span class="gensmall";>{L_CONNECTED_MEMBERS}</span><script type="text/javascript">document.getElementById('derniers').innerHTML=document.getElementById('derniers').innerHTML.replace(/Membres connectés au cours des/,'Les sorciers suivants ont été aperçus sur le chemin de traverse au cours des');</script></table>
par
Code:
<table class="conneclast" border="0" cellspacing="1" cellpadding="0" id="derniers"><span class="gensmall";>{L_CONNECTED_MEMBERS}</span><script type="text/javascript">document.getElementById('derniers').innerHTML=document.getElementById('derniers').innerHTML.replace(/Membres connectés au cours des/,'Les sorciers suivants ont été aperçus sur le chemin de traverse au cours des');</script></table>

puis dans votre css ajoutez :
Code:
.conneclast . row1 {
moz-border-radius: 0px;
width : 100%;
}

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever le fond de la liste des connectés depuis les x dernières heures

Message par Menoch le Dim 24 Juin 2012 - 10:22

ok je vais essayer ça et je reviens vers vous dire ce qu'il en est Wink

Menoch
**

Messages : 51
Inscrit(e) le : 01/09/2009

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

Résolu Re: Enlever le fond de la liste des connectés depuis les x dernières heures

Message par Menoch le Dim 24 Juin 2012 - 10:27

Bon décidément j'ai vraiment un template récalcitrant. Je ne vois vraiment pas pourquoi, mais cette solution là ne marche pas non plus

Menoch
**

Messages : 51
Inscrit(e) le : 01/09/2009

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

Résolu Re: Enlever le fond de la liste des connectés depuis les x dernières heures

Message par Menoch le Dim 24 Juin 2012 - 19:29

j'ai trouvé une solution qui marche :
http://forum.forumactif.com/t316578-personnaliser-membres-connectes-au-cours-des-24-dernieres-heures

Cool

Merci à tous en tout cas c'est super sympa de vous être creusé la tête avec moi <3

Menoch
**

Messages : 51
Inscrit(e) le : 01/09/2009

http://kingscross.forumactif.com/
Menoch 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