Accueil
Créer un forumBoutons CB au mauvais endroit
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Boutons CB au mauvais endroit
par Meian forum 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...
Je mets mon template modifié également.
- 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 -
Re: Boutons CB au mauvais endroit
par Dr. Karlos Jeu 9 Fév 2012 - 23:13
Bonsoir,
Vous nous avez donné le template index_body qui n'a aucun rapport avec la chatbox.
Essayez avec ce code dans votre CSS:
Cordialement,
Vous nous avez donné le template index_body qui n'a aucun rapport avec la chatbox.
Essayez avec ce code dans votre CSS:
- Code:
.chatbox-options {
display: block !important;
}
Cordialement,
Dr. Karlos- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Boutons CB au mauvais endroit
par Meian forum 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.
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 -
Re: Boutons CB au mauvais endroit
par vmcf 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- **
-
Messages : 76
Inscrit(e) le : 29/01/2010 -
Re: Boutons CB au mauvais endroit
par Dr. Karlos 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,
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- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Boutons CB au mauvais endroit
par Meian forum 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.
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 -
Re: Boutons CB au mauvais endroit
par Dr. Karlos Ven 10 Fév 2012 - 14:57
Bonjour,
Effectivement, comme j'ai écrit dans le message précédant. Le problème semble venir du CSS. Nous pourrons faire des tests et voir si ça bug toujours.
Cordialement,
Effectivement, comme j'ai écrit dans le message précédant.
Le problème semble venir du CSS. Nous pourrons faire des tests et voir si ça bug toujours.Cordialement,
Dr. Karlos- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Boutons CB au mauvais endroit
par Meian forum Ven 10 Fév 2012 - 15:02
D'accord on fait comme ça.
Voici l'url: http://pensionnats-h-w.forumgratuit.org/
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 -
Re: Boutons CB au mauvais endroit
par Dr. Karlos Ven 10 Fév 2012 - 15:31
Bonjour,
Le problème vient de cette partie du code:
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.
Cordialement,
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.
Cordialement,
Dernière édition par Dr. Karlos le Ven 10 Fév 2012 - 15:44, édité 1 fois
Dr. Karlos- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Boutons CB au mauvais endroit
par Meian forum 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!
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 -
Sujets similaires» Titre du forum positionné au mauvais endroit
» Sondage au mauvais endroit
» Séparation message / signature : qui se trouve aux mauvais endroit.
» Liens des sous-forum au mauvais endroit
» Ajout compteur de viste au mauvais endroit
» Sondage au mauvais endroit
» Séparation message / signature : qui se trouve aux mauvais endroit.
» Liens des sous-forum au mauvais endroit
» Ajout compteur de viste au mauvais endroit
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum