Boutons CB au mauvais endroit

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

Résolu Boutons CB au mauvais endroit

Message par Meian forum le Jeu 9 Fév 2012 - 20:58

Hm alors voilà, aujourd'hui j'ai bidouillé mes codes pour modifier mes forums - un peu à l'arrache je dois l'avouer - et depuis et bien je n'ai plus mes boutons de chatbox à la bonne place. Je mets un screen pour illustrer mon problème parce que...

Spoiler:

Je mets mon template modifié également.

Spoiler:
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<table style="width:750px;" border="0" cellspacing="1" cellpadding="0" align="center"><tr><td>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">

  <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div class="ong1"><span>Formalités</span></div></li>
  <li onClick="change_cat(2)" class="onglet " id="onglet_2"><div class="ong2"><span>Pensionnats</span></div></li>
  <li onClick="change_cat(3)" class="onglet " id="onglet_3"><div class="ong3"><span>Ville</span></li>
  <li onClick="change_cat(4)" class="onglet " id="onglet_4"><div class="ong4"><span>Hors-rpg</span></li>

</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
   if(document.getElementById('categorie_'+numero))
   {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
      
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
   }
   else
   {
      $('#conteneur_barre_onglet').css("display","block");
      document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
   }
   
   compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
   capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
  <div class="imgcat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
</h{catrow.forumrow.LEVEL}>
  <center><div class="designcatfo"><span class="forumlien"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span>
      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
    <img src="http://data.imagup.com/10/1143457407.png" /></center>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
  <!-- BEGIN forum_link_no --> 
  <div class="sujets_messages" style="width:150px;">{catrow.forumrow.TOPICS} sujets - {catrow.forumrow.POSTS} messages</div>
    <div class="lastpost" style="width:150px;">{catrow.forumrow.LAST_POST}</div>
<!-- END forum_link_no -->
  </td>
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</td></tr></table>


Dernière édition par Meian forum le Ven 10 Fév 2012 - 15:46, édité 1 fois

Meian forum
Nouveau membre

Messages : 21
Inscrit(e) le : 21/10/2011

http://meian.forumgratuit.org/
Meian forum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons CB au mauvais endroit

Message par Dr. Karlos le Jeu 9 Fév 2012 - 23:13

Bonsoir,

Vous nous avez donné le template index_body qui n'a aucun rapport avec la chatbox. Wink

Essayez avec ce code dans votre CSS:
Code:
.chatbox-options {
display: block !important;
}


Cordialement,

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons CB au mauvais endroit

Message par Meian forum le Ven 10 Fév 2012 - 12:23

Cela ne marche pas...

J'ai donné le template index-box car c'est après l'avoir modifié que j'ai eu ce problème de plus c'est le seul que j'ai bidouillé donc...

En tout cas merci de prendre du temps pour y réfléchir, c'est cool.

Meian forum
Nouveau membre

Messages : 21
Inscrit(e) le : 21/10/2011

http://meian.forumgratuit.org/
Meian forum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons CB au mauvais endroit

Message par vmcf le Ven 10 Fév 2012 - 14:41

remettez le code du template à sa valeur par défaut ( croix rouge) en prennant soin de sauver le code actuel qq part, si le pb persiste, le template n'est pas en cause, et vous pouvez reappliquer les modifs, sinon verifiez vos modifications

vmcf
**

Masculin
Messages : 76
Inscrit(e) le : 29/01/2010

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

Résolu Re: Boutons CB au mauvais endroit

Message par Dr. Karlos le Ven 10 Fév 2012 - 14:52

Bonjour,

Pouvez-vous me passer l'url de votre forum s'il vous plaît? Je vais m'inscrire afin de voir l'affichage de la chatbox.

Donc en modifiant votre template index_box, cela a fait bugué l'affichage de la chatbox? Le problème ne vient pas de ce template, mais probablement du CSS. Pouvez-vous poster ici votre CSS personnalisé?


Cordialement,

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons CB au mauvais endroit

Message par Meian forum le Ven 10 Fév 2012 - 14:56

Ce n'est pas lié on dirait. J'ai fait ça deux fois et ça n'a rien changé. Je n'ai pas modifié d'autres templates. Il faudrait peut-être mon CSS?

Je viens également de remarquer que les mots"nom d'utilisateur" et "mot de passe" dans le cadre de connexion rapide sont décalés vers le bas en dehors du cadre de la même facon.

Meian forum
Nouveau membre

Messages : 21
Inscrit(e) le : 21/10/2011

http://meian.forumgratuit.org/
Meian forum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons CB au mauvais endroit

Message par Dr. Karlos le Ven 10 Fév 2012 - 14:57

Bonjour,

Effectivement, comme j'ai écrit dans le message précédant. Wink Le problème semble venir du CSS. Nous pourrons faire des tests et voir si ça bug toujours.


Cordialement,

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons CB au mauvais endroit

Message par Meian forum le Ven 10 Fév 2012 - 15:02

D'accord on fait comme ça.

Voici l'url: http://pensionnats-h-w.forumgratuit.org/

Spoiler:
Code:
body{
  background-position:center top;
  background-repeat:no-repeat;
}

.bodyline{
  margin-top:-100px;
  align:center;
}

.forumline{
    border-radius: 15px;
    box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
    padding:5px;
  background-color:rgba(0, 0, 0, 0.2);
  padding:6px;
}

        .profil{
          border: 2px solid #9adc84;
          padding: 3px;
          background-color: #6E93A5;
          border-radius: 50px;
       
        }
       
        .postdetails.poster-profile{
        width: 190px;
        border-radius: 10px;
        background-color: #9adc84;
        padding: 3px;
        display: block;
        text-align: left;
        }
       
        .on_off{
          position: relative;
          left: -55px;
          top:20px;
          width: 60px;
        }

        .name{
          width: 200px;
}

      .mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #FFF;
  background: #a1ba24;
  border: 1px dotted #FFF;
  cursor: pointer;
  margin-bottom: -1px;
  list-style: none;
}
.mon_onglet:hover{
  background: #b48844;
}       
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #3e3f37;
  background: #fff;
  border-top: 1px dotted #000;
  border-right: 1px dotted #000;
  border-left: 1px dotted #000;
  cursor: pointer;
  margin-bottom: -1px;
  list-style: none;
  margin-top:5px;
}         

.clear{
  clear: both;
}
.mon_contenu{
  color: #a9b730;
  background: #fff;
  border: 1px dotted #FFF;
  padding: 10px;
  line-height: normal;
  font-size: 11px;
  -moz-box-shadow:0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000;box-shadow:0px 0px 5px #000;
  height:200px;
}
#mes_contenus, #mes_onglets{
  width: 600px;
  margin: auto;}

.mon_contenu p{
font-family:"Lucida Grande",Arial;
letter-spacing:-2px;
font-size:18px;
}

.ettitle{
font-family:"Lucida Grande",Arial;
letter-spacing:-2px;
font-size:28px;
color:#3E3F37;
text-align:left;
position:relative;
top:23px;
}

.rumeursp{
font-size:22px;
}

.descr{
position:absolute;
width:400px;
float:left;
left:700px;
top:10px;}

.conteneur_onglets{
        float:right;
        position:absolute;
        margin-top:52px;
        margin-left:707px;
}

.conteneur_onglets li{
   list-style:none;
   height:39px;
   padding:0px;
   width:38px;
}

/* General hover styles */

.conteneur_onglets li:hover{
   text-decoration:none;

   /* CSS outer glow with the box-shadow property */
   -moz-box-shadow:0 0 5px #9ddff5;
   -webkit-box-shadow:0 0 5px #9ddff5;
   box-shadow:0 0 5px #9ddff5;
}

.conteneur_onglets span{
   /* Container properties */
   width:0;
   left:38px;
   padding:0;
   position:absolute;
   overflow:hidden;

   /* Text properties */
   font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
   letter-spacing:0.6px;
   white-space:nowrap;
   line-height:39px;

   /* CSS3 Transition: */
   -webkit-transition: 0.25s;

   /* Future proofing (these do not work yet): */
   -moz-transition: 0.25s;
   transition: 0.25s;
}

.conteneur_onglets div{
   /* The background sprite: */
   background:url('http://data.imagup.com/10/1143212895.png') no-repeat;

   height:39px;
   width:38px;
   display:block;
   position:relative;
}

/* General hover styles */

.conteneur_onglets div:hover span{ width:auto; padding:0 20px;overflow:visible; }
.conteneur_onglets div:hover{
   text-decoration:none;

   /* CSS outer glow with the box-shadow property */
   -moz-box-shadow:0 0 5px #9ddff5;
   -webkit-box-shadow:0 0 5px #9ddff5;
   box-shadow:0 0 5px #9ddff5;
}

/* Onglet formalités*/

.conteneur_onglets .ong1 {   background-position:0 0;}
.conteneur_onglets .ong1:hover {   background-position:0 -39px;}
.conteneur_onglets .ong1 span{
   background-color:#7da315;
   color:#3d4f0c;
   text-shadow:1px 1px 0 #99bf31;
}

/* Onglet pension */

