Sujets similaires

Sujet: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 06:05

Bonjour,
J'ai suivie la version tutoriel avec les Template pour l'installation de la chat box latérale.
Malheureusement pour moi elle se situe derrière mes catégories.
Voici mon overall_footer_end :

Code:: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
   <td>
      <div>
         <div>
            <div>

            </div>
         </div>
         
         <div align="center">
            <div class="gen">
               
                   | 
                  <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
               
            </div>
         </div>
         
      </div>
      {PROTECT_FOOTER}
   </td>
</tr>
</table>


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



<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
   var lien_redir = $('a#logout').attr('href');

   if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
   {
      document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
   }
}
});

$(document).ready( function() {
$('a#logout').click( function() {
   FB.logout();
} );
});
//]]>
</script>


<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
<table class="ChatboxLaterale" cellspacing="0" cellpadding="0">
<tr>
<td>
<iframe id="chatboxpop" src="#" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</td>
<td class="BoutonChatbox">
<img id="btn_cb" src="#" alt="Ouvrir/Fermer la ChatBox" />
</td>
</tr>
</table>
{AUTO_DST}
</body>
</html>

Le lien du forum : http://rpg-vivalavida.forumactif.org/
Merci d'avance ! :p

Sujet: Re: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 07:24

Bonjour Maguitte !

Ca se règle assez facilement en CSS, il faut faire en sorte que la propriété z-index de ta chatbox soit supérieure à celle de tes catégories (pour la placer au-dessus).

Cependant, la propriété z-index est prise en compte pour des valeurs bien particulières de la propriété position (pas celle par défaut). Il faut donc fixer cette propriété à la valeur relative (c'est à savoir).

Applique donc dans ton CSS à ta chatbox les propriétés suivantes (au niveau du sélecteur, j'ai pris #chatboxpop car c'est l'identifiant que tu utilise pour repérer ta Chatbox) :

Code:: #chatboxpop {
...
position: relative;
z-index: 1000;
}

Sujet: Re: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 09:24

Merci je vais essayer de suite !

Sujet: Re: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 09:57

Yep, tiens moi au courant de ce que ça donne (si tu as des questions, n'hésites pas Wink

).

Sujet: Re: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 10:19

Je crois avoir fait ce qui fallait mais çà ne marche pas...
Il y avait quelque chose à mettre dans le template ?
Voilà

Sujet: Re: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 10:26

...

Non, tu n'as juste pas lu mon message en entier.

Il manque encore quelque chose (que je t'ai indiqué), je te laisse le rajouter (tout est dans le CSS, pas besoin de toucher au template ne t'en fais pas).

Wink

Sujet: Re: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 13:11

J'ai bien mis le CSS mais çà ne fonctionne pas 0-0

Sujet: Re: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 13:40

Bah je vois pas de position dans ton CSS moi Neutral

T'es sûre que tu as bien mis la propriété position à la valeur relative comme je te l'ai indiqué ?

Sujet: Re: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 13:47

Je te redonne mon CSS : merci de m'aider

Code:: /* conteneur de la chatbox et du bouton */
.ChatboxLaterale {
position: fixed; /* position fixe dans la fenêtre */
bottom: 10%; /* à 10% du bas (calculé en fonction de la taille de la fenêtre) */
left: 0; /* et 0px du bord gauche */
width : 100px; /* dimension 100px */
}
/* chatbox seule */
.ChatboxLaterale iframe {
width: 800px; /* largeur */
height: 300px; /* hauteur */
display: none; /* caché par défaut */
}
/* bouton ouvrir/fermer */
.BoutonChatbox {
vertical-align: bottom; /* alignement vertical du bouton */
}
.BoutonChatbox img {
cursor: pointer; /* on ajoute un pointeur pour indiquer que notre image est cliquable */
}
#chatboxpop {
position: relative;
z-index: 999;
}

Sujet: Re: ChatBox latérale [RESOLU] Lun 05 Nov 2012, 17:38

C'est fou ça, la propriété n'apparaît pas dans le rendu Shocked

Bref, peut-être dû à l'iframe...
Autrement, applique juste le z-index à .ChatboxLaterale, ça devrait marcher (vu qu'il a déjà position: fixed) Smile

Sujet: Re: ChatBox latérale [RESOLU] Mar 06 Nov 2012, 11:14

Merci Espeon.
Je connaissais cette propriété en plus, j'aurai du essayé. Je saurai pour la prochaine fois ! Merci !

Sujet: Re: ChatBox latérale [RESOLU] Mar 06 Nov 2012, 16:27

Hello !
Puisque c'est résolu, je déplace !
Merci de l'avoir signalé ChatBox latérale [RESOLU] 926145

ChatBox latérale [RESOLU]

ChatBox latérale [RESOLU]

Sujets similaires

Sujets similaires

Partenaires Or