Problème de "Qui est en ligne ?" Bouton_activeProblème de "Qui est en ligne ?" Bouton_hoverProblème de "Qui est en ligne ?" Fb-hoverProblème de "Qui est en ligne ?" Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème de "Qui est en ligne ?" EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème de "Qui est en ligne ?" EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de "Qui est en ligne ?" EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de "Qui est en ligne ?" EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de "Qui est en ligne ?" EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de "Qui est en ligne ?" EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de "Qui est en ligne ?" EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de "Qui est en ligne ?" EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Problème de "Qui est en ligne ?"

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://dreamland.forums-actifs.net/
Nodox Pebbles
{ Membre }
{ Membre }

Masculin Messages : 29



Problème de "Qui est en ligne ?" Empty
Bonjour bonsoir !

J'aurais un soucis vis à vis de ce tuto > là <. Je m'explique :

Par rapport à l'image donnée par le tuto > image tuto
Comparons avec ce que j'ai après mes petites personnalisations : image problème

On voit bien que les cases du tableau sont bien centrée sur le tuto, mais chez moi elles ne le sont plus.
Également, le contenu de la grosse case de gauche (celle où y a la CB, les membres et tout) manque étrangement de chose. En particulier, il n'y a plus le lien vers la ChatBox.
Et dans la grosse case à droite (celle qui correspond à celle tout en bas sur l'image du tuto), les membres dernièrement connectés ne s'affichent pas. Pire, ce qui devrait y être apparaît entre les deux grosses cases et la partie des groupes.

Une dernière chose, mais là c'est plus un soucis de style. J'aurais voulu que les blocs des groupes soient chacun cerclé de rouge (comme mes autres cases quoi) mais y a pas moyen ... Et pourquoi quand on passe la sourie dessus ça se décale ?

Voici mon CSS entier :
Code:
.titre {
background-color: #AB0000;
-moz-border-radius-topleft: 20px;
-webkit-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-radius-topright: 20px;
}

.bodyline {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

textarea, .textarea.post, input.post {
-moz-border-radius:5px;
}

.forumline{
background-color: #AB0000;
-webkit-border-radius:10px;
    -moz-border-radius: 10px ;
    border-radius:10px;
    border: 2px #AB0000 solid;
}

.thumbnails{
float:left;height:200px;margin-left:20px;width:200px}

.thumbnail{
float:left;padding:5px;position:relative;width:50px;z-index:0}

.thumbnail:hover{
background-color:transparent;z-index:50}

.thumbnail span{
-moz-border-radius:9px;background-color:#646464;border:1px dashed #fff;font-family:Verdana,Century Gothic;font-size:12px;left:0;padding:3px;position:absolute;text-decoration:none;text-shadow:2px 2px 4px #000;visibility:hidden}

.thumbnail span img{
border:2px solid #fff;border-width:0;padding:0}

.thumbnail:hover span{
left:30px;top:20px;visibility:visible}

#bottom{
-moz-border-radius: 15px 15px 15px 15px;
background-color: #646464;
float: left;
margin: 5px;
padding: 10px;
width: 850px;}

element.style {
display:block;
height:170;
left:0px;
overflow:hidden;
width:420;}

ul.sdt_menu li div.sdt_box{
background:#000;
display:none;
height:170px;
left:0;
margin-left:20px;
overflow:hidden;
padding-left:20px;
position:absolute;
top:85px;
width:210px}

ul.sdt_menu li div.sdt_box a{
clear:both;
color:#0B75AF;
float:left;
line-height:30px}

ul.sdt_menu li div.sdt_box a:first-child{
margin-top:15px}

ul.sdt_menu li div.sdt_box a:hover{
color:#fff}

ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 5px 10px;
  margin-right: -1px;
  color: #fff;

  border: none;
  cursor: pointer;
  margin-bottom: -1px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.mon_onglet:hover{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}       
.mon_onglet_selected{
  float: left;
  padding: 5px 10px;
  margin-right: 5px;
  color: #fff;
 
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: none;
  cursor: pointer;
  margin-bottom: -1px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}         
.clear{
  clear: both;
}
.mon_contenu{
  color: #fff;
 
  border: 2px solid #AB0000;
  padding: 10px;
        margin: -1px;       
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#mes_contenus, #mes_onglets{
  width: 750px;
}

/* PA ONGLETS LATERAUX ONCLIC EN FOCUS */

#pafocus_head
{
  width: 845px;
  height: 150px;
  background: url(http://img15.hostingpics.net/pics/550317partie16mod.jpg) no-repeat;
}
#pafocus_body
{
  width: 845px;
  height: 340px;
  background: url(http://img15.hostingpics.net/pics/130104partie17mod.jpg) no-repeat;
}
#pafocus_foot
{
  width: 845px;
  height: 109px;
  background: url(http://img15.hostingpics.net/pics/548113partie18mod.jpg) no-repeat;
}

#pafocus
{
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: right;
}
.pafocus_onglet1
{
  width: 150px;
  height: 20px;
  padding: 4px;
  margin-left: 0;
  margin-bottom: 10px;
  background: #e82929;
  border: 1px solid #890101;
  box-shadow: 0px 0px 4px #b14702;
  -moz-box-shadow: 0px 0px 4px #b14702;
  -o-box-shadow: 0px 0px 4px #b14702;
  -htm-box-shadow: 0px 0px 4px #b14702;
  -webkit-box-shadow: 0px 0px 4px #b14702;
  font-weight: bold;
  color: #c4c4c4;
  text-align: center;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pafocus_onglet2
{
  width: 150px;
  height: 20px;
  padding: 4px;
  margin-left: 0;
  margin-bottom: 10px;
  background: #9f9f9d;
  border: 1px solid #626260;
  box-shadow: 0px 0px 4px #000000;
  -moz-box-shadow: 0px 0px 4px #000000;
  -o-box-shadow: 0px 0px 4px #000000;
  -htm-box-shadow: 0px 0px 4px #0000000;
  -webkit-box-shadow: 0px 0px 4px #000000;
  font-weight: bold;
  color: #c4c4c4;
  text-align: center;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pafocus_onglet3
{
  width: 150px;
  height: 20px;
  padding: 4px;
  margin-left: 0;
  background: #010101;
  border: 1px solid #423328;
  box-shadow: 0px 0px 4px #cfcfcd;
  -moz-box-shadow: 0px 0px 4px #cfcfcd;
  -o-box-shadow: 0px 0px 4px #cfcfcd;
  -htm-box-shadow: 0px 0px 4px #cfcfcd;
  -webkit-box-shadow: 0px 0px 4px #cfcfcd;
  font-weight: bold;
  color: #c4c4c4;
  text-align: center;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pafocus_onglet1:hover, .pafocus_onglet2:hover, .pafocus_onglet3:hover
{
  margin-left: 20px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pafocus_contenu1
{
  position: absolute;
  z-index: 1;
  width: 635px;
  height: 340px;
  overflow: auto;
  margin-left: 180px;
  margin-top: -40px;
  background: #222222;
  border: 1px  solid #f5f4ee;
  box-shadow: 0px 0px 4px #38342d;
  -moz-box-shadow: 0px 0px 4px #38342d;
  -o-box-shadow: 0px 0px 4px #38342d;
  -htm-box-shadow: 0px 0px 4px #38342d;
  -webkit-box-shadow: 0px 0px 4px #38342d;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
}
.pafocus_contenu2
{
  position: absolute;
  z-index: 2;
  width: 635px;
  height: 340px;
  overflow: auto;
  margin-left: 180px;
  margin-top: -80px;
  background: #222222;
  border: 1px  solid #f5f4ee;
  box-shadow: 0px 0px 4px #38342d;
  -moz-box-shadow: 0px 0px 4px #38342d;
  -o-box-shadow: 0px 0px 4px #38342d;
  -htm-box-shadow: 0px 0px 4px #38342d;
  -webkit-box-shadow: 0px 0px 4px #38342d;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
}
.pafocus_contenu3
{
  position: absolute;
  z-index: 3;
  width: 635x;
  height: 340px;
  overflow: auto;
  margin-left: 180px;
  margin-top: -120px;
  background: #222222;
  border: 1px  solid #f5f4ee;
  box-shadow: 0px 0px 4px #38342d;
  -moz-box-shadow: 0px 0px 4px #38342d;
  -o-box-shadow: 0px 0px 4px #38342d;
  -htm-box-shadow: 0px 0px 4px #38342d;
  -webkit-box-shadow: 0px 0px 4px #38342d;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
}
.pafocus_contenu4
{
  position: absolute;
  z-index: 4;
  width: 635px;
  height: 340px;
  overflow: auto;
  margin-left: 184px;
  margin-top: -133px;
  background: #222222;
  border: 1px  solid #f5f4ee;
  box-shadow: 0px 0px 4px #9ea1a1;
  -moz-box-shadow: 0px 0px 4px #9ea1a1;
  -o-box-shadow: 0px 0px 4px #38342d;
  -htm-box-shadow: 0px 0px 4px #38342d;
  -webkit-box-shadow: 0px 0px 4px #38342d;
}
.pafocus_contenu
{
  padding: 4px;
  color: #c4c4c4;
  font-size: 11px;
  text-align: justify;
  font-weight: normal;
}
.pafocus_onglet1:hover .pafocus_contenu1, .pafocus_onglet2:hover .pafocus_contenu2,
.pafocus_onglet3:hover .pafocus_contenu3
{
  margin-left: 180px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pafocus_onglet1:focus .pafocus_contenu1, .pafocus_onglet2:focus .pafocus_contenu2,
.pafocus_onglet3:focus .pafocus_contenu3
{
  z-index: 10;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
}

/*=========== Look catégorie ==========*/
/*Look catégories sans survol*/

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 4px solid #AB0000;
color: #EEEEEE;
letter-spacing: 1px;
display: block;
-moz-border-radius:5px;
}

/*avec survol*/

a.forumlink:hover, a.forumlink:hover:visited {

color: #4B4B4B4;
text-align: center;
display: block;
border-bottom: 4px solid #880000;
-moz-border-radius:10px;
}

/*======== Avatars ========*/
/* 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:160px;
    height:320px;
    overflow:hidden; /* Permet de cacher ce qui dépasse */
}

.imgp {
    background: #212121; /* 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:1;/* La position par rapport à l'autre div qui contient les infos */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}

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

.infosp {
    background: #212121; /* 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:0;/* 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:-320px;/* on décale la div de 320px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* 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) */
}

/* Arrondir les zones de texte */

textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
}

/* ======================================
Personnalisation de la structure du QEEL
fait par Faucon pour CSS ACTIF
=========================================
Début du code
=========================================*/

/*zone groupes*/
.groupes {/*aspect des groupes*/
font-size: 11pt;
text-shadow: #000000 1px 1px 1px ;
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #212121;
}
.mon_onglet, .mon_onglet_selected { /*position des onglets*/
padding-left : 5px;
padding-right : 5px;
display:inline-block;
background: #212121;
}

/*Couleur des groupes*/
a.groupe1 { color:#d93f32;}
a.groupe2 { color:#FFF;}
a.groupe3 { color:#980819;}
a.groupe4 { color:#E67D22;}
a.groupe5 { color:#B17F98;}
a.groupe6 { color:#5CDF72;}
a.groupe7 { color:#980852;}
a.groupe8 { color:#F76AA5;}
 
/*zone des statistiques*/
.stats { /*partie statistique du forum*/
width:400px;
height:200;
text-align: justify;
padding: 5px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
  border: 2px #AB0000 solid;
background: #212121;
}

.membreconnecte{ /*partie membres connectés*/
overflow: auto;
width:400px;
height: 200px;
text-align: justify;
padding: 5px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
  border: 2px #AB0000 solid;
background: #212121;
}

/* ======================================
Personnalisation de la structure du QEEL
fait par Faucon pour CSS ACTIF
=========================================
Fin du code
=========================================*/

/*Ascenseur*/

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
bottom: 50px; /*--- On le place à 50 px du haut de l'écran ---*/
right: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
}

/*fin ascenseur*/

Et voici mon code de template index_body entier :
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <br></br>
      </td>
                   
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table width="800px" cellspacing="5" cellpadding="1">
  <tr>
      <td valign="top">
        <div class="stats">
            <span class="gensmall">
            {TOTAL_POSTS}.
            {TOTAL_USERS}. <br/>
            {NEWEST_USER}, nous lui souhaitons la bienvenue !
            </span>
            <br /><br />
            <span class="gensmall"> {LOGGED_IN_USER_LIST}</span>
            <br />
            <!-- BEGIN switch_chatbox_activate -->
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}</span>
            <!-- END switch_chatbox_activate -->
            <br /><br />
            <span class="gensmall">{TOTAL_USERS_ONLINE}.<br/>
            {RECORD_USERS}.
            </span>
        </div>
      </td>
      <td colspan="1" align="justify">
                  <div class="membreconnecte" align="justify"><span class="gensmall">
                        Ils se sont connectés : {L_CONNECTED_MEMBERS}</span>
                  </div>
            </td>
  </tr>
  <tr>
      <td colspan="2">
        <div id="mes_onglets">
            <div id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);">
              <a href="http://dreamland-rpg.bbactif.com/g5-voyageur-controleur" class="groupe1"> Groupe 1 </a>
            </div>

            <div id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">
              <a href="LIEN" class="groupe2"> Groupe 2 </a>
            </div>

            <div id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">
              <a href="LIEN" class="groupe3"> Groupe 3 </a>
            </div>

            <div id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">
              <a href="LIEN" class="groupe4"> Groupe 4 </a>
            </div>

            <div id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);">
              <a href="LIEN" class="groupe5"> Groupe 5 </a>
            </div>

            <div id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);">
              <a href="LIEN" class="groupe6"> Groupe 6 </a>
            </div>

            <div id="o_7" class="mon_onglet" onmouseover="changeOnglet(this);">
              <a href="LIEN" class="groupe7"> Groupe 7 </a>
            </div>

            <div id="o_8" class="mon_onglet_selected" onmouseover="changeOnglet(this);">
              <a href="LIEN" class="groupe8"> Groupe 8 </a>
            </div>
        </div>
      </td>
    </tr>
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


Merci à ceux qui auront le courage de m'aider Very Happy
MessageSujet: Problème de "Qui est en ligne ?"   Problème de "Qui est en ligne ?" EmptyMer 29 Mai 2013, 14:38
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème de "Qui est en ligne ?" Empty
J'ai un maaaaaax de boulot à cause des cours ces temps ci, je passe en coup de vent ^---^

Citation :
Une dernière chose, mais là c'est plus un soucis de style. J'aurais voulu que les blocs des groupes soient chacun cerclé de rouge (comme mes autres cases quoi) mais y a pas moyen

Pour le css de tes onglets, tu doit avoir ta border comme ceci... Dans ton code tu as mis border: none; donc forcément il n'y aura pas de bordure Razz :
Code:

div.mon_onglet {
    border: 1px solid red;
}

Ton bug de décalage est du à ton margin-right: 5px; dans ton css pour la class "mon_onglet_selected"
MessageSujet: Re: Problème de "Qui est en ligne ?"   Problème de "Qui est en ligne ?" EmptyDim 02 Juin 2013, 15:36
Revenir en haut Aller en bas
http://dreamland.forums-actifs.net/
Nodox Pebbles
{ Membre }
{ Membre }

Masculin Messages : 29



Problème de "Qui est en ligne ?" Empty
C'est bon ça marche ^^ merci !

Reste plus qu'à retrouver le lien qui ramène vers la CB et ce sera niquel ! Smile
MessageSujet: Re: Problème de "Qui est en ligne ?"   Problème de "Qui est en ligne ?" EmptyLun 03 Juin 2013, 19:21
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème de "Qui est en ligne ?" Empty
Dans ton code la partie CB du QEEL est gérée par
Code:

<!-- BEGIN switch_chatbox_activate -->
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}</span>
            <!-- END switch_chatbox_activate -->

Or si tu regarde le template par défaut, tu verras que la partie infos CB du QEEL est gérée par :
Code:

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

Tu peux donc voir qu'il te manque une partie du code Wink !

Il te faut donc rajouter ceci à la suite de tes infos concernant la ChatBox Wink
Code:
<!-- 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 -->

Cela devrait marcher (:
MessageSujet: Re: Problème de "Qui est en ligne ?"   Problème de "Qui est en ligne ?" EmptyMar 04 Juin 2013, 06:07
Revenir en haut Aller en bas
http://dreamland.forums-actifs.net/
Nodox Pebbles
{ Membre }
{ Membre }

Masculin Messages : 29



Problème de "Qui est en ligne ?" Empty
ça marche !!

Encore merci Nihil ^^
Une fois de plus ! Merci !
MessageSujet: Re: Problème de "Qui est en ligne ?"   Problème de "Qui est en ligne ?" EmptyMar 04 Juin 2013, 13:26
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de "Qui est en ligne ?" Empty
MessageSujet: Re: Problème de "Qui est en ligne ?"   Problème de "Qui est en ligne ?" Empty
Revenir en haut Aller en bas
 

Problème de "Qui est en ligne ?"

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème image "en ligne" et "hors ligne" [Résolu]
» Problème Qui Est En Ligne
» Problème de 'Qui est en Ligne ?'
» Problème de qui est en ligne.
» probléme de qui est actuelement en ligne.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit