Chatbox coulissante qui passe sous le cadre des réponses rapides

2 participants

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

Résolu Chatbox coulissante qui passe sous le cadre des réponses rapides

Message par Pingouin ♥ Jeu 17 Juil 2014 - 9:26

Bonjour  I love you 
J'ai tenté d'installer sur mon forum-test une version coulissante de la Chatbox et elle avait fonctionné, du moins jusqu'à ce que je me rende compte que la chatbox passait sous le cadre des réponses rapides et non par-dessus, ce qui est assez gênant tout de même  silent J'ai cherché dans les demandes déjà traitées de FA mais je n'ai rien trouvé qui s'approche de mon problème. Un grand merci de m'aider  Wink 

Code:
$(function(){
     
          $("body").append('<div id="fp848" class="fpanel"><table class="fptable"><tr><td class="fpcontent"><iframe src="/chatbox/index.forum" style="border-radius:0px 10px 10px 0px;width: 700px; height: 300px; border:0px transparent;" frameborder="0"></iframe></td><td class="fpbuttons"><span class="fpopen"><img src="http://i.imgur.com/7mKTh5y.png" /></span><span class="fpclose"><img src="http://i.imgur.com/YNKYDdb.png" /></span></td></tr><table></div>');
          $("#fp848 .fpbuttons > span").click(function(){
              $(this).add($(this).siblings()).toggle();
          $("#fp848").animate({"left":$(this).is(".fpclose")?-700:0},1500);
          });
     
        });

Code:
 
.fpanel { position:fixed; z-index: 2; margin-left:-4px;}
.fpclose,.fpopen { cursor: pointer; z-index: 2;}
.fpclose { display: none;z-index: 2;}
 
#fp848 { bottom: 10px; left: -705px;}
#fp848 .fpcontent { width: 700px; font-size:20px;}


Dernière édition par Pingouin ♥ le Jeu 17 Juil 2014 - 9:46, édité 1 fois
Pingouin ♥

Pingouin ♥
Nouveau membre

Messages : 4
Inscrit(e) le : 28/06/2012

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

Résolu Re: Chatbox coulissante qui passe sous le cadre des réponses rapides

Message par AenigmA Jeu 17 Juil 2014 - 9:45

Bonjour,
Augmente le z-index à 10 aux 3 lignes du css qui le contienne (ça doit suffire)
Pense à valider
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox coulissante qui passe sous le cadre des réponses rapides

Message par Pingouin ♥ Jeu 17 Juil 2014 - 9:46

Ca fonctionne I love you
Merci beaucoup pour la rapidité.
Pingouin ♥

Pingouin ♥
Nouveau membre

Messages : 4
Inscrit(e) le : 28/06/2012

http://faketalesofsf.forumactif.com/
Pingouin ♥ 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