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! |
| Jo'
{ Membre }
Messages : 40
| Bonjour ou Bonsoir =) Je viens vous exposer nos soucis qui nous dérangent vraiment depuis quelques temps, nous avons demandé de l'aide un peu partout mais sans résultat :/ Cela fais déjà 2 ou 3 mois alors j'espère que vous nous aiderai • Nous avions installé des Titres en images sur les catégories et d'un coup, à cause d'un soucis de code je suppose, ils ont disparut ! Ils apparaissent pourtant dans les sujets mais pas en page d’accueil. Regardez : https://i.servimg.com/u/f33/16/73/31/41/sans_t19.png • Deuxièmement, notre codeuse a installé un CSS sur notre forum mais celui-ci apparament a quelques soucis car je ne peux changer les couleurs de la barre de navigation. Car quand je change ces couleurs là, les catégories changent aussi. • Ensuite, sur notre Qui est en ligne dans la case d'en bas à droite, le texte n'apparaît plus, avant il expliquait en quoi consistait les groupes quand on cliquait sur un onglet ou un autres. PS : les onglets ne marchent donc aussi plus. Capture : https://i.servimg.com/u/f33/16/73/31/41/sans_t20.png • Et enfin, lorqu'on fais des spoilers et que l'on veux cliquer dessus pour voir le contenu, rien ne s'affiche. Je vous donne un lien qui vous enverra à un sujet que vous pouvez voir normalement, regarder la signature du membre "Shoun'" Elle a mis un spoiler et le contenu ne s'affiche pas : http://turn-cup-speak.forumgratuit.org/t281-inscription#2172 Ces problèmes sont apparus depuis 2 ou 3 mois, nous cherchons depuis comment les résoudre, sans résultat. C'est notre ancienne codeuse qui avait tout mis en place et lorsqu'elle est partie pour raison personnelle, nous avons été embêté. Nous aimerions si possible que vous nous aidiez pour que tout cela soit résolu avant Halloween. N'hésitez pas à me demander des templates ou autres Merci bien par avance pour toute aide que vous nous apporterai. Cordialement, Adresse du forum : http://turn-cup-speak.forumgratuit.org/ | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Bonjour. Peux-tu nous montrer les templates qui ont été modifiés ainsi que votre CSS ? | | |
| | | Jo'
{ Membre }
Messages : 40
| Bonjour ^^ Oui bien sûr =) Je vous donne tous les codes modifiés correspondant à mes soucis, si vous avez besoin d'autres choses, n'hésitez pas ! Mon CSS : - Code:
-
.forumline { margin: 0; }
.chatbox-options { text-align: right; height: 20px !important; }
body{ background-attachement: no-fixed; background-repeat: no-repeat; background-position: top center; }
/*qeel*/ .mon_onglet{
padding: 2px; padding-left: 15px; padding-right: 15px; margin: 2px; color: #000; background: #EFDE96; border: 1px solid #000; margin-right:5px; margin-left:5px; font-size:14px; border-radius:15px;} .mon_onglet:hover{ margin-right:0px; margin-left:0px;} .mon_onglet_selected{ padding: 2px; padding-left: 15px; padding-right: 15px; margin: 2px; color: #000; background: #D3BC87; border: 1px solid #000; margin-right:5px; margin-left:5px; font-size:14px; border-radius:15px;} .clear{ clear: both;} .mon_contenu{ color: #000; background: #EFDE96; border: 1px solid #000; padding: 10px; margin: 10 px; height: 120px; line-height: normal; font-size: 11px; width:95%; border-radius:15px;} #mes_contenus{ height: 100%; width:95%;}
#mes_onglets{ height: 100%; width:100%;}
.contenuqeel{ color: #000; background: #EFDE96; border: 1px solid #000; padding: 10px; height: 120px; font-size: 11px; width:400px; border-radius:15px;}
/*------------------ PROFIL -------------------*/ .fdprofil{ width:240px; padding;10px; background-color:#FFF6A7; border-radius:5px; }
.avprofil{ width:220px; padding;10px; background-color:#EFDE96; border-radius:20px 0px 20px 0px; text-align:center; margin-left:10px; }
/*catégorie*/
.forumline{ background-color: #FFF6A7; }
.desc{ background-color: #FFF6A7; padding: 6px; /*marge interne*/ border:1px solid #D3BC87; margin:10px; font-weight:normal; color:#D3BC87; font-size:13px; } .racc{ background-color: #FFF6A7; padding: 6px; /*marge interne*/ -moz-border-radius:8px 8px 8px 8px; border:1px solid #D3BC87; } .bord{ border:1px solid #D3BC87;} .statsfow{ padding-left:15px; padding-right:5px; background-color:#FFF6A7; border:1px solid #D3BC87; margin-left:10px; margin-right:10px; }
.lastfow{ padding:20px; background-color:#FFF6A7; border:1px solid #D3BC87; margin-left:10px; margin-right:10px; }
a.cattitle { font-size: 18px; font-family: Georgia; color: #D3BC87; text-align:center; margin:100px; }
/********** Fiche de Présentation **********/
.presentation { font-family: Georgia; font-size: 11px; width: 600px; border-radius: 40px; background-color: #e1c9b6; padding: 10px; color: #7e6754; padding-bottom: 30px; }
.titrep { text-align: center; font-size: 20px; padding-bottom: 7px; padding-top: 10px; border-bottom: 3px dashed #7f6959; text-shadow: 1px 1px 1px white; color: #563c27; }
.soustitrep { font-style: italic; margin-left: 120px; font-size: 18px; text-shadow: 1px 1px 1px white; color: #7e6754; margin-bottom: -25px; font-family: Georgia; }
.soustitrep2 { font-family: Georgia; font-style: italic; margin-left: 50px; font-size: 18px; text-shadow: 1px 1px 1px white; color: #7e6754; margin-bottom: -25px; }
.questionsp { font-size: 11px; text-shadow: 1px 1px 1px #261c16; color: #7e6754; padding-left: 10px; }
.questionsp2 { font-size: 11px; text-shadow: 1px 1px 1px #120904; color: #7e6754; padding-left: 10px; }
.boite { width: 580px; padding-top: 15px; padding: 10px; border-radius: 40px; background-color: #553b2a; }
.boite2 { width: 580px; padding-top: 15px; padding: 10px; border-radius: 20px; background-color: #553b2a; }
.boite3 { height: 140px; overflow: auto; width: 265px; padding-top: 15px; padding: 10px; border-radius: 20px; background-color: #553b2a; margin-right: 5px; margin-left: 5px; }
.boite4 { width: 580px; padding-top: 15px; padding: 10px; border-radius: 20px; background-color: #ac9486; }
.avatarp { border: 3px solid #7f6959; border-radius: 5px; background-color: #ffffff; width: 100px; height: 100px; }
/***Autre ***/ .message{ color: #827453; background: #ffffff; border-left: 2px solid #D3BC87; border-right: 2px solid #D3BC87; padding: 10px; margin: 10 px; min-height: 65px; line-height: normal; font-size: 11px;}
u{border-bottom: 1px solid;border-color:#F1EEE5;text-decoration: none; -moz-border-radius:10px;}
I{border-bottom:none; color:#F1EEE5;text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; }
input,textarea, select { -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; }
a {font-variant: small-caps;}
.bodyline {-moz-border-radius:40px;}
a.forumline{ background-color: #000000;
}
a.mainmenu{ text-decoration: none; color : #ffffff; padding:3px; } a.mainmenu:hover{ text-decoration: none; border: 1px dotted #ffffff; color : #ffffff; padding:3px; } /***FOND DE CATEGORIE ***/ .forumline{ background-color: #EFDE96; }
a.mainmenu:link, a.mainmenu:visited{ background-color: #EFDE96; border-left: 9px solid #FFF6A7; border-right: 9px solid #FFF6A7; -moz-border-radius:13px; border: 1px #FFF6A7 double; }
.milieu {width: 90%; margin: 0px; border: 1px solid #EFDE96;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#f1e8cc}
.statistiques { border:0px; background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png"); background-repeat: no-repeat; background-position: center; height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */ }
.groupes { background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */ border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */ -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */ height:40px; /* HAUTEUR DES ENCADRES */ padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */ padding-left:24px; padding-bottom:1px; font-size:13px; /*TAILLE ECRITURE */ font-weight: bold; /* STYLE DE L'ECRITURE */ text-align:center; text-decoration: none !important; } a.forumlink { letter-spacing:2px; display:block; text-align: center; color: #23758F; border-bottom:5px dotted #D3BC87; font-style:bold; text-transform: capitalize; }
a.forumlink:hover { letter-spacing:3px; display:block; text-align: center; color: #23758F; border-bottom:5px double #D3BC87; font-style:bold; text-transform: uppercase; }
/********FICHE********/ .fond{ background-color:#ffffff; width:100%; height:100%; border:1px solid #d89fa6; border-right:4px solid #d89fa6; border-left:4px solid #d89fa6;}
.title{ width:600px; background-color:#efece5 ; font-size:13px; color:#353434; text-align:justify; border:1px solid #d89fa6; border-right:4px solid #d89fa6; border-left:4px solid #d89fa6;}
.titl{ border-radius: 10px 10px 10px 10px; margin-left:auto; margin-right:auto; padding:5px; width:80%; font-size:15px; text-align:center;}
.texte{ padding: 5px; background-color:#efece5;}
.texte2{ padding: 5px; max-height:100px; overflow:auto; background-color:#efece5;}
/*Code, Citations et spoiler*/ .quote { background-color: #ffffff; border: 1px solid #E5F1F9; color: #666; font-family: Verdana, Arial; padding-left: 10px; padding-right: 15px; }
.code { background-color: #ffffff; color: #666; border: 1px solid #E5F1F9; font-family: Verdana, Arial; padding-left: 10px; padding-right: 15px; }
.spoiler { background: #ffffff; border: 1px solid #E5F1F9; font-family: Verdana, Arial; color: #666; padding-left: 10px; padding-right: 15px; }
.spoiler_closed hidden, .spoiler_content, .spoiler_closed { background: #ffffff; border: 1px solid #E5F1F9; font-family: Verdana, Arial; color: #666; padding-left: 10px; padding-right: 15px; border: none }
/************************************************** *FICHE* ***************************************************/ .t1{ border-top-left-radius:35px ; border-bottom-right-radius:35px ; background-color:#d3bc87; padding:20px;width:80%; margin-left:auto; margin-right:auto; border:2px double #ffffff; text-align:center;}
.t2{ letter-spacing: 2pt; text-shadow: 0px 1px 0px #ffffff; font-face:Georgia; color:#f1e8cc; margin:auto; text-align:center; font-size:14pt;}
.t3{ border-top-left-radius:35px ; border-bottom-right-radius:35px ; background-color:#d3bc87; padding:20px; width:80%; margin-left:auto; margin-right:auto; border:2px double #ffffff; text-align:justify;}
.t4{ border-top-left-radius:35px ; border-bottom-right-radius:35px ; background-color:#d3bc87; padding:20px; width:80%; margin-left:auto; margin-right:auto; border:2px double #ffffff; text-align:justify; max-height:200px; overflow:auto;}
PA :
.accueil .forumline{ background-color: transparent !important; border: none !important; }
.accueil .row1{ background-color: transparent !important; border: none !important; }
/* selon votre forum et sa hiérarchie, il faudra peut être rajouter le code suivant */
.accueil td.catHead{ background-image: none !important; background-color: transparent !important; border: none !important; } Mon template index_body - Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <div class="accueil"> <table 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> </div> <!-- 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"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </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><i class="mainoption" type="sunput 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 --> <div align="center"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></div> <br /><center><table><tr><td align="center" style="margin: auto;" id="mes_onglets"> <span id="o_1" class="mon_onglet" onclick="changeOnglet(this);">Gérants</span> <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Agents</span> <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Comédiens</span> <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Réalisateurs</span> <span id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Monteurs</span> <span id="o_6" class="mon_onglet" onclick="changeOnglet(this);">Conseillers</span> <span id="o_7" class="mon_onglet" onclick="changeOnglet(this);">Acteurs</span></td></tr> </table></center><br /> <table align="center"> <tr><td class="contenuqeel" width="50%" cosplan="2" class="row1"><span class="gensmall"> {TOTAL_USERS_ONLINE}<br /> {RECORD_USERS}<br /> <br /> {LOGGED_IN_USER_LIST} </span> </td><td class="contenuqeel" width="50%" cosplan="2" class="row1"><span class="gensmall"> {TOTAL_POSTS}<br /> {TOTAL_USERS}<br /> {NEWEST_USER}<br /> </span> </td></tr> <tr> <td class="contenuqeel" width="50%" cosplan="2" class="row1"> <div class="clear"><div id="mes_contenus"> <div id="co_1" class="mon_contenu" style="display: none;">~ Les gérants,<br> </br>Les maîtres du plateau! Les lieux de tournage ? Avec quelles équipes ?... Ce sont les gérants! Au moindre problème entre acteurs et managers ou autres, allez les voir, ils vous aideront ;)</div> <div id="co_2" class="mon_contenu" style="display: none;">~ Les agents,<br> </br>Tu as besoin de quelqu'un sur qui compter? Les agents sont là pour toi! Les questions... Ils seront là pour toi!</div> <div id="co_3" class="mon_contenu" style="display: none;">~ Les comédiens,<br> </br>Ahah! Ils sont trop marrant, ces comédiens! En tout cas, l'ambiance et le sourire sont leur domaine! Que veux-tu ? Faut bien rire 5 min par jours, non?</div> <div id="co_4" class="mon_contenu" style="display: none;">~ Les réalisateurs<br> </br>Les images, les vidéos, les graphismes…c’est eux ! Comment les négliger?!! C'est grâce à eux si tu es célèbre ; grâce à leurs montages!</div> <div id="co_5" class="mon_contenu" style="display: none;">~ Les monteurs<br> </br>Les décors et structures du film, c’est pour eux ! Ils font tous pour que vous soyez dans le confort au maximum! Alors ne leurs tournez pas le dos ;)</div> <div id="co_6" class="mon_contenu" style="display: none;">~ Les conseillers<br> </br>Besoin d’un conseil ? Ils sont là pour toi! C’est eux qui veillent à la progression du film et de la notoriété. Le meilleur ami de la directrice, il analyse tout !</div> <div id="co_7" class="mon_contenu" style="display: none;">~ Les acteurs<br> </br>Tiens, ce n’est pas toi? Mais si! Si tu as atteint ce groupe c'est que tu es devenu une étoile qui participera un jour aux oscars! Tu verras, ça se réalisera! </div> </div></div></td> <td class="contenuqeel" width="50%" cosplan="2" class="row1"> <table> {L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY}<span id="anniversaire"></span> {L_WHOSBIRTHDAY_WEEK}</table></td></tr></table>
</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 --> Mon template index_box - Code:
-
<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> <!-- BEGIN catrow --><!-- BEGIN tablehead --> <table class="forumline" width="884px" border="0" cellspacing="1" align="center" cellpadding="0"> <div align="center" style="width: 884px; height: 194px; background:url('http://nsa29.casimages.com/img/2012/05/17//120517062645397674.png');"></div> <!-- 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 align="center" valign="middle" height="50" width="20%"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br> </td> <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="60%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> <div class="desc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><br> </h{catrow.forumrow.LEVEL}> <span class=sousforums>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> <br><br> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span><br></td> <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="20%" height="50"> <div class="statsfow"><span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>{catrow.forumrow.POSTS}</b> messages</span></div><br> <div class="lastfow"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div><br><br> </td>
</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 --> </table><div align="center" style="width: 884px; height: 194px; background:url('http://nsa29.casimages.com/img/2012/05/17/120517062444711197.png');"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> Mon template overall_header - 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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> <!-- BEGIN switch_compat_meta --> <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" /> <!-- END switch_compat_meta --> <!-- BEGIN switch_canonical_url --> <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" /> <!-- END switch_canonical_url --> {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login --> <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script> <!-- END switch_fb_login -->
<!-- BEGIN switch_ticker --> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam ) { case 'top' : slid_vert = true; break;
case 'left': break;
case 'bottom': slid_vert = true; auto_dir = 'prev'; break;
case 'right': auto_dir = 'prev'; break;
default: slid_vert = true; }
$(document).ready(function() { var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0) { $('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */ $('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des ?l?ments */ var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } );
/* Redimensionnement des ?l?ments et des images trop larges */ $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } });
/* Redimensionnement et centrage du conteneur en mode vertical */ if (slid_vert) { $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); }
/* Initialisation du caroussel */ $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script> <!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false; <!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup --> $(document).ready( function() { $(window).resize(function() { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup");
$("#login_popup").css({ "left": windowWidth/2 - popupWidth/2 }); }); }); <!-- END switch_login_popup --> //]]> </script> {GREETING_POPUP} <!-- BEGIN switch_ticker_new --> <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style> <!-- END switch_ticker_new --> {HOSTING_JS} <!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']);
(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script> <!-- END google_analytics_code --> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://code.bb-fr.com/10177.js"></script> </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup -->
<a name="top"></a> {JAVASCRIPT} <table style="position:fixed;z-index:2000;left: 0px 0px 0px; right:0px;width:100%;background:#F1E8CC;margin-top:-10px;text-align:center;"> <tr> <td><div class="navigation">{GENERATED_NAV_BAR}</div></td> </tr> </table> <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_left --> <td align="center" width="100%" valign="middle"> <!-- BEGIN switch_logo_center --> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> <br /> <!-- END switch_logo_center --> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td> <!-- BEGIN switch_logo_right --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_right --> </tr> </table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker -->
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation --> | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Merci. Je ne pourrai y jeter un oeil que ce soir alors si quelqu'un a le temps plus tôt, qu'il n'hésite pas.
J'avais également une question : lorsque tu dis que tu ne peux pas changer les couleurs de la barre de navigation, c'est en passant par la CSS ou par la gestion des couleurs du panneau d'administration ? | | |
| | | Jo'
{ Membre }
Messages : 40
| Merci à toi =) C'est très gentil Et pour les couleurs de la barre de navigation, je passe par le CSS ^^ | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour, Ton forum étant fermé aux visiteurs, il nous est impossible de voir ce qui peut clocher. Un très rapide coup d'oeil sur le code de ton template index_box m'a cependant permis de voir ceci : - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --> <table class="forumline" width="884px" border="0" cellspacing="1" align="center" cellpadding="0"> <div align="center" style="width: 884px; height: 194px; background:url('http://nsa29.casimages.com/img/2012/05/17//120517062645397674.png');"></div> <!-- END tablehead --> Et ceci également : - Code:
-
<div class="desc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><br> </h{catrow.forumrow.LEVEL}> <span class=sousforums>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> <br><br> - Dans un tableau, on ne met RIEN en dehors d'une cellule (qui elle même doit être à l'intérieur d'une ligne). Un <div> suivant immédiatement un <table> est donc une erreur flagrante. - Il manque une bonne partie du code qui est habituellement entre les BEGIN et END tablehead (dont, entre autres, le titre) - Sachant que les balises de forme <h{catrow.forumrow.LEVEL}> sont des balises de TITRE, pourquoi trouve-t-on la description des forums à l'intérieur (puisque avant la balise de fermeture) d'un titre ? | | |
| | | Jo'
{ Membre }
Messages : 40
| Ok j'ouvre le forum vite fait. Tu sais, vu les soucis que nous avons eu, je me doûte de toutes les erreurs qu'il y a dans le code mais comme je te l'ai dit ce n'est pas moi qui y est touchée. Je ne suis pas du tout douée en codage, c'était l'ancienne codeuse qui avait mis tout en place. Lorsque qu'elle est partie, elle a laissée tout en plan. Donc je ne peux répondre à tes questions :/ Peux-tu plutôt m'expliquer ce que je dois faire pour les résoudre ? Je te remercie par avance. Cordialement | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Techniquement, CSSActif est surtout prévu pour apprendre aux membres à réaliser leurs modifications par eux même. Je ne peux pas te donner les solutions toutes faites. Mon principal conseil serait que tu remettes tout à zéro et que tu utilises les tutoriels de CSSActif (en particulier ceux dont le titre a été passé en vert) pour reproduire les effets dont tu as besoin. • Pour le titre, c'est dans le template Index-box, premier bout de code que je t'ai signalé. Ce commentaire déclare l'ouverture de la table qui contient les forums : - Code:
-
<!-- BEGIN tablehead --> Comme je l'ai signalé plus haut, on ne peut pas mettre de <div> immédiatement après un <table> , il te faut donc inverser les deux que j'ai signalés plus haut. Il te faut également placer {catrow.tablehead.L_FORUM} à l'intérieur du div (c'est à dire avant la balise </div> • Pour les couleurs de la barre de navigation, cherche ceci dans ton template overall_header : - Code:
-
<table style="position:fixed;z-index:2000;left: 0px 0px 0px; right:0px;width:100%;background:#F1E8CC;margin-top:-10px;text-align:center;"> <tr> <td><div class="navigation">{GENERATED_NAV_BAR}</div></td> </tr> </table> Remplace le code ENTIER par ça : - Code:
-
<div class="navigation">{GENERATED_NAV_BAR}</div> (Il n'y a rien de plus inutile qu'un tableau à une ligne et une colonne) Et dans ton CSS tu rajoutes le CSS qui était dans le HTML (en corrigeant les âneries mises par ton ancienne codeuse x_x) : - Code:
-
/* -------------------------------------------- MISE EN FORME DE LA BARRE DE NAVIGATION (début) */
.navigation { position:fixed; z-index:50; top:0; left:0; width:100%; background:#F1E8CC; margin-top:-10px; text-align:center; }
/* (fin) MISE EN FORME DE LA BARRE DE NAVIGATION -------------------------------------------- */ • Le problème du QEEL ne m'a plus l'air d'actualité • Pour le spoiler je ne sais pas (pas de signature en spoiler btw), essaie de désactiver le javascript (module > gestion des codes javascript) ? | | |
| | | Doare
{ Spécialiste }
Messages : 544
| - Jo' a écrit:
- Peux-tu plutôt m'expliquer ce que je dois faire pour les résoudre ? Smile Je te remercie par avance.
@'Christa: Elle ne t'a pas demandé de solutions toutes faites, la remarque était donc inutile.
Je vais y aller par template. Ca te permettra en passant de comprendre ce qui avait été fait et à quoi ça sert. Template overall_header :Deux balises <script> ajoutées par votre codeuse : - Code:
-
<!-- END google_analytics_code --> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://code.bb-fr.com/10177.js"></script> </head> La première intègre manuellement la bibliothèque jQuery, laquelle est déjà intégrée par défaut par ForumActif. Invalide en passant la plupart du javascript et jQuery. Ton problème de spoiler vient sans doute de là, car cela remarche correctement chez moi. La deuxième ligne fait appel à un fichier javascript hébergé sur un autre forum (je suppose son forum test). La fonction javascript utilisée pour votre QEEL devait probablement s'y trouver. Le fichier n'est plus disponible donc pour rétablir votre QEEL, il faudra réécrire la fonction... J'ai vu que ton forum était passé en thème d'Halloween et que le QEEL concerné n'est plus en ligne. Tu devras nous dire si c'est toujours d'actualité ou pas. Dans tous les cas, supprime ces deux lignes. Template index_body :Je suppose que si tu l'as ouvert, tu auras vu que la moitié du code devient rouge à partir d'un certain point. C'est l'indication qu'il y a une erreur dans le code. =) En l'occurrence elle est située ici : - Code:
-
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><i class="mainoption" type="sunput 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 --> Cette ligne est mal formée : - Code:
-
<td><i class="mainoption" type="sunput class="post" type="password" size="10" name="password"/> </td> C'est probablement le résultat d'une mauvaise manip, d'un copier-coller malencontreux... En tout cas la balise, censée être <input> , est en vrac. Remplace cette ligne par ceci : - Code:
-
<td><input class="post" type="password" size="10" name="password"/> </td> Plus bas, vers la fin du code du QEEL... - Code:
-
<td class="contenuqeel" width="50%" cosplan="2" class="row1"> <table> {L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} <span id="anniversaire"></span> {L_WHOSBIRTHDAY_WEEK} </table> </td> </tr> </table>
</table> <!-- END disable_viewonline --> Il y a une balise </table> en trop ; supprime la dernière. La balise <span id="anniversaire"></span> n'a rien à faire là. Il s'agit probablement d'un reste de test. Je précise que les <tr> et <td> sont ici exceptionnellement inutiles, car les balises sont générées par les variables. Le reste de la structure est donc (pour une fois) "normal". Template index_box :Comme tu l'as compris, il y a ici le plus de problèmes de structure. 'Christa t'a déjà expliqué quoi faire pour corriger le début du tableau et rétablir le nom des catégories, je ne répèterai donc pas. ^^ Après, la plupart des erreurs résident dans la partie forumrow : - Code:
-
<!-- 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 align="center" valign="middle" height="50" width="20%"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br> </td> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> <div class="desc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><br> </h{catrow.forumrow.LEVEL}> <span class=sousforums>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> <br><br> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span><br></td> <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="20%" height="50"> <div class="statsfow"><span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>{catrow.forumrow.POSTS}</b> messages</span></div><br> <div class="lastfow"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div><br><br> </td>
</tr> <!-- END forumrow --> - La cellule comprenant titre, description, liens vers les sous-forums et noms des modérateurs est fermée, mais pas ouverte. Il te manque, avant la balise d'ouverture
<h{catrow.forumrow.LEVEL}> , la balise d'ouverture <td> .
- 'Christa t'a dit pour le mauvais placement de la balise de fermeture
</h{catrow.forumrow.LEVEL}> , puisqu'il s'agit d'un balise de titre et qu'elle englobe actuellement la description du forum. Déplace-la donc avant la div .desc .
- Il manque les guillemets au span
.sousforums situé après la description.
- Votre codeuse a quelque peu abusé des
<br> , la plupart du temps inutiles, surtout après des </div> . Je t'invite à faire un peu le ménage en passant.
Du point de vue du style uniquement, tu auras remarqué que les images de début et de fin de catégorie sont intégrées directement dans le template. - Code:
-
<div align="center" style="width: 884px; height: 194px; background:url('http://nsa29.casimages.com/img/2012/05/17//120517062645397674.png');"></div> <table class="forumline" width="884px" border="0" cellspacing="1" align="center" cellpadding="0"> <!-- reste du template --> </table> <div align="center" style="width: 884px; height: 194px; background:url('http://nsa29.casimages.com/img/2012/05/17/120517062444711197.png');"></div> Tu y gagnerais beaucoup à déclarer une classe à chacune de ces div et à déclarer le style dans le CSS. - Code:
-
<div class="hautcategorie"></div> <table class="forumline" width="884px" border="0" cellspacing="1" align="center" cellpadding="0"> <!-- reste du template --> </table> <div class="bascategorie"></div> - Code:
-
.hautcategorie, .bascategorie { width: 884px; height: 194px; } .hautcategorie { background-image: url('http://nsa29.casimages.com/img/2012/05/17//120517062645397674.png'); } .bascategorie { background-image: url('http://nsa29.casimages.com/img/2012/05/17/120517062444711197.png'); } Pour modifier les couleurs de la navigation, 'Christa t'a déjà expliqué quoi faire. J'ajouterai simplement que cette ligne, vers la fin du CSS : - Code:
-
PA : devrait être mise en commentaire. |
Dernière édition par Doare le Dim 30 Sep 2012, 11:16, édité 1 fois | |
| | | 'Christa
Lostmindy
Messages : 2856
| La remarque était là pour dire que même si elle ne s'y connait pas en code, on ne pourra pas le faire à sa place (va falloir mettre les mains dans le cambouis !)
Je voulais en particulier éviter la grosse masse de rectifications pour tous les petits problèmes qui trainent un peu partout, mon principal souci étant que tel le château de cartes moyen, rectifier une erreur fera tomber tout le reste T_T (et imposera des rectifications à n'en plus finir, ce qui s'apparente à un travail de débugage intensif de la part du codeur, et il n'y a rien de plus lourd que le débugage ;_; )
Je te laisse t'en occuper vu ton enthousiasme o/ *l'encourage de loin* | | |
| | | Jo'
{ Membre }
Messages : 40
| Bonsoir =) Merci d'avoir pris du temps pour moi et de votre aide ^^ • Pour la barre de navigation, c'est Ok. • Pour les titres, je n'ai pas bien compris ce que je devais faire et je n'ai pas trouver ce code "{catrow.tablehead.L_FORUM}" Pour la template index_box je n'ai pas trouvé non plus ".desc" Et du coup j'ai préférai rien faire, et vous demander avant • Pour le qeel, c'est toujours d'actu car après halloween, je pense qu'on le remettra. • Pour les spoilers, je ne peux pas désactiver les javascript car ma bannière est aléatoire et j'ai une chatbox aléatoire qui d'ailleurs ne fonctionne plus :/ Merci encore de votre aide, c'est adorable de votre part. Bonne soirée | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Pour les spoilers et ta CB, si tu as bien lu ce que j'ai raconté au début de mon post, l'erreur doit venir de deux lignes ajoutées par ta codeuse qui invalident le javascript. Dans ton template overall_header, cherche ceci : - Code:
-
<!-- END google_analytics_code --> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://code.bb-fr.com/10177.js"></script> </head> Et supprime les deux lignes "script". - Citation :
- • Pour les titres, je n'ai pas bien compris ce que je devais faire et je n'ai pas trouver ce code "{catrow.tablehead.L_FORUM}"
C'est normal, il n'y est pas, justement. Il s'agit d'une variable qui contient le titre de la catégorie. C'est son absence qui fait que tu n'as pas de titre de catégorie sur ton forum. Tu dois donc l' ajouter dans la <div> qui affiche l'image de haut de catégorie. Si tu as fait ce que l'on t'a dit, tu dois avoir ceci dans ton template index_box (ou alors tu as fait ce que je t'ai conseillé en fin de post et tu as une div avec la classe "hautcategorie", ce qui est encore mieux) : - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --> <div align="center" style="width: 884px; height: 194px; background:url('http://nsa29.casimages.com/img/2012/05/17//120517062645397674.png');"></div> <table class="forumline" width="884px" border="0" cellspacing="1" align="center" cellpadding="0"> <!-- END tablehead --> Tu dois ajouter la variable {catrow.tablehead.L_FORUM} dans la div (entre les balises ouvrante et fermante). Concernant le titre, voici la partie concernée, avec quelques commentaires pour que tu voies de quoi l'on parle : - Code:
-
<!-- DEBUT de la balise TITRE --> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> <!-- DEBUT de la div DESC, comprenant la description du forum --> <div class="desc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><br> <!-- FIN de la div DESC --> </h{catrow.forumrow.LEVEL}> <!-- FIN de la balise TITRE--> <span class=sousforums>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> <br><br> Actuellement, la div "desc" est dans la balise de titre. Tu dois la déplacer pour la mettre après </h{catrow.forumrow.LEVEL}> . Lorsque tu as terminé toutes les modifications qu'on t'a conseillées, remontre-nous tes templates pour qu'on vérifie ce que tu as fait. | | |
| | | Jo'
{ Membre }
Messages : 40
| Re bonsoir Je t'adooooore !!! Tous mes soucis sont résolus ! En si peu de temps, j'ai retrouvé mon beau forum Je te remercie du fond du coeur Tu veux quand même voir mes templates ? Je me ferai un plaisir de te mettre dans les crédits pour remercier ton aide ^^ PS : je n'ai pas fais ce dont tu m'as conseillé pour les sidesbar car j'avais l'habitude de faire comme je faisais donc voilà :p Bonne soirée, bisous ! | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Bah, si tout marche bien, on va dire que c'est pas la peine. Y compris ton QEEL ? J'ai une solution pour toi si ce n'est pas réglé... | | |
| | | Jo'
{ Membre }
Messages : 40
| Bonjour Pour le QEEL, non ce n'est pas réglé :/ Je veux bien ta solution. On m'a dit autre part qu'il manquait un bout de template Si ça peux t'aider ^^ | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Bah comme je te disais, il manque la fonction Javascript qui permettait d'actionner les onglets. Je vais juste t'en proposer un nouveau, qui fonctionne. Dans ton panneau d'administration, va dans Modules > HTML & Javascript > Gestion des codes Javascript. Crée un nouveau code, nomme-le comme tu souhaites, sélectionne un placement " sur l'index". Enfin, colle ceci : - Code:
-
$(function(){ $('.mon_onglet').each(function(){ $(this).click(function(){ $('.mon_contenu').hide(); var tab = $(this).attr('id'); $('#c' + tab).fadeIn(); }); }); }); Et c'est bon.Si tu veux aller jusqu'au bout, tu peux aller supprimer le code inutile qui se trouve maintenant dans ton QEEL, dans le template index_body : - Code:
-
<!-- BEGIN disable_viewonline --> <div align="center"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></div> <br /><center><table><tr><td align="center" style="margin: auto;" id="mes_onglets"> <span id="o_1" class="mon_onglet" onclick="changeOnglet(this);">Gérants</span> <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Agents</span> <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Comédiens</span> <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Réalisateurs</span> <span id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Monteurs</span> <span id="o_6" class="mon_onglet" onclick="changeOnglet(this);">Conseillers</span> <span id="o_7" class="mon_onglet" onclick="changeOnglet(this);">Acteurs</span></td></tr> </table></center><br /> Tous les onclick="changeOnglet(this);" sont à présent inutiles, tu peux les supprimer. Voilà miss \o/ | | |
| | | Jo'
{ Membre }
Messages : 40
| Salut =) Ça marche impeccable ! Comment te remercier, en si peu de temps en plus *-* Je me ferai un plaisir de t'ajouter dans les crédits, merci infiniment Vous pouvez archiver ^^ | | |
| | | pamina
{ Membre actif }
Messages : 1170
| Merci Jo' d'avoir prévenu et bonne continuation ! J'archive. | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|