Boutons monter/descendre qui fonctionnent mal

par 1XMisterX1 Ven 3 Juil 2015 - 20:05

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis aujourd'hui étant donné qu'il s'agit de la mise en place d'un nouveau thème.
Lien du forum : http://1xmisterx1.forumactif.org/

Description du problème

Bonsoir,

Je viens de mettre en place sur mon forum de test un tout nouveau design que je vais prochainement installé sur mon forum.
Seulement, il y a un problème : le bouton "Monter" ne fonctionne pas :/

Voici les codes et leur emplacement respectifs :

Dans le template overall_header, emplacement 208 après le </head>

Code:: <div class="haut"> <a href="#top"><img src="http://i18.servimg.com/u/f18/18/72/72/11/haut18.png"/></a> </div> <div class="bas"> <a href="#bottom"><img src="http://i18.servimg.com/u/f18/18/72/72/11/bas19.png"/></a> </div>

Dans le CSS :

Code:: /*******************************DEBUT NAVIGATION RAPIDE*************************/ .haut{ position:fixed; bottom:500px; left:10px;} .bas{ position:fixed; bottom:460px; left:10px;} /******************************* FIN NAVIGATION RAPIDE*************************/

Je ne suis pas sur que ça soit en rapport mais il y a également ce script dans le template :

Code:: <script src="http://milouze14.fr/M14smoothscroll.js" type="text/javascript"></script>

Merci d'avance à ceux qui pourront m'aider Very Happy

Bonne soirée.

par kiwi14637 Ven 3 Juil 2015 - 20:08

Bonjour,

Le dernier script de Milouze n'existe plus. Vous avez donc seulement l'affichage des boutons mais aucune action n'est associée.
Vous pouvez utiliser ça plutôt, par exemple : http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery

Bonne soirée !

par 1XMisterX1 Ven 3 Juil 2015 - 20:25

Bonsoir,

Merci pour votre réponse rapide Very Happy

Entendu, c'est donc pour cela que ça ne fonctionne pas !
Par contre, je suis désolé mais tous ces codes sont du chinois pour moi x)
Concrètement, que dois-je modifier et où ?

par MasDan Ven 3 Juil 2015 - 20:37

Bonjour,

Je vous suggère le tutoriel de forumactif ajouter des boutons haut bas.

par 1XMisterX1 Ven 3 Juil 2015 - 23:52

MasDan a écrit:Bonjour,

Je vous suggère le tutoriel de forumactif ajouter des boutons haut bas.

Bonsoir,

Merci pour cette suggestion Smile

Cependant je viens de tester et le bouton haut ne fonctionne toujours pas Sad

par kiwi14637 Sam 4 Juil 2015 - 16:12

Bonjour,

Ca marche bien mais chez moi mais vous avez 2 erreurs javascript :

Code:: {JAVASCRIPT}<table class="forumline"width="100%"border="0"cellspacing="1"cellpadding="0"><tr><td class="catHead"height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td></tr><tr><td class="row1"rowspan="3"align="center"valign="middle"><div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div></td></tr></table><form action="{S_LOGIN_ACTION}"method="post"name="form_login"><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><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></form><div style="top: 0px; left: 50%; width: 100%;"><div style="margin-top: -10px; width: 380px;"><div style="align: right"><span class="bouton"><a href="##"class="bouton_ouverture">Chat box</a></span><div id="chat_box_cachee"><iframe src="http://www.ouaf-ouaf-pub.com/chatbox/index.forum?"width="790px"height="300"><p>Your browser does not support iframes.</p></iframe></div></div></div><script type="text/javascript"src="http://s3.archive-host.com/membres/up/1696114791/java/jquery-132min.js"></script><script type="text/javascript">$(document).ready(function(){$(".bouton_ouverture").click(function(){$("#chat_box_cachee").slideToggle("slow");$(this).toggleClass("active");return false})});</script>{BOARD_INDEX}<table width="100%"border="0"cellspacing="0"cellpadding="0"><tr><td width="50%"valign="top"><span class="gensmall"><a href="{U_MARK_READ}"class="gensmall">{L_MARK_FORUMS_READ}</a><br/><a href="{switch_delete_cookies.U_DELETE_COOKIES}"class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></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><br/><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}"class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></span></td></tr></table><form action="{S_LOGIN_ACTION}"method="post"name="form_login"><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><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></form><center><div class="cadregeneralouaf"><table><tr><td><div class="Ouaf_pix"><img src="http://zupimages.net/up/14/44/sqxr.png"/></div> </td><td><div class="users_ouaf"><span class="gensmall">{TOTAL_POSTS}<br/>{TOTAL_USERS}<br/>{NEWEST_USER}</span><br/><span class="gensmall">{TOTAL_USERS_ONLINE}<br/>{RECORD_USERS}<br/><br/>{LOGGED_IN_USER_LIST}</span></div><table><tr><td><div class="nbouaf"><table>{L_CONNECTED_MEMBERS}</table></div></td><td><div class="chenils"><span class="gensmall">{GROUP_LEGEND}</span></div></td><td><div class="ouafbirth"><table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table></div></td></tr></table></tr></table></div></center>

