Sujets similaires

Sujet: Problème avec ma Page d'Acceuil Dim 30 Jan 2011, 15:47

Bien le bonsoir à tous Smile

Je viens vous demander votre aide car, je ne vois pas moi, d'ou peu venir le problème. Je m'explique, J'ai fait une page d'acceuil, sur mon fo test Ici qui marche parfaitement et tout ça, mais quand je fais passer ça sur le forum ou elle doit être j'obtiens ça

Comme vous le verrai les accordéons on un peu foiré, alors qu'à la base, j'ai juste fais un copier coller des codes mis sur mon fo test. Donc je ne comprend pas...

Mon CSS

Le code HTLM

Merci d'avance a ceux qui prendront du temps sur mon petit cas Smile

Sujet: Re: Problème avec ma Page d'Acceuil Dim 30 Jan 2011, 16:14

Bonsoir,

Question bête, mais as-tu pensé à copié aussi les code js dans tes templates ?

Sujet: Re: Problème avec ma Page d'Acceuil Dim 30 Jan 2011, 16:15

Ben euh... Normalement oui car j'ai vraiment fait du copier coller >.<

Sujet: Re: Problème avec ma Page d'Acceuil Dim 30 Jan 2011, 16:17

C'est bizarre parce que visiblement, là, il ne prend du tout en compte un quelconque script js pour l'accordéon, c'est pour ça qu'ils ne s'ouvrent pas je pense...

Et si tu essais ton template comme ça :

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}>
<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<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" />

<link rel="canonical" href="{switch_canonical_url.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>


<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>



<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>



<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>


<script type="text/javascript">//<![CDATA[
$(document).ready(function(){

pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();


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();


ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});

});


var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;



$(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
});
});
});

//]]>
</script>
{GREETING_POPUP}

<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>



<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>

<script src="http://hariboow.free.fr/CSSActif/verticalkwicks.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$('#vkwicks .kwicks').kwicks({
max : 205,
spacing : 3,
isVertical : true
});
});
</script> <script type="text/javascript">
$().ready(function() {
$('#vkwicks22 .kwicks').kwicks({
max : 205,
spacing : 3,
isVertical : true
});
});
</script>
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<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}

<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>

<script type="text/javascript" src="http://www.yourjavascript.com/0374901133/script.js" ></script>
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"><table style="position: fixed; bottom: 50px; left: 0px;background-color: none;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 600px; height: 200px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onmouseover="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

<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}

<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>



<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>


<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}><span class="navi">{GENERATED_NAV_BAR}</span></td>
</tr>
</table><br><html><head>
<style type="text/css">
.mycss
{
font-weight:normal;font-variant:small-caps;color:#FFFFFF;letter-spacing:1pt;word-spacing:2pt;font-size:11px;text-align:center;font-family:time New Roman;line-height:1;
}
</style>
</head>
<body>
<p class="mycss">© Insomnia & Alinoé / Toutes Reproductions sont Interdites !</p>
</body>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

<td align="center" width="100%" valign="middle">

<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>


<div class="maintitle">{MAIN_SITENAME}</div>

<span class="gen">{SITE_DESCRIPTION}
</span>
</td>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

</tr>
</table>

<div style="clear: both;"></div>


<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;">

<li>{switch_ticker.ticker_row.ELEMENT}</li>

</ul>
</div>
</td>
</tr>
</table>
</div>



<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">

<div>{switch_ticker.ticker_row.ELEMENT}</div>

</div>
</div>
</div>
</td>
</tr>
</table>
</div>


<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}">

{giefmod_index1.MODVAR}

<div style="height:{SPACE_ROW}px"></div>


</div>
</td>
<td valign="top" width="100%">

</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>

Sujet: Re: Problème avec ma Page d'Acceuil Dim 30 Jan 2011, 16:47

rien n'à changer...

Sujet: Re: Problème avec ma Page d'Acceuil Dim 30 Jan 2011, 16:58

Je t'avoue que pour le coup je ne sais d'où ca vient, j'espère donc qu'un autre codeur passera par ici pour t'aider. C'est, d'après moi, un problème de javascript vu que le reste fonctionne très bien, mais vu que je n'y connais pas grand chose à ce niveau là, je ne suis d'aucune aide >< . Désolée...