.conteneur_onglets .ong2 { background-position:-38px 0;}
.conteneur_onglets .ong2:hover { background-position:-38px -39px;}
.conteneur_onglets .ong2 span{
   background-color:#9fcecc;
   color:#426160;
   text-shadow:1px 1px 0 #b6e9ef;
}

/* Onglet ville */

.conteneur_onglets .ong3 { background-position:-76px 0;}
.conteneur_onglets .ong3:hover { background-position:-76px -39px;}
.conteneur_onglets .ong3 span{
   background-color:#c65c9d;
   color:#642740;
   text-shadow:1px 1px 0 #eeb0eb;
}

/* Onglet flood */

.conteneur_onglets .ong4 { background-position:-114px 0;}
.conteneur_onglets .ong4:hover{ background-position:-114px -39px;}
.conteneur_onglets .ong4 span{
   background-color:#d8d94f;
   color:#585526;
   text-shadow:1px 1px 0 #e2e5bb;
}

#onoutline {
position:absolute;
float:left;
margin-left:-86px;
margin-top:-10px;
}

#navsujet li{
   list-style:none;
   height:39px;
   padding:0px;
   width:38px;
}

/* General hover styles */

#navsujet li:hover{
   text-decoration:none;

   /* CSS outer glow with the box-shadow property */
   -moz-box-shadow:0 0 5px #9ddff5;
   -webkit-box-shadow:0 0 5px #9ddff5;
   box-shadow:0 0 5px #9ddff5;
}

a{
     -webkit-transition: 0.55s;

   /* Future proofing (these do not work yet): */
   -moz-transition: 0.55s;
   transition: 0.55s;
  text-decoration:none;
}

a:hover{
  text-decoration:none!important;
  text-shadow: 0px 0px 6px #fff;
}

.forumlink{
  position:absolute;
  float:left;
  margin-top:58px;
  margin-left:-205px;
  font-size:39px;
  letter-spacing:-1px;
  font-family:harabara;
}

.genmed{
   /* Container properties */
   width:0;
   position:absolute;
   overflow:hidden;
        float:left;
  margin-left:-222px;
  margin-top:100px;
  width:450px;
  font-size:9px;
  text-align:center!important;
}

.sujets_messages{
  position:absolute;
  float:left;
  margin-left:282px;
  margin-top:-225px;
  font-size:11px;
      box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
  text-align:center;
  border-radius:12px;
  background-color:rgba(0, 0, 0, 0.2);
}

.lastpost{
    position:absolute;
  float:left;
  margin-left:284px;
  margin-top:-55px;
  font-size:11px;
      box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
  text-align:center;
  border-radius:12px;
  background-color:rgba(0, 0, 0, 0.2);
}

.imgcat{
  position:absolute;
  float:left;
  margin-left:370px;
  margin-top:-80px;
}

.entete1{
  box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
  text-align:center;
  border-radius:12px;
  background-color:rgba(0, 0, 0, 0.3);
  margin:auto;
  width:450px;
}

.entete1 p{
  text-align:center;
  font-size:30px;
  color:#fff;
  padding:auto;
}

.shoutbox{
  position:fixed;
  float:left;
  margin-left:-340px;
  margin-top:-250px;
}

.chatbox-options {
  display: block !important;
}

Meian forum
Nouveau membre

Messages : 21
Inscrit(e) le : 21/10/2011

http://meian.forumgratuit.org/
Meian forum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons CB au mauvais endroit

Message par Dr. Karlos le Ven 10 Fév 2012 - 15:31

Bonjour,

Le problème vient de cette partie du code:
Code:
.genmed{
  /* Container properties */
  width:0;
  position:absolute;
  overflow:hidden;
        float:left;
  margin-left:-222px;
  margin-top:100px;
  width:450px;
  font-size:9px;
  text-align:center!important;
}

Vos deux margins sont beaucoup trop importantes, ce qui fait décaler le texte ou éventuellement disparaître.

En retirant les deux margins, le problème se règle. Vous pouvez toujours essayer de baisser considérablement les valeurs ou de changer de class dans les templates. Wink


Cordialement,


Dernière édition par Dr. Karlos le Ven 10 Fév 2012 - 15:44, édité 1 fois

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons CB au mauvais endroit

Message par Meian forum le Ven 10 Fév 2012 - 15:40

Et bien c'est ce qui me permet de déplacer "derniers messages" dans mes forums et catégories en fait, mais je vais créer ma propre classe et ne pas utiliser celle de base des templates, elle doit jouer sur d'autres variables. Je vais tester et j'éditerais après.

Edit: Ca marche parfaitement!

Merci à toi pour ton aide!!! Très très sympa!

Meian forum
Nouveau membre

Messages : 21
Inscrit(e) le : 21/10/2011

http://meian.forumgratuit.org/
Meian forum 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