(à enlever car c'est un extrait de template qui devrait donc être dans les templates)

Code:: <INSTRUMENPOCHE><action abscisse="392.9"ordonnee="226.4"mouvement="montrer"objet="compas"/><action sens="-5"angle="1.7"mouvement="rotation"objet="compas"/><action abscisse="364"ordonnee="277.2"mouvement="translation"objet="compas"/><action sens="5"angle="-3.6"mouvement="rotation"objet="compas"/><action ecart="123.45"mouvement="ecarter"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="169.845968926874"debut="-363.622657380175"id="11"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="362.7"ordonnee="154.05"mouvement="translation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="-144.015308368983"debut="-156.015308368983"id="12"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="469.7"ordonnee="214.45"mouvement="translation"objet="compas"/><action mouvement="lever"objet="compas"/><action mouvement="coucher"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="-71.2725449590615"debut="-157.015308368983"id="14"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="473.2"ordonnee="337.1"mouvement="translation"objet="compas"/><action sens="10"angle="-26"mouvement="rotation"objet="compas"/><action ecart="140.9"mouvement="ecarter"objet="compas"/><action sens="-5"angle="88.8"mouvement="rotation"objet="compas"/><action ecart="123.38"mouvement="ecarter"objet="compas"/><action sens="10"angle="340.815699800033"mouvement="rotation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="-19.9142465714795"debut="-379.184300199967"id="15"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="368.05"ordonnee="400"mouvement="translation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="396.043885771869"debut="-20.7279133250227"id="16"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="258.55"ordonnee="342.1"mouvement="translation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="531.247858431319"debut="36.0438857718688"id="17"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="256.8"ordonnee="217.25"mouvement="translation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="549.215394364511"debut="113.944414516545"id="18"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="706.15"ordonnee="223.15"mouvement="translation"objet="compas"/><action abscisse="392.9"ordonnee="226.4"mouvement="montrer"objet="compas"/><action abscisse="424.5"ordonnee="297.5"mouvement="translation"objet="compas"/><action sens="5"angle="-5.7"mouvement="rotation"objet="compas"/><action ecart="170.59"mouvement="ecarter"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="23.3303727783212"debut="-365.685527906577"id="11"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="573.45"ordonnee="215.35"mouvement="translation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="58.0267117484267"debut="18.0267117484267"id="12"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="426.5"ordonnee="126.7"mouvement="translation"objet="compas"/><action sens="-10"angle="-31.9732882515733"mouvement="rotation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="-21.9732882515733"debut="-31.9732882515733"id="13"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="276.7"ordonnee="209.7"mouvement="translation"objet="compas"/><action sens="-10"angle="-81.9732882515733"mouvement="rotation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="-71.9732882515733"debut="-101.973288251573"id="14"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="275.95"ordonnee="379.5"mouvement="translation"objet="compas"/><action sens="10"angle="-151.973288251573"mouvement="rotation"objet="compas"/><action mouvement="lever"objet="compas"/><action epaisseur="1.5"fin="-141.973288251573"debut="-151.973288251573"id="15"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="423.05"ordonnee="468.45"mouvement="translation"objet="compas"/><action sens="10"angle="148.026711748427"mouvement="rotation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="158.026711748427"debut="148.026711748427"id="16"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="571.3"ordonnee="382.6"mouvement="translation"objet="compas"/><action mouvement="lever"objet="compas"/><action mouvement="coucher"objet="compas"/><action sens="-10"angle="88.0267117484267"mouvement="rotation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="98.0267117484267"debut="78.0267117484267"id="18"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="632.9"ordonnee="332.85"mouvement="translation"objet="compas"/><action abscisse="392.9"ordonnee="226.4"mouvement="montrer"objet="compas"/><action sens="5"angle="-0.9"mouvement="rotation"objet="compas"/><action ecart="183.72"mouvement="ecarter"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="369.126751439898"debut="-0.873248560101889"id="11"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="569.7"ordonnee="277.75"mouvement="translation"objet="compas"/><action sens="10"angle="799.126751439898"mouvement="rotation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="89.126751439898"debut="59.1267514398981"id="12"mouvement="tracer"objet="compas"/><action mouvement="coucher"objet="compas"/><action abscisse="527.4"ordonnee="99.3"mouvement="translation"objet="compas"/><action sens="-10"angle="729.126751439898"mouvement="rotation"objet="compas"/><action mouvement="lever"objet="compas"/><action sens="5"epaisseur="1.5"fin="388.494838318077"debut="9.12675143989805"id="13"mouvement="tracer"objet="compas"/></INSTRUMENPOCHE>

(à enlever aussi car pur xHTML)

Bonne journée !

par 1XMisterX1 Sam 4 Juil 2015 - 18:12

Bonsoir,

J'ai suivi vos conseils en retirant ces scripts.
Cependant, cela ne résout rien Neutral

par kiwi14637 Sam 4 Juil 2015 - 18:16

Je vois 2 boutons haut et bas qui marchent très bien.
Enlevez le script https://milouze14.error/M14smoothscroll.js (qui apparait 2 fois mais qui ne devrait pas poser problème ; par contre, il faut bien tout enlever ce que vous avez inséré en suivant le tutoriel de Milouze)

Si ça ne marche toujours pas, faites CTRL + F5.

Que voulez-vous dire par "ça ne marche pas" ?

Bonne soirée !

par 1XMisterX1 Sam 4 Juil 2015 - 18:27

C'est étrange car de mon côté, ça ne fonctionne pas du tout Sad

J'ai retiré un script mais je ne vois pas le deuxième Rolling Eyes

Si ça ne vous dérange pas, on va continuer à chercher l'origine du problème par ici : http://forumdescollegiens.forumactif.org/ (J'ai basculé le thème vers mon forum officiel).