Sujet: Re: Problème avec ma Page d'Acceuil Dim 30 Jan 2011, 17:00

C'est pas grave, merci quand même d'avoir tenté Smile

Mais c'est quand même très bizarre sur le coup, car sur un forum ça marche parfaitement et pas sur l'autre, c'est très chelou T______T

EDIT : après un test tout bête, c'est carrément le code des accordéons vertical qui ne marche pas sur mon forum T____________T" je ne comprends pas pourquoi alors que sur mon fo-test ça marche parfaitement >.<"

Sujet: Re: Problème avec ma Page d'Acceuil Dim 30 Jan 2011, 17:53

Holà **

S'il le code de l'accordéon ne marche pas sur ton forum alors que sur le fo test il marche, c'est qu'il doit y avoir un truc que tu as oublié de copier/coller, non? oo Ou encore qu'il y a eu une erreur de copié/collé

1) Donc le template, c'est le overall_header, nope? oo
Truc super con ici, mais est-ce que tu l'as bien enregistré? T'sais, cliquer sur le + vert.... x)

2) Au cas où il y aurait une erreur de copié/collé, peut-être devrais-tu essayer de supprimer complètement le template (tout enlever dans le fond xD mais sans enregistrer, tu vois ce que je veux dire **?), puis le remettre. Assure-toi de bien avoir tout sélectionné ** au pire, pour être certaine, tu peux faire couper/coller et si jamais il reste des bouts derrière c'est parce que tu n'avais pas tout sélectionné xD
Ensuite, tu fais de même avec le CSS en entier et ensuite avec la page d'accueil~ (enfin, il n'y a pas d'ordre T_T)

Si ça ne marche pas... eehm~
Est-ce que tu as une page html qui va avec ton code d'accordéon et que tu as oublié de copier/coller? (même si normalement ça marche quand même)
Modules -> Gestion des pages html ~

Sinon, je vais essayer de trouver le problème de mon côté **

Sujet: Re: Problème avec ma Page d'Acceuil Dim 30 Jan 2011, 18:07

coucou,

oui je me disais aussi que l'erreur pouvait venir d'un problème dû au copier collé, mais non j'ai réessayer plusieurs fois, et j'ai même refait le tuto, donné sur ce forum là... Donc l'erreur ne vient pas de moi ou des codes car le code accordéon ne marche pas essentiellement sur ce forum là (a croire que je suis maudis T__T) alors que sur le fo test il marche niquel en faisant les même manip...

1) Oui c'est le overall_header et ne t'en fait pas je l'ai bien publié, vu que je l'ai refait quinze fois de suite pour comprendre ce qui ne marchait pas dessus >.<

2) J'ai déjà tout supprimé et tout recommencer, si c'est ce que tu veux dire dans ton petit deux, j'ai refait ça 4 fois, et puis j'ai relu tout mon code mais sans rien trouver qui clocher comparer a celui de mon fo test (normal c'est du copier colle >.<")

Et enfin, non je n'ai pas de page html de rataché, puisque je l'ai pris dans ce sujet et qu'il n'y a pas besoin d'en ratacher un..

EDIT: En fait le code ne marche pas juste en mode Page d'acceuil car je viens d'ouvrir un sujet ou j'ai à nouveau copier mes code, et là, ça marche 0.0 va chercher à comprendre là .__.

Alors je me permets ce double poste pour dire que ce problème est résolu et que je me permets de le classer, mais je tenais toutefois à expliquer pourquoi est-ce que ça beugué comme ça. Tout simplement car j'avais modifier mon template index box de manière à acceuillir des catégories en onglets. En le supprimant je n'avais plus de problème. Je ne dit pas que les accordéons et la modification de ce template ne sont pas compatible, non car j'ai pu le modifier après pour faire passer les messages & Sujets au dessus des derniers sujets, donc je pense tout simple que les forums à onglet et les accordéons en page d'acceuil n'est tout simplement pas compatible, car j'ai essayer de mettre des onglets sur mon fo test, et là POUF, on retrouve ce petit beug donc voilà, merci à ceux qui on travailler dessus quand même.

Problème résolu donc Wink

Je classe

Problème avec ma Page d'Acceuil

Problème avec ma Page d'Acceuil

Sujets similaires

Sujets similaires

Partenaires Or