J'ai tenté de vider le cache mais ça ne change rien.
Quand je dis que ça ne marche pas, je veux dire que le bouton permettant d'aller en haut ne répond pas.

Bonne soirée à vous aussi Wink

par Invité Sam 4 Juil 2015 - 18:47

Salut 1XMisterX1,

je serais curieux de savoir à quel endroit tu as pris ce script (supprimé depuis quelques temps d'ailleurs )
car il est propre à mon nom de domaine est donc strictement personnel Wink

.

Pour en revenir à nos moutons il faut placer le code html après l'ancre ,
c'est à dire ligne 247 environ:

Code:: <a name="top"></a>

a++

par 1XMisterX1 Sam 4 Juil 2015 - 18:53

Milouze14 a écrit:Salut 1XMisterX1,

je serais curieux de savoir à quel endroit tu as pris ce script (supprimé depuis quelques temps d'ailleurs )
car il est propre à mon nom de domaine est donc strictement personnel .

Pour en revenir à nos moutons il faut placer le code html après l'ancre ,
c'est à dire ligne 247 environ:

Code:
<a name="top"></a>

a++

Salut !

C'est une très bonne question à laquelle je ne peux malheureusement pas répondre étant donné que je ne m'en souviens pas du tout x)
Je sais que c'était dans les tutos d'un forum que je fréquentais dans le passé mais je ne me souviens plus duquel ! Désolé. Smile

Quel code HTML dois-je placer ? (Désolé mais je commence à être perdu !).

par Invité Sam 4 Juil 2015 - 18:55

Re,

tu peux donner ton template stp je vais te placer le code Wink

.
a++

par 1XMisterX1 Sam 4 Juil 2015 - 18:58

Re,

Entendu, c'est gentil ^^
Le voici :

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" />  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <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 elements */ 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 conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } ); /* Redimensionnement des elements 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'); if(pm != null) { 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}'); if(report != null) { report.focus(); }   $(document).ready(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {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>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._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>  </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="" /> <em>Hit</em>skin.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>   <div id="login_popup" style="z-index: 10000 !important;"> <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} <div id="navigation"><div id="navig">{GENERATED_NAV_BAR}</div></div> <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>  <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> <br />  <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br />  </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 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 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>

par Invité Sam 4 Juil 2015 - 19:04

Re,

supprimes tout le contenu et remplaces par celui-ci:

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" />  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <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 elements */ 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 conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } ); /* Redimensionnement des elements 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'); if(pm != null) { 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}'); if(report != null) { report.focus(); }   $(document).ready(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {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>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._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>  </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="" /> <em>Hit</em>skin.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>   <div id="login_popup" style="z-index: 10000 !important;"> <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> <div class="haut"> <a href="#top"><img src="http://i18.servimg.com/u/f18/18/72/72/11/haut18.png"/></a> </div> <div class="bas"> <a href="#bottom"><img src="http://i18.servimg.com/u/f18/18/72/72/11/bas19.png"/></a> </div> {JAVASCRIPT} <div id="navigation"><div id="navig">{GENERATED_NAV_BAR}</div></div> <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>  <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> <br />  <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br />  </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 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 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>

Penses a enregistrer les modifications en cliquant respectivement sur et Boutons monter/descendre qui fonctionnent mal Ajouter2024

a++

par 1XMisterX1 Sam 4 Juil 2015 - 19:15

Merci beaucoup ! Very Happy

Ca fonctionne parfaitement désormais !

Par contre, les boutons H/B autres que les verts sont remontés tout en haut. Je voudrai les supprimer mais je ne sais pas où ils se trouvent :/

par Invité Sam 4 Juil 2015 - 19:19

Re,
pour les autres boutons il supprimer le script et la css associée suite à l'astuce donnée plus haut:
https://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas#2817017

a++

par 1XMisterX1 Sam 4 Juil 2015 - 20:53

Milouze14 a écrit:Re,
pour les autres boutons il supprimer le script et la css associée suite à l'astuce donnée plus haut:
https://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas#2817017

a++

Ceux que je souhaite supprimé sont, non pas ceux de FA mais les autres à savoir :
Boutons monter/descendre qui fonctionnent mal Haut18

et

Boutons monter/descendre qui fonctionnent mal Bas19

étant donné qu'ils ne fonctionnent pas Wink

EDIT : En fait, c'est bon ! J'ai trouvé grâce à l'inspecteur d'élément ^^
Il fallait que je supprime le code suivant qui était dans le template :

Code:: <a name="top"></a> <div class="haut"> <a href="#top"><img src="http://i18.servimg.com/u/f18/18/72/72/11/haut18.png"/></a> </div> <div class="bas"> <a href="#bottom"><img src="http://i18.servimg.com/u/f18/18/72/72/11/bas19.png"/></a> </div>

Du coup, tout fonctionne correctement maintenant Smile

(Même si j'aimerai bien supprimer le CSS relative à ce code HTML sauf que je ne sais pas où il se trouve ^^).

Boutons monter/descendre qui fonctionnent mal