Problème avec les flèches d'orientation haut et bas sur le forum.

Page 2 sur 3 Précédent  1, 2, 3  Suivant

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

Résolu Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Lun 4 Avr 2016 - 22:33

Rappel du premier message :

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Je dirais que ce soucis remonte à plusieurs mois pour les membres utilisant Chrôme
Lien du forum : http://dragon-graphisme59.forumactif.org

Description du problème

Bonjour ou bonsoir,

Donc je viens vers vous car j'ai un soucis depuis quelques temps sur mon forum pour mes membres qui ne peuvent utiliser les flèches de directions rapide pour descendre en bas de page ainsi qu'en haut de page.

Moi étant sur Mozilla Firefox, je n'ai pas du tout ce soucis, mais mes membres qui sont sur Google Chrôme ont ce soucis.

Donc le soucis en question est que lorsque le membre clique sur les flèches de direction ( voir image ci-dessous ) cela na strictement aucun effet comparer à moi.

Image montrant d'une flèche rouge de qu'elles flèche de direction je parle:

Je ne me l'explique pas du tout donc voilà pourquoi je demande votre aide.

Bien cordialement Dragon1973.


Dernière édition par dragon1973 le Mar 17 Mai 2016 - 17:55, édité 1 fois

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par lmc38510 le Sam 16 Avr 2016 - 23:16

Vraiment curieux ton problème "dragon"

Sans utiliser ton bouton =>

Dans ton navigateur tu as => dragon-graphisme59.forumactif.org
complète avec => /#bottoom puis => "Enter"

l'action t'amène en bas de page (normal)

Maintenant modifie => dragon-graphisme59.forumactif.org/#bottoom (toujours dans le navigateur)
en =>
dragon-graphisme59.forumactif.org/#top puis "Enter"


qu'est-ce qu'il ce passe ...?

lmc38510
*****

Masculin
Messages : 512
Inscrit(e) le : 22/02/2012

http://arcanes.lacaverneauxgrimoires-forum.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 17 Avr 2016 - 14:57

Bonjour Imc38510,

Donc je viens de voir ton message et j'ai fait l'action demander en entrant dans le navigateur de Chrôme sur le forum cette ligne ci-dessous

dragon-graphisme59.forumactif.org/#top puis "Enter"

Donc j'ai bien remonter sur le haut du forum comme le montre cette image ci-dessous en le laissant faire de lui même.



Voilà l'ami, j'espère que pour toi cela répond à ta question car pour moi cela est du chinois, j'en profite pour te remercier de ton aide encore une fois.

Cordialement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Dim 17 Avr 2016 - 18:47

Bonjour,

Donc ça fonctionne bien au niveau du lien, et je vois biens que vous êtes en haut du forum, au niveau de la bannière. Donc quel est le problème ?

Je pourrais avoir un screen précis (où on voit le lien de la page, mais également presque toute la page dans son intégralité)
- de quand ça fonctionne ;
- et de quand ça ne fonctionne pas ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 17 Avr 2016 - 20:32

Bonsoir Lixyr,

Le problème reste toujours le même en ce qui est de cliquer sur le dragon haut et que cela ne remonte pas, mais j'ai remarqué que le lien change pour devenir de ceci vers cela ( voir ci-dessous ).

Image du lien pour le bas qui fonctionne lors du clique pour le bas :



Image du lien lors du clique pour le haut mais l'action ne se réalise pas car nous restons en bas :



Voilà je ne peux faire que cette image car sinon le lien est illisible.

Merci pour ton aide et j'espère que cela ira pour m'aider et bonne fin de soirée.

Bien cordialement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Dim 17 Avr 2016 - 22:58

Etrange. Est-ce que les membres qui ont le soucis font parti du staff ? Je dirais comme ça... essayez de changer les id des ancres, car il y a peut-être conflit avec un autre id #top que vous seul voyez et d'autres personnes...





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par lmc38510 le Dim 17 Avr 2016 - 23:29

Hello "Lixyr" Wink ....Vraiment étrange ... en effet ...

Bon ... un truc tout bête ... dans tes codes javascript au lieu de mettre <a href="#top"> et <a href="#bottom">

Remplace par les adresses complètes:
<a href="http://dragon-graphisme59.forumactif.org/#top">
<a href="http://dragon-graphisme59.forumactif.org/#bottom">

lmc38510
*****

Masculin
Messages : 512
Inscrit(e) le : 22/02/2012

http://arcanes.lacaverneauxgrimoires-forum.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par titefée le Lun 18 Avr 2016 - 13:37

Bonjour tout le monde,

je suis membre du forum de Dragon et je lui ai signalé le problème d'ou sa venue vers vous
lorsque l'on est visiteur, si on clique sur les petits dragons haut et bas qui se trouve à droite tout marche
le problème se trouve à l'intérieur du forum
pour descendre pas de problème, mais pour revenir en haut ça marche pas
sur mon forum je n'ai pas ce soucis

titefée
**

Féminin
Messages : 61
Inscrit(e) le : 21/03/2007

http://conception-art.graphforum.com/
titefée a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Mar 19 Avr 2016 - 14:18

@lmc38510 a écrit:Hello "Lixyr" Wink ....Vraiment étrange ... en effet ...

Bon ... un truc tout bête ... dans tes codes javascript au lieu de mettre <a href="#top"> et <a href="#bottom">

Remplace par les adresses complètes:
<a href="http://dragon-graphisme59.forumactif.org/#top">
<a href="http://dragon-graphisme59.forumactif.org/#bottom">

Bonjour et merci pour votre aide à tous,

Je viens juste à l'instant de faire la modification ci-dessus et rien na changer le fonctionnement reste le même pour ce qui est de descendre cela fonctionne, mais rien ne se passe pour ce qui est de remonter sur le haut du forum.

Cela devient très énervant qu'il n'y à rien qui fonctionne sur Chrôme.

Donc j'attends de nouveau vos réponses les amis.

Bien cordialement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par lmc38510 le Mar 19 Avr 2016 - 16:48

Bonjour "dragon" ... sacrée misère en effet, d'autant que comme l'explique "titefée" le problème intervient uniquement pour les membres ....
Pour nous "invités" .. les 2 boutons fonctionnent sous Firefox comme Chrome ....
Tout le monde te le confirme R-max ... Lixyr ... moi ...

Y a-t-il sur écran quelque chose de différent (en bas à droite) pour les membres ... qui n'y est pas pour les invités ...

Fait un essai également en modifiant la position en hauteur du bouton bottom: 40px; à => bottom: 200px; ... pour voir ....

lmc38510
*****

Masculin
Messages : 512
Inscrit(e) le : 22/02/2012

http://arcanes.lacaverneauxgrimoires-forum.com/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Mer 20 Avr 2016 - 9:16

@Lixyr a écrit:Etrange. Est-ce que les membres qui ont le soucis font parti du staff ? Je dirais comme ça... essayez de changer les id des ancres, car il y a peut-être conflit avec un autre id #top que vous seul voyez et d'autres personnes...





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Jeu 21 Avr 2016 - 11:18

Bonjour les amis,

Je vous remercie pour vos réponses d'aide c'est super sympa à vous de m'aider pour ce véritable problème et désolé du retard mais le boulot avant toute chose n'est ce pas, il faut bien gagner ça vie.

Donc je résume j'ai fait la modification de mettre le bouton du haut à 200px comme demander, j'ai fait un essai sur chrôme et cela ne fonctionne toujours pas pour le bouton du haut afin de remonter sur le haut du forum.

Ensuite pour répondre à notre amie Lixyr, et bien oui j'ai qu'une seule personne parmi mets membre qui fait parti de mon STAFF en tant que modératrice et qui à pour pseudo " Yvette Perceau ".

Mais pour ce qui est de changer les ID des ancres alors là il faut m'expliquer en détails comment faire car pour moi et les codes cela fait pas 1 et 1 font 2 mais se serai plutôt 3 dans mon cas.

J'attends votre réponse avec impatience et j'y répondrais le plus vite que possible selon le cour de la vie bien sur.

Bien amicalement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Jeu 21 Avr 2016 - 16:48

C'est l'inconvénient de demander des codes tout faits, quand il faut les changer, on ne sait même pas comment faire... Neutral

J'imagine que ça doit se passer dans le template index_body ou bien overall_header. Il faudrait me dire déjà quels templates sont modifiés chez vous. Allez dans :

panneau d'administration Affichage templates général

Et dites-moi devant quels templates vous voyez ceci : edit
Ensuite, pour chaque template modifié :

1) Cliquez sur le petit écrou jaune edit et faites cette recherche :

/#top

2) Cliquez sur le petit écrou jaune edit et faites cette recherche :

/#bottom

3) Cliquez sur le petit écrou jaune edit et faites cette recherche :

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

4) Cliquez sur le petit écrou jaune edit et faites cette recherche :

<a name="bottom"></a>


Si vous avez quelque chose de surligné en jaune, c'est que vous avez bien ceci dans le template, donc faites un copier-coller du contenu de l'intégralité du template correspondant, et donnez-les moi ici, entre balises code.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Ven 22 Avr 2016 - 22:22

Bonsoir Lixyr,

Merci pour votre aide de nouveau mon amie pour ce qui sont de mes templates qui sont modifier j'ai ceci :

- index_box
- memberlist_body
- overall_header
- viewtopic_body

J'ai fait une recherche dans le template " overall_header " les deux premier que vous aviez cité, aucun résultat pour ce qui est du troisième par contre là j'ai un résultat sur la ligne de code 247. Et pour ce qui est du dernier il y à aucun résultat aussi pour celui-ci.

Je vous en donne ce template au complet qui à été modifier par mon ami R-max lui même pour m'installer mes deux widgets qui sont facebook et Twitter en latéral gauche. ( voir image ci-dessous )

IMAGE:

Voici le template au complet ci-dessous :

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 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>
 <!-- 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');
 if(pm != null) { 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}');
 if(report != null) { report.focus(); }
 <!-- END switch_report_popup -->
 <!-- BEGIN switch_ticker -->
 $(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}
 });
 });
 <!-- 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']);
 _gaq.push(['_trackPageLoadTime']);

 <!-- BEGIN google_analytics_code_bis -->
 _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
 _gaq.push(['b._trackPageview']);
 <!-- END google_analytics_code_bis -->

 (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 -->
</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://illiweb.com/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>
 <!-- END hitskin_preview -->

 <!-- BEGIN switch_login_popup -->
 <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>
 <!-- END switch_login_popup -->

 <a name="top"></a>
 {JAVASCRIPT}
<!--====================================================================================-->
  <!-- DEBUT R-MAX --><!-- BEGIN switch_user_logged_in --><!-- onglet facebbok et twitter -->
  <!--===============-->
  <!-- volet twitter -->
  <!--===============-->
<div id="voletfermer" style="z-index: 300 !important;">
  <div id="volet">
  <a class="twitter-timeline"  href="https://twitter.com/dragon5973" data-widget-id="691951631995396096">Tweets de @dragon5973</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        <a href="#volet" class="ouvrir"><img src="http://i21.servimg.com/u/f21/19/21/76/58/twitte10.png"/></a>
    <a href="#voletfermer" class="fermer"><img src="http://i21.servimg.com/u/f21/19/21/76/58/twitte10.png"/></a>
  </div>
</div>
  <!--================-->
  <!-- volet facebook -->
  <!--================-->
  <div id="voletfermer_1" style="z-index:299 !important;">
  <div id="volet_1">
<div class="fb-page" data-href="https://www.facebook.com/michael.picheriedragongraphique/" data-tabs="timeline" data-width="300" data-height="600" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/michael.picheriedragongraphique/"><a href="https://www.facebook.com/michael.picheriedragongraphique/">Dragon Graphisme</a></blockquote></div></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.5&appId=158559864514168";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    <a id="M14_FACEBOOK_Open"href="#volet_1" class="ouvrir"><img src="http://i21.servimg.com/u/f21/19/21/76/58/facebo10.png"/></a>
    <a id="M14_FACEBOOK_Close"href="#voletfermer_1" class="fermer"><img src="http://i21.servimg.com/u/f21/19/21/76/58/facebo10.png"/></a>
  </div>
</div>
  <!--================================-->
  <!-- fin onglet facebook et twitter -->
  <!--================================-->
  <!-- END switch_user_logged_in -->
        <!--FIN R-MAX -->
  <!--=============================================-->
 <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 -->

 <!--================================================-->
                                                  <!--=====barre reseaux sociaux dragon par R-max=====-->
                                                  <br />
                                                  <br />
                                                  <table  class="forumline" cellspacing="0" cellpadding="0" border="0" width="100%" height="100%" align="center" margin="auto">
                            <tbody>
                                            <tr>
 <td align="center" class="row1">
                                                      <div style="background-color:#b59377!important;" class="mazrunner_1" nowrap="nowrap" align="center" width="100%" height="100%" margin="auto">
                                                  
                                                        <span class="mazrunner_2"><a href="  http://dragon-graphisme59.forumactif.org/h7-realisations-sur-commandes-deja-realisees" target="_blank"><img src="http://ahp.li/b8d565e190de6873b807.png" alt="tonimage" /></a></span>
                                                        <span class="mazrunner_4"><a href="https://www.facebook.com/michael.picheriedragongraphique/" title="Facebook de Dragon Graphisme 59" target="blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/facebo10.png" width="60" height="60" border="0" alt="" hspace="0" target="blank"/></a></span>
                                                        <span class="mazrunner_4"><a href="https://twitter.com/graphisme59"title="Twitter Dragon Graphisme 59" target="_blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/twitte10.png" width="60" height="60" border="0" alt="" hspace="0" target="_blank"/></a></span>
                                                        <span class="mazrunner_4"><a href="https://plus.google.com/u/0/collection/w-pux" title="Google + Dragon Graphisme 59" target="_blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/google12.png" width="60" height="60" border="0" alt="" hspace="0"/></a></span>
                                                        <span class="mazrunner_4"><a href="http://dragon-graphisme59.forumactif.org/contact" title="Contacter le fondateur du forum" target="_blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/youtub11.png" width="60" height="60" border="0" alt="" hspace="0"/></a></span>
                                                        <span class="mazrunner_4"><a href="https://www.youtube.com/" title="Youtube" target="_blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/youtub10.png" width="60" height="60" border="0" alt="" hspace="0"/></a></span>
                                                        <span class="mazrunner_4"><a href="http://dragon-graphisme59.forumactif.org/" title="Pour nous suivre" target="_blank"> <img src=" http://i38.servimg.com/u/f38/18/75/37/66/rss10.png" width="60" height="60" border="0" alt="" hspace="0"/></a></span>
                                                        <span class="mazrunner_3"><a href="https://www.facebook.com/michael.picheriedragongraphique/" target="_blank"><img src="http://ahp.li/2039d242bf1d7f55941f.png" alt="tonimage"/></a></span>
                                                          </div>
                                                  </td>
                            </tr>
                            </tbody>
                        </table>                            
                                                  <br />
                                                  <br />
                                                  <!--=====fin barre reseaux siciaux par R-max=====-->
                                                  <!--=============================================-->
 <div class="maintitle">{MAIN_SITENAME}</div>
 <br />
                                                      <!--traducteur google-->
                                                      <div style="padding-right: 4px; padding-left: 4px; padding-bottom: 3px; padding-top: 10px; background-color: #B59377; text-align: center; border: #ccc 1px solid;">
<div><a title="American" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Translate this page to American" src="http://ahp.li/8d7f8d73f23eb4587801.png" alt="English" /></a> <a title="English" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Translate this page to English" src="http://ahp.li/b7114e65d1bdbc7f2d02.png" alt="English" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="traducir esta página al español" src="http://ahp.li/14b5651ec79d88a290ec.png" alt="español" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Traduci questa pagina in Italiano" src="http://ahp.li/70f1390fdf096216e98f.png" alt="Italiano" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="diese Seite auf deutsch" src="http://ahp.li/b890bab93e079e07febb.png" alt="deutsch" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Traduzir esta página em Português" src="http://ahp.li/aa6aede031ae55959200.png" alt="Português" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cda&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Dansk" src="http://ahp.li/159fbc552116190a8898.png" alt=" Oversæt denne side til dansk" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csv&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Översätt webbplatsen på svenska" src="http://ahp.li/20ed98d54c37829632c1.png" alt="Översätt webbplatsen på svenska" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="ترجمة هذه الصفحة إلى العربية" src="http://ahp.li/355d2e8eee3a6ea58e0c.png" alt="العربية" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="翻译此页成中文" src="http://ahp.li/ebcbe50adafc00599b99.png" alt="中文" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Перевести эту страницу на русский" src="http://ahp.li/21fc10f69f7a8583990c.png" alt="Русский" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="このページを日本語に翻訳" src="http://ahp.li/10fe6b0cbc161b0e9d3d.png" alt="日本語" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="이 페이지 번역가 한국" src="http://ahp.li/5874a77fa413057587d8.png" alt="한국어" /></a> <a title="English" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csr&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title=" Транслате тхис паге ин Сербиан" src="http://ahp.li/3d9fd786d722558dfb5e.png" alt="Српски" /></a> <a onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Vertaal deze pagina in het Nederlands" src="http://ahp.li/54c4cf9fcc8c355c3365.png" alt="Nederlands" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cfi&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Käännä tämä sivu osaksi Suomen" src="http://ahp.li/a9398eaeee0f3907e0d9.png" alt="Suomen" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ctr&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Çevirisini Bu sayfa türk" src="http://ahp.li/573e9d532e939337d7e1.png" alt="Türkçe" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpl&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Przetłumacz tę stronę na język Polski" src="http://ahp.li/25dd1fecd357e79f5141.png" alt="Polska" /><br /></a> <span style="font-size: 10px;"> </span><br />
<div class="boxed">
<div style="text-align: center;">
<div id="google_translate_element"><option selected="selected"></option></div>
<script type="text/javascript">// <![CDATA[
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'fr'
}, 'google_translate_element');
}
// ]]></script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
</div>
</div>
</div>
                                                      <!--fin traducteur-->
                        <br /><br /><br />

 <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </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>
<!-- ===modification navigation rapide R-max===-->
<div id="navigation_rapide" align="left">
 <img style="width:100px;height:120px;position:relative;top:0px;right:-15px;" src="http://i68.servimg.com/u/f68/16/87/83/03/nav_ra10.gif"/>
 <br />
<select style="width: 167px;border:0px;background-color:#;color:black;font-weight:700;" onchange="location = this.value">
 <option selected="selected" style="color:black;">Navigation Rapide</option>
 
  <option value="http://dragon-graphisme59.forumactif.org/f1-reglement-du-forum-et-presentation-des-nouveaux-membres"style="color:black;">Règlement et présentation </option>
 <option value="http://dragon-graphisme59.forumactif.org/f11-les-bonjours-et-bonsoirs-du-forum"style="color:black;">Bonjour ou bonsoir</option>
  <option value="http://dragon-graphisme59.forumactif.org/f14-fil-d-actualite-du-forum"style="color:black;">Fil d'actualité du forum </option>
 
 
</select>
 </div>
<!-- ===fin modification rapide ===--><br /><br />
 <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
 <tr>
 <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </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 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 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 -->

Voilà j'espère que vous pourriez m'aider pour mon soucis et sur ceux je vous souhaite un bon week-end ainsi qu'une bonne soirée.

Bien amicalement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Sam 23 Avr 2016 - 10:23

Hum je veux bien le contenu des autres templates, du coup. Et si vous avez du JavaScript (modules gestion des codes JavaScript).





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Sam 23 Avr 2016 - 16:09

Bonjour Lixyr,

Donc ci je comprends bien vous voulez le contenu de tous les templates modifier ainsi que tout mes codes javaScripts, c'est bien cela mon amie ????

Car si c'est ce vous voulez la liste va être longue mon amie.

J'attends de voir ce que vous allez me répondre.

Bien amicalement Dragon1973 et merci pour votre aide encore.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Dim 24 Avr 2016 - 1:11

Bonsoir,

Juste les templates pour l'instant. Wink





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 24 Avr 2016 - 14:28

Bonjour Lixyr,

Donc je vais te donner tous mes templates modifier de mon forum dans toutes les catégories qui sont dans le général et le profil que j'avais oublier de vous mentionner plus haut.

Je vais devoir te les donner sur plusieurs messages car je pense que je vais dépasser et de loin le maximum autoriser pour les poste de message.

Donc pour que ce soit plus clair je vais te poster par poste à chaque fois un seul template mon amie.

Aller c'est partie donc !

( voir suite ci-dessous )


Dernière édition par dragon1973 le Dim 24 Avr 2016 - 14:47, édité 1 fois

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 24 Avr 2016 - 14:30

Donc je commence par les templates GENERAL :

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="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" 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>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
                <div class="s_forum">
                          <span id="subforums">
                            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                          <script type="text/javascript">
                jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
              </script>
                          </div>
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

( voir suite ci-dessous )


Dernière édition par dragon1973 le Dim 24 Avr 2016 - 14:48, édité 1 fois

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 24 Avr 2016 - 14:32

Template memberlist_body :

Code:
<
    <form action="{S_MODE_ACTION}" method="get">
   
    <table id="M14_Members"cellspacing="0" cellpadding="5" border="0" align="center" width="100%">
    <tr>
    <th  nowrap="nowrap">{L_ORDER_OR_SELECT}</th>
    </tr>
    <tr>
    <td>
    <table id="M14_Members"cellspacing="2" cellpadding="0" border="0" align="center" class="genmed">
    <tr>
    <td width="100%">Pseudo du membre!
      <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}"placeholder="Tapez ici le Pseudo ici" />     
    {L_SELECT_SORT_METHOD} {S_MODE_SELECT}     
    {L_ORDER} {S_ORDER_SELECT}     
    {S_HIDDEN_SID}
    <input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}"/></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    </form>

    <div id="M14_Members_bloc">
    <table id="M14_Members" width="100%" border="0" cellspacing="1" cellpadding="0"style="border:none !important;">
   
    <!-- BEGIN memberrow -->
    <tr>

    <script>
    $(function(){
    $('.nav b').attr('title','Onglet actif');
    $('a[href^="/memberlist"]').attr('title','Aller à cette page');
    $('img[alt="Suivant"]').closest('a').attr('title','Page suivante');
    $('img[alt="Précédent"]').closest('a').attr('title','Page précédente');
    $('img.i_icon_pm').replaceWith('Envoyer un M.P');
    $('a[title="Visiter le site web du posteur"] img').replaceWith('Site Web');
    $('a[onmousedown^="createPagination"]').remove();
    $('.M14_Members a.M14_User ').attr('title','Afficher son profil').click(function(){
    $(this).next().slideDown();
    $('p').click(function(){
      $(this).closest('div').slideUp();
      });
    });});
    </script>
    <script>
    $(function(){if(_userdata["user_id"] == -1)
    $(function(){
    $('#M14_gen.gen ,#M14_gen.gensmall').remove();
    $('.M14_Members').find('a').removeAttr('title');
    $('.M14_Members').attr('title','Vous devez être connecté ou enregistrez vous pour accéder aux fonctions ');
    $('.M14_members_login , #M14_gen_Invite').show();
    $('.M14_members_login a[href="/login"]').attr('title','Connectez vous');
    $('.M14_members_login a[href="/register"]').attr('title','Enregistrez vous');
    $('a[target="_blank"]').removeAttr('href');
    })});
    </script>


    <div class="M14_Members">
     
    <a class="M14_User">{memberrow.USERNAME}</a>
      <div style="display:none;">
    <p style="float:right;"title="Fermer">X</p>   
      <span class="avatar mini">{memberrow.AVATAR_IMG}</span><br />
    <!-- BEGIN switch_td_group -->
    <span class="gen">{memberrow.GROUPS}</span><br />
    <!-- END switch_td_group -->
    <span class="gen">{memberrow.INTERESTS}</span><br />
    <span class="gensmall">Date d'inscription</span><br />
    <span id="M14_gen"class="gensmall">{memberrow.JOINED}</span>
    <span id="M14_gen_Invite"class="gensmall"style="display:none;color:darkred !important;">Non disponible</span><br />
    <span class="gensmall">Dernière visite</span><br />
    <span id="M14_gen"class="gensmall">{memberrow.LASTVISIT}</span>
    <span id="M14_gen_Invite"class="gensmall"style="display:none;color:darkred !important;">Non disponible</span><br  />
    <span class="gen">Message(s)</span><br />
    <span id="M14_gen"class="gen">{memberrow.POSTS}</span>
    <span id="M14_gen_Invite"class="gensmall"style="display:none;color:darkred !important;">Non disponible</span><br />
    {memberrow.PM_IMG} <br />
        <a href="{memberrow.U_VIEWPROFILE}"title="Voir le profil">Voir son profil</a><br />
    {memberrow.WWW_IMG}&nbsp;<br />   
        <span class="M14_members_login"style="display:none;">
          <a href="/login">Connectez vous</a> <br />
          <a href="/register">Enregistrez vous</a>
    </span>
    </div>  </div></tr>
    <!-- END memberrow -->
    <!-- BEGIN switch_no_user -->
    <tr>
    <td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center">
      <span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
    </tr>
    <!-- END switch_no_user -->
    </table>
    <br />
    <!-- BEGIN switch_pagination -->
    <table id="M14_Members"width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><span class="nav">{PAGE_NUMBER}</span></td>
    <td align="right"><span class="nav">{PAGINATION}</span></td>
           
    </tr>
    </table>
    <br />
    <!-- END switch_pagination -->
     
    </div>

( voir suite ci-dessous )


Dernière édition par dragon1973 le Dim 24 Avr 2016 - 14:48, édité 1 fois

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 24 Avr 2016 - 14:34

Template overall_header qui est le plus gros de tous :

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 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>
 <!-- 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');
 if(pm != null) { 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}');
 if(report != null) { report.focus(); }
 <!-- END switch_report_popup -->
 <!-- BEGIN switch_ticker -->
 $(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}
 });
 });
 <!-- 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']);
 _gaq.push(['_trackPageLoadTime']);

 <!-- BEGIN google_analytics_code_bis -->
 _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
 _gaq.push(['b._trackPageview']);
 <!-- END google_analytics_code_bis -->

 (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 -->
</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://illiweb.com/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>
 <!-- END hitskin_preview -->

 <!-- BEGIN switch_login_popup -->
 <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>
 <!-- END switch_login_popup -->

 <a name="top"></a>
 {JAVASCRIPT}
<!--====================================================================================-->
  <!-- DEBUT R-MAX --><!-- BEGIN switch_user_logged_in --><!-- onglet facebbok et twitter -->
  <!--===============-->
  <!-- volet twitter -->
  <!--===============-->
<div id="voletfermer" style="z-index: 300 !important;">
  <div id="volet">
  <a class="twitter-timeline"  href="https://twitter.com/dragon5973" data-widget-id="691951631995396096">Tweets de @dragon5973</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        <a href="#volet" class="ouvrir"><img src="http://i21.servimg.com/u/f21/19/21/76/58/twitte10.png"/></a>
    <a href="#voletfermer" class="fermer"><img src="http://i21.servimg.com/u/f21/19/21/76/58/twitte10.png"/></a>
  </div>
</div>
  <!--================-->
  <!-- volet facebook -->
  <!--================-->
  <div id="voletfermer_1" style="z-index:299 !important;">
  <div id="volet_1">
<div class="fb-page" data-href="https://www.facebook.com/michael.picheriedragongraphique/" data-tabs="timeline" data-width="300" data-height="600" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/michael.picheriedragongraphique/"><a href="https://www.facebook.com/michael.picheriedragongraphique/">Dragon Graphisme</a></blockquote></div></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.5&appId=158559864514168";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    <a id="M14_FACEBOOK_Open"href="#volet_1" class="ouvrir"><img src="http://i21.servimg.com/u/f21/19/21/76/58/facebo10.png"/></a>
    <a id="M14_FACEBOOK_Close"href="#voletfermer_1" class="fermer"><img src="http://i21.servimg.com/u/f21/19/21/76/58/facebo10.png"/></a>
  </div>
</div>
  <!--================================-->
  <!-- fin onglet facebook et twitter -->
  <!--================================-->
  <!-- END switch_user_logged_in -->
        <!--FIN R-MAX -->
  <!--=============================================-->
 <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 -->

 <!--================================================-->
                                                  <!--=====barre reseaux sociaux dragon par R-max=====-->
                                                  <br />
                                                  <br />
                                                  <table  class="forumline" cellspacing="0" cellpadding="0" border="0" width="100%" height="100%" align="center" margin="auto">
                            <tbody>
                                            <tr>
 <td align="center" class="row1">
                                                      <div style="background-color:#b59377!important;" class="mazrunner_1" nowrap="nowrap" align="center" width="100%" height="100%" margin="auto">
                                                 
                                                        <span class="mazrunner_2"><a href="  http://dragon-graphisme59.forumactif.org/h7-realisations-sur-commandes-deja-realisees" target="_blank"><img src="http://ahp.li/b8d565e190de6873b807.png" alt="tonimage" /></a></span>
                                                        <span class="mazrunner_4"><a href="https://www.facebook.com/michael.picheriedragongraphique/" title="Facebook de Dragon Graphisme 59" target="blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/facebo10.png" width="60" height="60" border="0" alt="" hspace="0" target="blank"/></a></span>
                                                        <span class="mazrunner_4"><a href="https://twitter.com/graphisme59"title="Twitter Dragon Graphisme 59" target="_blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/twitte10.png" width="60" height="60" border="0" alt="" hspace="0" target="_blank"/></a></span>
                                                        <span class="mazrunner_4"><a href="https://plus.google.com/u/0/collection/w-pux" title="Google + Dragon Graphisme 59" target="_blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/google12.png" width="60" height="60" border="0" alt="" hspace="0"/></a></span>
                                                        <span class="mazrunner_4"><a href="http://dragon-graphisme59.forumactif.org/contact" title="Contacter le fondateur du forum" target="_blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/youtub11.png" width="60" height="60" border="0" alt="" hspace="0"/></a></span>
                                                        <span class="mazrunner_4"><a href="https://www.youtube.com/" title="Youtube" target="_blank"><img src="http://i38.servimg.com/u/f38/18/75/37/66/youtub10.png" width="60" height="60" border="0" alt="" hspace="0"/></a></span>
                                                        <span class="mazrunner_4"><a href="http://dragon-graphisme59.forumactif.org/" title="Pour nous suivre" target="_blank"> <img src=" http://i38.servimg.com/u/f38/18/75/37/66/rss10.png" width="60" height="60" border="0" alt="" hspace="0"/></a></span>
                                                        <span class="mazrunner_3"><a href="https://www.facebook.com/michael.picheriedragongraphique/" target="_blank"><img src="http://ahp.li/2039d242bf1d7f55941f.png" alt="tonimage"/></a></span>
                                                          </div>
                                                  </td>
                            </tr>
                            </tbody>
                        </table>                           
                                                  <br />
                                                  <br />
                                                  <!--=====fin barre reseaux siciaux par R-max=====-->
                                                  <!--=============================================-->
 <div class="maintitle">{MAIN_SITENAME}</div>
 <br />
                                                      <!--traducteur google-->
                                                      <div style="padding-right: 4px; padding-left: 4px; padding-bottom: 3px; padding-top: 10px; background-color: #B59377; text-align: center; border: #ccc 1px solid;">
<div><a title="American" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Translate this page to American" src="http://ahp.li/8d7f8d73f23eb4587801.png" alt="English" /></a> <a title="English" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Translate this page to English" src="http://ahp.li/b7114e65d1bdbc7f2d02.png" alt="English" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="traducir esta página al español" src="http://ahp.li/14b5651ec79d88a290ec.png" alt="español" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Traduci questa pagina in Italiano" src="http://ahp.li/70f1390fdf096216e98f.png" alt="Italiano" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="diese Seite auf deutsch" src="http://ahp.li/b890bab93e079e07febb.png" alt="deutsch" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Traduzir esta página em Português" src="http://ahp.li/aa6aede031ae55959200.png" alt="Português" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cda&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Dansk" src="http://ahp.li/159fbc552116190a8898.png" alt=" Oversæt denne side til dansk" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csv&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Översätt webbplatsen på svenska" src="http://ahp.li/20ed98d54c37829632c1.png" alt="Översätt webbplatsen på svenska" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="ترجمة هذه الصفحة إلى العربية" src="http://ahp.li/355d2e8eee3a6ea58e0c.png" alt="العربية" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="翻译此页成中文" src="http://ahp.li/ebcbe50adafc00599b99.png" alt="中文" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Перевести эту страницу на русский" src="http://ahp.li/21fc10f69f7a8583990c.png" alt="Русский" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="このページを日本語に翻訳" src="http://ahp.li/10fe6b0cbc161b0e9d3d.png" alt="日本語" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="이 페이지 번역가 한국" src="http://ahp.li/5874a77fa413057587d8.png" alt="한국어" /></a> <a title="English" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csr&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title=" Транслате тхис паге ин Сербиан" src="http://ahp.li/3d9fd786d722558dfb5e.png" alt="Српски" /></a> <a onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Vertaal deze pagina in het Nederlands" src="http://ahp.li/54c4cf9fcc8c355c3365.png" alt="Nederlands" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cfi&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Käännä tämä sivu osaksi Suomen" src="http://ahp.li/a9398eaeee0f3907e0d9.png" alt="Suomen" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ctr&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Çevirisini Bu sayfa türk" src="http://ahp.li/573e9d532e939337d7e1.png" alt="Türkçe" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpl&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Przetłumacz tę stronę na język Polski" src="http://ahp.li/25dd1fecd357e79f5141.png" alt="Polska" /><br /></a> <span style="font-size: 10px;"> </span><br />
<div class="boxed">
<div style="text-align: center;">
<div id="google_translate_element"><option selected="selected"></option></div>
<script type="text/javascript">// <![CDATA[
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'fr'
}, 'google_translate_element');
}
// ]]></script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
</div>
</div>
</div>
                                                      <!--fin traducteur-->
                        <br /><br /><br />

 <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </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>
<!-- ===modification navigation rapide R-max===-->
<div id="navigation_rapide" align="left">
 <img style="width:100px;height:120px;position:relative;top:0px;right:-15px;" src="http://i68.servimg.com/u/f68/16/87/83/03/nav_ra10.gif"/>
 <br />
<select style="width: 167px;border:0px;background-color:#;color:black;font-weight:700;" onchange="location = this.value">
 <option selected="selected" style="color:black;">Navigation Rapide</option>
 
  <option value="http://dragon-graphisme59.forumactif.org/f1-reglement-du-forum-et-presentation-des-nouveaux-membres"style="color:black;">Règlement et présentation </option>
 <option value="http://dragon-graphisme59.forumactif.org/f11-les-bonjours-et-bonsoirs-du-forum"style="color:black;">Bonjour ou bonsoir</option>
  <option value="http://dragon-graphisme59.forumactif.org/f14-fil-d-actualite-du-forum"style="color:black;">Fil d'actualité du forum </option>
 
 
</select>
 </div>
<!-- ===fin modification rapide ===--><br /><br />
 <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
 <tr>
 <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </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 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 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 -->

( voir suite ci-dessous )


Dernière édition par dragon1973 le Dim 24 Avr 2016 - 14:49, édité 1 fois

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 24 Avr 2016 - 14:39

Template viewtopic_body :

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }
   
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>      
      <td class="nav" valign="middle" width="100%">
         <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
      </td>      
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
         </span>
         <!-- END switch_twitter_btn -->
         
         <!-- BEGIN switch_fb_likebtn -->         
         <script>(function(d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s); js.id = id;
           js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));</script>   
         <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
         <!-- END switch_fb_likebtn -->
         
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            &nbsp;|&nbsp;
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" class="t-title">
                  <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top">
    <span class="gensmall M14_PAGE">{PAGINATION}</span>

</td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
             
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                    <span class="postdetails poster-profile">
                    {postrow.displayed.POSTER_AVATAR}
       
                <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
       
                    {postrow.displayed.RANK_IMAGE}
       
                    <!-- BEGIN profile_field -->
                    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
                </span>
       
                <img src="http://illiweb.com/fa/vide.gif" alt="" style="width:150px;height:1px" />
              </td>
      
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
                                      <td><span class="postdetails">{postrow.displayed.ICON}
<img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <!-- BEGIN switch_signature -->
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                     <!-- END switch_signature -->

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150">
    <span class="gensmall M14_PAGE">{PAGINATION}</span>

</td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         »&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <div class="cattitle">&nbsp;{L_FORUM_RULES}</div>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall">&nbsp;</span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

    <script type="text/javascript">
   
    $(function(){
    $('.M14_PAGE').html($('.M14_PAGE').html().replace(/: /g,' ').replace(/, /g,' ')).removeAttr('id');
    });
    </script>




<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Voilà qui est fini pour mes templates Général alors il me reste celui du profil que je vous mets sur le prochain poste.

( voir suite ci-dessous )


Dernière édition par dragon1973 le Dim 24 Avr 2016 - 14:50, édité 1 fois

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 24 Avr 2016 - 14:44

Voici donc le template Profil ci-dessous.

Template profile_add_body :

Code:
<script type="text/javascript" src="{JSPWD}"></script>
<!-- BEGIN switch_display_menu -->
{UCP_TABS}
<!-- END switch_display_menu -->
{ERROR_BOX}
<form action="{S_PROFILE_ACTION}" {S_FORM_ENCTYPE} method="post" id="register" name="register">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN switch_informations_menu -->
   <tr>
      <th class="thHead" colspan="3" valign="middle" height="25">{L_REGISTRATION_INFO}{L_MY_PROFILE}</th>
   </tr>
   <tr>
      <td class="row2" colspan="2"><span class="gensmall">{L_ITEMS_REQUIRED}</span></td>
   </tr>
   <!-- BEGIN switch_namechange_disallowed -->
   <tr>
      <td class="row1" width="38%"><span class="gen">{L_USERNAME}&nbsp;:&nbsp;*</span></td>
      <td class="row2"><input type="hidden" name="username" value="{USER&amp;#8288;NAME}" /><span class="gen"><b>{USER&amp;#8288;NAME}</b></span></td>
   </tr>
   <!-- END switch_namechange_disallowed -->
   <!-- BEGIN switch_namechange_allowed -->
   <tr>
      <td class="row1" width="38%"><span class="gen">{L_USERNAME}&nbsp;:&nbsp;*</span></td>
      <td class="row2"><input class="post" type="text" name="username" value="{USER&amp;#8288;NAME}" size="25" maxlength="25" /></td>
   </tr>
   <!-- END switch_namechange_allowed -->

   <!-- BEGIN switch_emailchange_disallowed -->
   <tr>
      <td class="row1"><span class="gen">{L_EMAIL_ADDRESS}&nbsp;:&nbsp;*</span></td>
      <td class="row2"><input type="hidden" name="email" value="{EMAIL}" /><span class="gen"><b>{EMAIL}</b></span></td>
   </tr>
   <!-- END switch_emailchange_disallowed -->
   <!-- BEGIN switch_emailchange_allowed -->
   <tr>
      <td class="row1"><span class="gen">{L_EMAIL_ADDRESS}&nbsp;:&nbsp;*</span></td>
      <td class="row2"><input class="post" type="text" name="email" value="{EMAIL}" size="25" maxlength="64" /></td>
   </tr>
   <!-- END switch_emailchange_allowed -->

   <!-- BEGIN switch_change_password -->
   <tr>
      <td class="row1"><span class="gen">{L_CHANGE_PASSWORD}&nbsp;:</span></td>
      <td class="row2"><a href="{LINK_FOR_PASSWD_CHANGE}" target="_blank" class="gen"><b><&nbsp;{L_MODIFY}&nbsp;></b></a></td>
   </tr>
        <!-- END switch_change_password -->

   <!-- BEGIN switch_profile_fields -->
      <tr>
         <th class="thSides" colspan="2" valign="middle" height="25">{switch_informations_menu.switch_profile_fields.L_PROFILE_FIELDS}</th>
      </tr>
      <!-- BEGIN field -->
      <tr>
         <td class="gen row1" align="left">
            <span>{switch_informations_menu.switch_profile_fields.field.NAME}</span>
         </td>
         <td class="gensmall row2">
            {switch_informations_menu.switch_profile_fields.field.OBJECT}<br />
            <span class="gensmall">{switch_informations_menu.switch_profile_fields.field.DESCRIPTION}</span>
         </td>
      </tr>
      <!-- END field -->
   <!-- END switch_profile_fields -->

   <!-- BEGIN switch_confirm -->
   <tr>
      <td class="row1" colspan="2" align="center"><span class="gensmall">{L_CONFIRM_CODE_IMPAIRED}</span><br />
      <br />
      {CONFIRM_IMG}<br />
      <br />
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_CONFIRM_CODE}&nbsp;:&nbsp;*</span><br /><span class="gensmall">{L_CONFIRM_CODE_EXPLAIN}</span></td>
      <td class="row2"><input class="post" type="text" name="confirm_code" value="" size="6" maxlength="6" /></td>
   </tr>
   <!-- END switch_confirm -->
   <!-- BEGIN switch_register_not_display -->
      <!-- BEGIN switch_unsubscribe_allowed -->
      <tr>
         <td class="row1"><span class="gen">{L_DELETE}</span></td>
         <td class="row2"><input type="checkbox" name="delete_user" /><span class="gensmall">{L_DELETE_EXPLAIN}</span></td>
      </tr>
      <!-- END switch_unsubscribe_allowed -->
   <!-- END switch_register_not_display -->
      

<!-- END switch_informations_menu -->

<!-- BEGIN switch_confirm_password -->
<tr>
        <th class="thHead" colspan="3" valign="middle" height="25">{L_REGISTRATION_INFO}</th>
</tr>
<tr>
        <td class="row1">
                <span class="gen">{L_CURRENT_PASSWORD}&nbsp;:&nbsp;*</span><br />
                        <span class="gensmall">{L_CONFIRM_PASSWORD_EXPLAIN}</span>
                </td>
        <td class="row2"><input class="post" type="password" name="cur_password" value="{CUR_PASSWORD}" size="25" maxlength="25" /></td>
</tr>
<!-- END switch_confirm_password -->
<!-- BEGIN switch_confirm_password_new -->
<tr>
        <td class="row1"><span class="gen">{L_NEW_PASSWORD}&nbsp;:&nbsp;*</span><br /><span class="gensmall">{L_PASSWORD_IF_CHANGED}</span></td>
        <td class="row2">
                <input class="post left" type="password" name="new_password" value="{NEW_PASSWORD}" size="25" maxlength="25" />
                <div id="cont_pwd">
                        <div class="pwd_img" id="pwd_bad" >{BAD_LEVEL_PWD}</div>
                        <div class="pwd_img" id="pwd_middle" >{GOOD_LEVEL_PWD}</div>
                        <div class="pwd_img" id="pwd_good" >{STRONG_LEVEL_PWD}</div>
                </div>
        </td>
</tr>
<tr>
        <td class="row1"><span class="gen">{L_CONFIRM_PASSWORD}&nbsp;:&nbsp;*</span><br /><span class="gensmall">{L_PASSWORD_CONFIRM_IF_CHANGED}</span></td>
        <td class="row2">
         <input class="post" type="password" name="password_confirm" value="{PASSWORD_CONFIRM}" size="25" maxlength="25" />
            <input type="hidden" name="change_password" value="change_password" />
      </td>
</tr>
<!-- END switch_confirm_password_new -->

<!-- BEGIN switch_preferences_menu -->
   <tr>
      <th class="thSides" colspan="2" valign="middle" height="25">{L_PREFERENCES}</th>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_PUBLIC_VIEW_EMAIL}&nbsp;:</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_FORM} /><span class="gen">{L_YES}</span></label>&nbsp;&nbsp;
         <!-- BEGIN switch_enable_mail_view --><label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_FORM} /><span class="gen">{L_FORM}</span></label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_MAILTO} />{L_MAILTO}</label>&nbsp;&nbsp;
         <!-- END switch_enable_mail_view --><label class="gen"><input type="radio" name="viewemail" value="0" {VIEW_EMAIL_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- BEGIN switch_view_pm -->
   <tr>
      <td class="row1"><span class="gen">{L_PUBLIC_VIEW_MP}&nbsp;:</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="view_pm" value="1" {VIEW_MP_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="view_pm" value="0" {VIEW_MP_NO} />{L_NO}</label>&nbsp;&nbsp;
      </td>
   </tr>
   <!-- END switch_view_pm -->
   <!-- BEGIN switch_profile_advanced -->
   <tr>
      <td class="row1"><span class="gen">{switch_preferences_menu.switch_profile_advanced.L_ALLOW_PROFILE_MSGS}&nbsp;:</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="profilemsgs" value="2" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_ALL} />{L_ALL_USERS}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="profilemsgs" value="1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_FRIENDS} />{L_MY_FRIENDS}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="profilemsgs" value="0" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_NONE} />{L_NO_ONE}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="profilemsgs" value="-1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_HIDE} />{L_HIDE_TAB}</label>
      </td>
   </tr>
   <!-- END switch_profile_advanced -->
   <!-- BEGIN switch_fb_connect -->
   <tr>
      <td class="row1 fb"><span class="gen">{switch_preferences_menu.switch_fb_connect.L_FB_LINK_ACCOUNT}&nbsp;:</span></td>
      <td class="row2 fb" width="400">
         <!-- BEGIN switch_fb_account_linked -->
         <span class="gen">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_FB_ACCOUNT_LINKED}</span>
         <!-- END switch_fb_account_linked -->
         <!-- BEGIN switch_fb_account_not_linked -->
         <fb:login-button size="medium" onlogin="facebook_link()" >{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</fb:login-button>
         <!-- END switch_fb_account_not_linked -->
         <!-- BEGIN switch_fb_account_test -->
         {switch_preferences_menu.switch_fb_connect.switch_fb_account_test.FB_LOGIN}
         <!-- END switch_fb_account_test -->
      </td>
   </tr>
   <!-- BEGIN switch_fb_account_linked -->
   <tr>
      <td class="row1"><span class="gen">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_UNLINK_FB_ACCOUNT_EXPLAIN}&nbsp;:</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="unlink_fb_account" value="1" />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="unlink_fb_account" value="0"  checked="checked" />{L_NO}</label>&nbsp;&nbsp;
      </td>
   </tr>
   <!-- END switch_fb_account_linked -->
   <!-- END switch_fb_connect -->
   <tr>
      <td class="row1"><span class="gen">{L_NEWSLETTER_ACCEPT}&nbsp;:</span><br /><span class="gensmall">{L_NEWSLETTER_ACCEPT_EXPLAIN}</span></td>
      <td class="row2" width="400">
         <label class="gen"><input type="radio" name="newsletter" value="1" {NEWSLETTER_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="newsletter" value="0" {NEWSLETTER_NO} />{L_NO}</label>&nbsp;&nbsp;
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_HIDE_USER}&nbsp;:</span></td>
      <td class="row2">
         
    <label class="gen"><input id="M14_Not_ckeck"type="radio" name="hideonline" value="1" {HIDE_USER_YES} />{L_YES}</label> 
    <label class="gen"><input type="radio" name="hideonline" value="0" {HIDE_USER_NO} />{L_NO}</label>

      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_NOTIFY_ON_REPLY}&nbsp;:</span><br /><span class="gensmall">{L_NOTIFY_ON_REPLY_EXPLAIN}</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="notifyreply" value="1" {NOTIFY_REPLY_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="notifyreply" value="0" {NOTIFY_REPLY_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- BEGIN switch_can_disable_mass_pm -->
   <tr>
      <td class="row1"><span class="gen">{L_ENABLE_MASS_PM}&nbsp;:</span><br /><span class="gensmall">{L_ENABLE_MASS_PM_EXPLAIN}</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="allow_mass_pm" value="4" {ALLOW_MASS_PM_NOTIFY_CHECKED} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="allow_mass_pm" value="2" {ALLOW_MASS_PM_CHECKED} /><span class="gen">{L_NO}</span></label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="allow_mass_pm" value="0" {DISABLE_MASS_PM_CHECKED} /><span class="gen">{L_NO_MASS_PM}</span></label>
      </td>
   </tr>
   <!-- END switch_can_disable_mass_pm -->
   <!-- BEGIN switch_notify_subscriptions -->
   <tr>
      <td class="row1"><span class="gen">{L_NOTIFY_SUBSCRIPTIONS}&nbsp;:</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="notify_subscriptions" value="1" {NOTIFY_SUBSCRIPTIONS_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="notify_subscriptions" value="0" {NOTIFY_SUBSCRIPTIONS_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- END switch_notify_subscriptions -->
   <tr>
      <td class="row1"><span class="gen">{L_POPUP_ON_PRIVMSG}&nbsp;:</span><br /><span class="gensmall">{L_POPUP_ON_PRIVMSG_EXPLAIN}</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="popup_pm" value="1" {POPUP_PM_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="popup_pm" value="0" {POPUP_PM_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1">
         <span class="gen">{L_NOTIFY_POST_PREVENT}&nbsp;:</span><br />
         <span class="gensmall">{L_NOTIFY_POST_PREVENT_EXPLAIN}</span>
      </td>
      <td class="row2">
         <label class="gen"><input type="radio" name="post_prevent" value="1" {POST_PREVENT_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="post_prevent" value="0" {POST_PREVENT_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- BEGIN switch_report -->
   <tr>
      <td class="row1"><span class="gen">{switch_preferences_menu.switch_report.L_NO_REPORT_POPUP}&nbsp;:</span></td>
         <td class="row2">
         <label class="gen"><input type="radio" name="no_report_popup" value="0" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="no_report_popup" value="1" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_NO} />{L_NO}</label>
      </td>
   </tr>
   <!-- END switch_report -->
   <tr>
      <td class="row1"><span class="gen">{L_ALWAYS_ADD_SIGNATURE}&nbsp;:</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="attachsig" value="1" {ALWAYS_ADD_SIGNATURE_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="attachsig" value="0" {ALWAYS_ADD_SIGNATURE_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_ALWAYS_ALLOW_BBCODE}&nbsp;:</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="allowbbcode" value="1" {ALWAYS_ALLOW_BBCODE_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="allowbbcode" value="0" {ALWAYS_ALLOW_BBCODE_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_ALWAYS_ALLOW_HTML}&nbsp;:</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="allowhtml" value="1" {ALWAYS_ALLOW_HTML_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="allowhtml" value="0" {ALWAYS_ALLOW_HTML_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_ALWAYS_ALLOW_SMILIES}&nbsp;:</span></td>
      <td class="row2">
         <label class="gen"><input type="radio" name="allowsmilies" value="1" {ALWAYS_ALLOW_SMILIES_YES} />{L_YES}</label>&nbsp;&nbsp;
         <label class="gen"><input type="radio" name="allowsmilies" value="0" {ALWAYS_ALLOW_SMILIES_NO} />{L_NO}</label>
      </td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_BOARD_LANGUAGE}&nbsp;:</span></td>
      <td class="row2"><span class="gensmall">{LANGUAGE_SELECT}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_TIMEZONE}&nbsp;:</span></td>
      <td class="row2"><span class="gensmall">{TIMEZONE_SELECT}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_DATE_FORMAT}&nbsp;:</span></td>
      <td class="row2">{DATE_FORMAT}<br />
         <span class="gensmall">{CURRENT_TIME}</span>
      </td>
   </tr>
<!-- END switch_preferences_menu -->
<!-- BEGIN switch_avatar_block -->
   <tr>
      <th class="thSides" colspan="2" valign="middle" height="12">{L_AVATAR_PANEL}</th>
   </tr>
   <tr>
            <td class="row1"><span class="gensmall">{L_AVATAR_EXPLAIN}</span></td>
            <td class="row2">
                <span class="gensmall">{L_CURRENT_IMAGE}</span><br />
                {AVATAR}<br />
                <input type="checkbox" name="avatardel" />&nbsp;<span class="gensmall">{L_DELETE_AVATAR}</span>
            </td>      
   </tr>
       
       
        <!-- BEGIN switch_avatar_faceyourmanga -->
        <tr>
            <td class="row1"><span class="gen">{L_FACEYOURMANGA_BUTTON_LABEL}</span></td>
            <td class="row2">
                <img src="{L_FACEYOURMANGA_LINK_IMG}" onclick="$('#fym_avatar_form').submit()" class="fontbutton" id="fym_banner" style="cursor:pointer;cursor:hand;" />
                <br />
                <input type="button" onclick="$('#fym_avatar_form').submit()" value="{L_FACEYOURMANGA_BUTTON_LABEL}" class="button" />
            </td>
        </tr>
        <!-- END switch_avatar_faceyourmanga --> 
                       

   <!-- BEGIN switch_avatar_local_upload -->
   <tr>
      <td class="row1"><span class="gen">{L_UPLOAD_AVATAR_FILE}&nbsp;:</span></td>
      <td class="row2"><input class="post" type="file" name="avatar" /></td>
   </tr>
   <!-- END switch_avatar_local_upload -->
   <!-- BEGIN switch_avatar_remote_upload -->
   <tr>
      <td class="row1"><span class="gen">{L_UPLOAD_AVATAR_URL}&nbsp;:</span><br /><span class="gensmall">{L_UPLOAD_AVATAR_URL_EXPLAIN}</span></td>
      <td class="row2"><input class="post" type="text" name="avatarurl" size="40" maxlength="100" /></td>
   </tr>
   <!-- END switch_avatar_remote_upload -->
   <!-- BEGIN switch_avatar_remote_link -->
   <tr>
      <td class="row1"><span class="gen">{L_LINK_REMOTE_AVATAR}&nbsp;:</span><br /><span class="gensmall">{L_LINK_REMOTE_AVATAR_EXPLAIN}</span></td>
      <td class="row2"><input class="post" type="text" name="avatarremoteurl" size="40" maxlength="100" /></td>
   </tr>
   <!-- END switch_avatar_remote_link -->
   <!-- BEGIN switch_avatar_local_gallery -->
   <tr>
      <td class="row1"><span class="gen">{L_AVATAR_GALLERY}&nbsp;:</span></td>
      <td class="row2"><input class="liteoption" type="submit" name="avatargallery" value="{L_SHOW_GALLERY}" /></td>
   </tr>
   <!-- END switch_avatar_local_gallery -->
<!-- END switch_avatar_block -->

<tr>
    <td class="catBottom" colspan="3" align="center" height="28">{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="submit" value="{L_SUBMIT}"  />&nbsp;<input class="liteoption" type="reset" name="reset" value="{L_RESET}" /></td>
</tr>

</table>
</form>
                         
<!-- BEGIN switch_avatar_block -->
    <!-- BEGIN switch_avatar_faceyourmanga -->
    <form id="fym_avatar_form" action="{L_FACEYOURMANGA_LINK_URL}" method="GET" target="_blank">
        <input type="hidden" name="lang" value="{FORUM_LANGUAGE}" />
        <input type="hidden" name="site" value="{FORUM_HOSTNAME}" />                                           
    </form>
    <!-- END switch_avatar_faceyourmanga -->
<!-- END switch_avatar_block -->
<script type="text/javascript">
$(function(){
   $('input[name=reset]').click(function(){
        $("#pwd_good,#pwd_middle,#pwd_bad").hide();
    });
    $('input[name=new_password],input[name=username]').keyup(function() {
        if ( $('input[name=new_password]').val() != "" )
        {
            var level = passwordStrength($('input[name=new_password]').val(),$('input[name=username]').val());
        switch(level)
        {
            case 'bad' :
                $("#pwd_middle,#pwd_good").hide();
                $("#pwd_bad").show();
                break;
            case 'good' :
                $("#pwd_good,#pwd_bad").hide();
                $("#pwd_middle").show();
                break;
            case 'strong' :
                $("#pwd_middle,#pwd_bad").hide();
                $("#pwd_good").show();
                break;
            }
        }
        else
        {
            $("#pwd_middle,#pwd_good,#pwd_bad").hide();
        }
    });
   
    var banner_width;   
    $(window).on("resize", function(){       
        $("#fym_banner").width(banner_width /($(window).width() < 1000 ? 1.5 : 1));
    })
    .load(function(){
        banner_width = $("#fym_banner").width();
        $(this).trigger("resize");
    });
});
</script>
<!-- BEGIN switch_preferences_menu -->
<!-- BEGIN switch_fb_connect -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId: '{switch_preferences_menu.switch_fb_connect.FACEBOOK_APP_ID}',
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_connect -->
<!-- END switch_preferences_menu -->

Voilà c'est la fin pour tous mes templates modifiés du forum mon amie.

J'attends avec une grande impatience votre réponse détaillée car je vous rappel que pour moi les codes je suis nul dans ce domaine.

Merci encore pour votre aide et je vous souhaite un très bon dimanche ainsi qu'une bonne nouvelle semaine.

Bien cordialement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par Lixyr le Dim 24 Avr 2016 - 21:25

Bon et bien je n'ai pas les images, donc à priori ce n'est pas dans les templates... O_O

Je veux bien les codes JavaScript du coup... Mais faites une recherche dedans avant, ça évitera de tous les donner. Recherchez "top" et "bottom" dedans.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Dim 24 Avr 2016 - 22:03

Bonsoir Lixyr,

Ok, je regarderai cela demain et ci je trouve je vous le posterai.

Merci encore une fois et bonne fin de soirée ou bonne nuit mon amie.

Je vous souhaite également une bonne semaine.

Bien cordialement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Lun 25 Avr 2016 - 11:39

Bonjour Lixyr,

Je viens juste à l'instant de finir de faire le tour de tous mes javaScripts en espérant que j'ai fait attention à ne pas en oublier ainsi que de bien regarder.

Donc en voici leurs contenue ainsi que leur titre que je leur est donné mon amie que je te mettrai sur plusieurs messages comme j'ai fait pour les templates.

Alors commençons donc :

JavaScript : Chatbox latéral à gauche

Mot repérer " Bottom "

Code:
jQuery(document).ready(function () {
        jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 1000px; height: 500px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 1000px; height: 500px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://ahp.li/6d8883574e5f771f80bf.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://ahp.li/6d8883574e5f771f80bf.png\')?\'block\':\'none\';this.src=(this.src==\'http://ahp.li/6d8883574e5f771f80bf.png\')?\'http://ahp.li/76157d63ad7467211166.png\':\'http://ahp.li/6d8883574e5f771f80bf.png\';"/></td></tr></table>');

( voir suite ci-dessous )

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Lun 25 Avr 2016 - 11:42

JavaScript : Bouton générateur d'iframe

Mot repérer " Top "

Code:
/*Script Bouton iframe  */
    $(document).on('ready', function () {
    $(".sceditor-container").append('
    <div class="sceditor-dropdown sceditor-iframe" style="width:225px;display:none;margin-top: 27px;">
   
    <div><label for="genatext" style="text-align:center;" >Choisissez le nom de votre iframe : </label><input type="text" id="genatext" style = "margin-left: auto;  margin-right: auto;width :90%;" placeholder="Saisissez le nom de votre iframe" />

    <label for="genanote" style="text-align:center;">L\'URL de la page que vous souhaitez voir apparaître dans l\'Iframe : </label> <input type="text" id="genanote" style="margin-left: auto;
      margin-right: auto;width : 90%;" placeholder="Collez L\'URL de la page que vous souhaitez voir apparaître dans l\'Iframe " />
   
    <br /><input type="button" style = "margin-top: 15px;"class="button" value="Insérer">
    </div></div>');
    $('<a class= "sceditor-button bbcode-iframe"  title= "Inserer une iframe"><div style="background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/google10.gif)">iframe</div></a>').insertAfter('.sceditor-button-fahide').click(function () {
    var f = $(".sceditor-iframe").css("display");
    if(f =='none') {$(".sceditor-iframe").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); }
    else {$(".sceditor-iframe").hide(); }
    });
    $(".sceditor-iframe .button").click(function () {
    var a = $(".sceditor-iframe #genanote").val();
    var b = $(".sceditor-iframe #genatext").val();
    if (a=="" && b =="") {
    alert ('Champs URL et nom vides. \n Veuillez rectifier');
    return false;
    };
    if (b =="") {
    alert ('Champs Nom non rempli. \n Veuillez indiquer le nom de l\'iframe');
    return false;
    };
    if (a =="") {
    alert ('Champs  Url non rempli. \n Veuillez coller l\'url de la page');
    return false;
    };
    $('#text_editor_textarea').sceditor("instance").insert('  * [spoiler=Afficher l\'iframe]<iframe name="'+a+'"src="'+b+'" scrolling="yes" height="600" width="800" FRAMEBORDER="no"></iframe>[/spoiler] ');
    });
    });
    /*Fin de script bouton iframe*/

( voir suite ci-dessous )

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Lun 25 Avr 2016 - 11:44

JavaScript : Afficher les messages prévés reçus

Mot repérer " Top "

Code:
/***
        * Application: Private Message list.
        * Description: This application can displays the list of PM in related menus.
        * Version: 1.03102014-jq1.9.1 - Hermes Kriophoros
        * Made and Optimizations by JScript - 2014/03/10
        * Copyright (c) 2014 JScript <jscriptbrasil at live dot com>
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        jQuery(function () {
            /***
            * User Definition Variables
            ***/
            /* NOMBRE DE MPS AFFICHES!!! */
            var iAmount =10;
            /***
            * Variables - Ne modifiez pas si vous ne savez pas!
            ***/
            var oConfig = {
                sInfo:
                    '<!--' +
                    '* Application: Private Message List.' +
                    '* Description: This application can displays the list of PM in related menus.' +
                    '* Version: 1.03102014-jq1.9.1 - Hermes Kriophoros' +
                    '* Made and Optimizations by JScript - 2014/03/10' +
                    '* View more in: http://codeforum.besaba.com/forum/index.php' +
                    '* Copyright (c) 2014 JScript <jscriptbrasil at live dot com>' +
                    '* This work is free. You can redistribute it and/or modify it' +
                    '* under the terms of the WTFPL, Version 2' +
                    '-->',   
                sContent:
                    '<div class="ipsHeaderMenu boxShadow" id="user_inbox_link_menucontent" style="display: none; width: 300px; position: absolute; z-index: 9999;">' +
                   
    '<h4 class="ipsType_sectiontitle">Messagerie' +
    '<p class="ipsPad_half ipsType_smaller right">' +
    '<a class="configure"href="/privmsg"title="Cliquez ici pour lire vos Mps">Boite de réception</a>
    <a class="configure" style="color:green !important;"href="/privmsg?mode=post" title="Poster un nouveau M.P">Nouveau M.P</a>' +
                            '</p>' +
                        '</h4>' +
                        '<ul class="ipsList_withminiphoto">
    <img src="http://i55.servimg.com/u/f55/18/17/62/92/ajax-l10.gif" alt="Patienter....." style="display: block; margin-left: auto; margin-right: auto;"></ul>' +
                    '</div>',   
                sCSS:
                    '<style>' +
                    '.ipsHeaderMenu {' +
                        'background-color: #FFFFFF;' +
                        'border-radius: 0 0 6px 6px;' +
                        'overflow: hidden;' +
                        'padding: 10px;' +
                        'width: 340px;' +
                    '}' +
                    '.boxShadow {' +
                        'box-shadow: 0 12px 25px rgba(0, 0, 0, 0.58);' +
                    '}' +
                    '.ipsHeaderMenu .ipsType_sectiontitle {' +
                        'margin-bottom: 8px;' +
                    '}' +
                    '.ipsType_sectiontitle {' +
                        'border-bottom: 1px solid #ECECEC;' +
                        'color: #595959;' +
                        'font-size: 16px;' +
                        'font-weight: 400;' +
                        'padding: 5px 0;' +
                    '}' +
                    '.ipsType_smaller, .ipsType_smaller a {' +
                        'font-size: 11px !important;' +
                     
                    '}' +
                    '.ipsPad_half {' +
                        'padding: 4px !important;' +
    'margin-top:-10px;'+
                    '}' +
                    '.right {' +
                        'float: right;' +
                    '}' +
                    '.ipsList_withminiphoto > li {' +
                        'margin-bottom: 8px;' +
                    '}' +
                    '.ipsType_small {' +
                        'font-size: 12px;' +
                    '}' +
                    '.ipsUserPhoto {' +
                        'background: none repeat scroll 0 0 #FFFFFF;' +
                        'border: 1px solid #D5D5D5 !important;' +
                        'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
                        'padding: 1px;' +
                    '}' +
                    '.ipsUserPhoto_mini {' +
                        'height: 30px;' +
                        'width: 30px;' +
                    '}' +
                    '.left {' +
                        'float: left;' +
                    '}' +
                    '.ipsList_withminiphoto > li .list_content {' +
                        'margin-left: 40px;' +
    'cursor:pointer;'+
                    '}' +
                    '#user_inbox_link_menucontent ul.ipsList_withminiphoto {' +
                        'list-style: none outside none;' +
                        'padding-left: 0 !important;' +
                    '}' +
                    '.desc.lighter, .desc.lighter.blend_links a {' +
                        'color: #A4A4A4;' +
                    '}' +
                    '.ipsType_smaller, .ipsType_smaller a {' +
                        'font-size: 11px !important;' +
                    '}' +
                    '.menu_active {' +
                        'color: #595959 !important;' +
                        'background-color: #FFFFFF !important;' +
                        'background-position: center bottom;' +
                        'border-radius: 3px 3px 0 0;' +
                        'padding: 4px;' +
                    '}' +
    'a.configure{'+
    'text-decoration:none !important;'+
    'color:#333333 !important;'+
    'margin-left:15px;'+
    '}'+

    '</style>',
                sTarget: '',
                sSearch: '',
                sExpression0: '',
                sExpression1: '',
                sExpression2: '',
                sGetIMG: ''
            };

            /* Add CSS */
            /*document.head.insertAdjacentHTML('beforeEnd', oConfig.sCSS);*/
            jQuery(oConfig.sCSS).insertBefore('body');
            jQuery('body').append(oConfig.sInfo + oConfig.sContent);

            /* Forum versions! */
            var phpBB2 = jQuery('.bodyline');
            var phpBB3 = jQuery('#wrap');
            var punbb = jQuery('#pun-intro');
            var invision = jQuery('#ipbwrapper');
       
            if (phpBB2.length) {
                oConfig.sSearch = 'form[name="privmsg_list"] .forumline tr';
                oConfig.sTarget = 'tr';
                oConfig.sExpression0 = 'memDiv.find("tr:first, tr:last").remove();';
                oConfig.sExpression1 = 'jQuery(this).find("a.topictitle").html()';
                oConfig.sExpression2 = 'jQuery(this).find("td .name").html() + " - " + jQuery(this).find("td .postdetails").html()';
                oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
            } else if(phpBB3.length) {
                oConfig.sSearch = '.topiclist.pmlist.bg_none li';
                oConfig.sTarget = '.icon dt';
                oConfig.sExpression1 = 'jQuery(this).find("a.topictitle")[0].outerHTML';
                oConfig.sExpression2 = 'jQuery(this).find("em").html()';
                oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
            } else if(punbb.length) {
                oConfig.sSearch = '.main-content tr .tcl.tdtopics';
                oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
            } else if(invision.length) {
                oConfig.sSearch = '.borderwrap table.ipbtable tbody tr:not(":empty")';
                oConfig.sTarget = 'tr';
                oConfig.sExpression1 = 'var _tmp1 = jQuery(this).find("td:eq(2)");_tmp1.children("a.topictitle")[0].outerHTML';
                oConfig.sExpression2 = '_tmp1.children("a.topictitle").remove();_tmp1.html()';
                oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
            };
       
            jQuery('a.mainmenu[href*="/privmsg?folder=inbox"]').click(function () {
                var oClicked = jQuery(this);
                var oTarget = jQuery('#user_inbox_link_menucontent');
                if (oTarget[0].style.display == 'none') {
                    oClicked.addClass('menu_active');
                    if ( !oTarget.find('ul.ipsList_withminiphoto > li').length ) {
                        var memDiv = jQuery('<div>');
                        memDiv.load('/privmsg?folder=inbox ' + oConfig.sSearch + ':lt(' + iAmount + ')', function() {
                            if (punbb.length) {
                                memDiv
                                    .html(
                                        memDiv.html()
                                            .replace(/\<\/a\> por/g, '</a></br><span class="ipsType_smaller desc lighter">')
                                            .replace(/\<\/td\>/g, '</span></div></li>')
                                            .replace(/\<td class="tcl tdtopics"\>/g, '<li class="ipsType_small clearfix"><img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"><div class="list_content">')
                                    )
                                    .find('span.status').remove();
                            } else {
                                if (oConfig.sExpression0) {
                                    eval( oConfig.sExpression0 );
                                }
                                var sHtml = '';
                                oConfig.sTarget = memDiv.find(oConfig.sTarget);
                                jQuery.each(oConfig.sTarget, function( index, value ) {
                                    sHtml +=
    '<li class="ipsType_small clearfix"title="Ce message ne peut être lu que dans la boite de réception">' +
                                            '<img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png">' +
                                            '<div class="list_content">' +
                                                eval( oConfig.sExpression1 ) + '<br>' +
                                                '<span class="ipsType_smaller desc lighter">' + eval( oConfig.sExpression2 ) + '</span>' +
                                            '</div>' +
                                        '</li>';
                                });
                                memDiv.html(sHtml);
                            }
                            oTarget.find('ul.ipsList_withminiphoto').html(memDiv.html());

                            var oImgTarget = oTarget.find('.ipsType_small.clearfix');
                            oImgTarget.each(function( index ) {
                                var UserURL = jQuery(this).find('.ipsType_smaller a, .list_content a:last');

                                if (UserURL.length) {
                                    UserURL = UserURL.attr('href');
                                    var oImgTag = jQuery(this).find('.ipsUserPhoto');
                                    var UserIMG = sessionStorage.getItem(UserURL); /* Gets the avatar saved in local storage */

                                    /* If avatar alread saved, then no request member profile! */
                                    if(UserIMG) {
                                        jQuery(this).find('img').attr('src', UserIMG);
                                    } else {
                                        /* if not, then only request per session!!! */
                                        jQuery.get(UserURL, function(data){
                                            var profile_img = jQuery(oConfig.sGetIMG, data).attr('src');
                                       
                                            if (profile_img !== undefined) {
                                                oImgTag.attr('src', profile_img);
                                                /* Saves the member avatar in local storage */
                                                sessionStorage.setItem(UserURL, profile_img);
                                            }
                                        });
                                    }
                                }
                            });
                        });
                    }
                    oTarget
                        .css({
                            'left': (oClicked.offset().left + oClicked.outerWidth()) - oTarget.outerWidth(),
                            'top': oClicked.offset().top + oClicked.outerHeight()
                        })       
                        .fadeIn(400);
                    jQuery(document).mousedown(function() {
                        if(!oTarget.is(":hover")) {
                            jQuery(document).unbind('mousedown');
                            oClicked.removeClass('menu_active');
                            oTarget.fadeOut(400);
                        }
                    });       
                } else {
                    oClicked.removeClass('menu_active');
                    oTarget.fadeOut(400);
                }
                return false;
            });
        });

( voir suite ci-dessous )

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Lun 25 Avr 2016 - 11:46

JavaScript : Outils de modérations via la liste des sujets

Mot repérer " Top "

Code:
/***
        * Application: Actions of moderation.
        * Description: This application shows a shortcut menu for the moderation in the list of topics.
        * Version: 1.03182014-jq1.9.1 - (Dodekatheon / 2) + (Hermes = Zeus + Maia)
        * Made and Optimizations by JScript - 2014/03/18
        * View more in: http://ajuda.forumeiros.com
        * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        /***
        * System Defined Variables - Do not edit if you don't know!
        ***/
        var oMTConfig = {
            sErrorMsg: '',
            oTopicTitle: {},
            sTopicHref: '',
            iTopicID: 0,
            sTopicTitle: '',
            sContent:
                '<a title="Actions de modération" class="ipsModMenu" href="#"> </a>',
            sMenu:
                '

    <ul style="display: none; position: absolute; z-index: 9999;" class="ipbmenu_content" id="topic_mod_menucontent">' +
                    '<li style="z-index: 10000;"><a title="Renommer le sujet" href="" id="t_rename" onclick="_rename_Topic();return false;" style="z-index: 10000;"><img src="http://i18.servimg.com/u/f18/11/26/21/37/pen11.png"/></a></li>' +
                    //'<li style="z-index: 10000;"><a title="Destacar tópico" href="" id="t_pin" style="z-index: 10000;">Destacar tópico</a></li>' +
                    //'<li style="z-index: 10000;"><a title="Changer icone" href="" id="t_icon" style="z-index: 10000;">Changer icone</a></li>' +
                    '<li style="z-index: 10000;"><a title="Verrouiller le sujet" href="" id="t_lock" style="z-index: 10000;"><img src="http://i18.servimg.com/u/f18/11/26/21/37/lock15.png"/></a></li>' +
                    '<li style="z-index: 10000;"><a title="Déplacer le sujet" href="" id="t_move" style="z-index: 10000;"><img src="http://i18.servimg.com/u/f18/11/26/21/37/arrow_10.png"/></a></li>' +
                    '<li style="z-index: 10000;"><a title="Envoyer à la corbeille" href="" id="t_hide" style="z-index: 10000;"><img src="http://i18.servimg.com/u/f18/11/26/21/37/trash10.png"/></a></li>' +
                    '<li style="z-index: 10000;"><a title="Supprimer le sujet" href="" id="t_delete" style="z-index: 10000;"><img src="http://i18.servimg.com/u/f18/11/26/21/37/close10.png"/></a></li>' +
                '</ul>',
            sCSS:
                '<style>' +
                /*'#rename-topic {' +
                    'display: block;' +
                '}' +*/
                '.statused tr:hover > .tcr .ipsModMenu, ' +
                    '.forumline tr td:hover > .postdetails .ipsModMenu, ' +
                    'ul.topiclist.topics.bg_none dl.icon:hover > .lastpost .ipsModMenu, '+
                    'table.ipbtable tbody tr:hover > td.row1.lastaction .ipsModMenu{' +
                    'visibility: visible;' +
                '}' +
    'a.ipsModMenu.menu_active{' +
    'background:transparent !important;' +
    '}'+
    '.ipsModMenu {' +
                    'background: url("http://i18.servimg.com/u/f18/11/26/21/37/gear10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);' +
                    'display: inline-block;' +
                    'height: 20px;' +
                    'margin: 0 8px;' +
                    'text-indent: -2000em;' +
                    'vertical-align: middle;' +
                    'width: 20px;' +
                    'float: right;' +
                    'visibility: hidden;' +
                    /*'margin-top: -6px;' +*/
                '}' +
    '.ipbmenu_content
    {' +
    'font-size: 12px;' +
    'padding: 5px !important;' +
    'z-index: 2000;' +
    'background-color: #F7F9FB;' +
    'border: 1px solid #D5DDE5;' +
    'box-shadow: 2px 2px 5px #333;' +
    'border-radius:5px;' +
    '}' +
    '.ipbmenu_content li:first-child {' +
    'padding-top: 0;' +
    '}' +
    '.ipbmenu_content li {' +
    'background: #ffffff;' +
    'border-bottom: 1px solid #D5DDE5;' +
    'list-style-type: none !important;' +
    'border-radius:0px;' +
    'transition: all 0.5s ease-in;' +
    '}' +
    '.ipbmenu_content li:hover {' +
    'background: #D5DDE5;' +
    'border-radius:50px;' +
    '}' +
    '.ipbmenu_content li:last-child{' +
    'border:none !important;'+
    '}' +
    '.ipbmenu_content a {' +
    'display: block;' +
    'padding: 6px 10px;' +
    'text-align: left;' +
    'text-decoration: none !important;' +
    'transition: all 0.5s ease-in;' +

                '}' +
    '.ipbmenu_content a:hover {' +
    'transform: rotate(45deg); ' +
                '}' +
    '.ipbmenu_content a img {' +
    'width:16px;' +
    'height:16px;' +
    '}' +
                '.cancel {' +
    'color: #AD2930;' +
    'font-size: 0.9em;' +
    'font-weight: bold;' +
    'text-decoration: none ;' +
    'transition: all 0.5s ease-in;' +
                '}' +
    '.cancel:hover
    {' +
    'color: #B24926;' +
    'text-decoration: none !important;' +
    '}' +
    '.input_text {' +
    'background: none repeat scroll 0 0 #ccc !important;' +
      'color:#B24926;'+
    'padding: 4px !important;' +
    'border-radius:5px;' +
    'font: 13px !important;' +
    'transition: all 0.5s ease-in;' +
                '}' +
    '#rename-topic
    {' +
    'color: #AD2930 !important;' +
    'cursor: pointer;' +
    'border:none !important;' +
    'background:transparent !important;' +
    'padding: 4px 10px !important;' +
    'min-width: 0 !important;' +
    'font: 13px !important ;' +
    '}' +
    ' input#rt_submit.button2
    {' +
    'color: #AD2930 !important;' +
    'cursor: pointer;' +
    'border:none !important;' +
    'background:transparent !important;' +
    'background-image:none !important; ' +
    'padding: 4px 10px !important;' +
    'min-width: 0 !important;' +
    'font: 13px !important ;' +
    '}' +
    '.input_text:focus {' +
    'border: none !important;' +
    'box-shadow: 2px 2px 5px #333;' +
                '}' +
                '#ipsGlobalNotification {' +
                    'font-weight: bold;' +
                    'left: 50%;' +
                    'margin-left: -250px;' +
                    'position: fixed;' +
                    'text-align: center;' +
                    'top: 20px;' +
                    'z-index: 10000;' +
                '}' +
                '.popupWrapper {' +
                    'background-color: rgba(70, 70, 70, 0.6);' +
                    'border-radius: 4px 4px 4px 4px;' +
                    'box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);' +
                    'padding: 4px;' +
                '}' +
                '.popupInner {' +
                    'background: none repeat scroll 0 0 #FFFFFF;' +
                    'box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);' +
                    'overflow-x: hidden;' +
                    'overflow-y: auto;' +
                    'width: 500px;' +
                '}' +
                '.ipsPad {' +
                    'padding: 9px;' +
                '}' +
                '</style>',
            sTarget: '',
            sSearch: '',
            sExpression0: '',
            sExpression1: ''
        };
        /***
        * User Definition Variables
        ***/
        oMTConfig.sErrorMsg = 'Attention! \ n\ n Une erreur est survenue lors de l\'édition du titre, attendez 10 secondes et essayez à nouveau!';
        oMTConfig.sSavingMsg = 'Mise à jour du titre du sujet attente ...';
        oMTConfig.sDoneMsg = 'Le titre du sujet a été mis à jour!';

        window.onload = function() { //jQuery(function () {
            if (_userdata.user_level >= 1) {
                /* Forum versions! */
                var phpBB2 = jQuery('.bodyline');
                var phpBB3 = jQuery('#wrap');
                var punbb = jQuery('#pun-intro');
                var invision = jQuery('#ipbwrapper');

                if (phpBB2.length) {
                    oMTConfig.sTarget = '.forumline td.row3Right span.postdetails';
                    oMTConfig.sExpression0 = 'oClicked.parent().parent().parent().find("td a.topictitle");';
                    oMTConfig.sExpression1 = 'jQuery("#page-body .forumline .postbody:first", data).parents("tr:eq(1)").attr("id").split("p")[1];'
                } else if(phpBB3.length) {
                    oMTConfig.sTarget = 'ul.topiclist.topics.bg_none dd.lastpost > span';
                    oMTConfig.sExpression0 = 'oClicked.parent().parents("dl.icon").find("dd.dterm a.topictitle");';
                    oMTConfig.sExpression1 = 'jQuery("#main-content .post:first", data).attr("id").split("p")[1];';
                } else if(punbb.length) {
                    oMTConfig.sTarget = '.statused td.tcr';
                    oMTConfig.sExpression0 = 'oClicked.parents("tr").find(".tcl.tdtopics a.topictitle");';
                    oMTConfig.sExpression1 = 'jQuery(".posthead:first", data).attr("id").split("p")[1];';
                } else if(invision.length) {
                    oMTConfig.sTarget = 'table.ipbtable tbody td.row1.lastaction';
                    oMTConfig.sExpression0 = 'oClicked.parents("tr").find("td a.topictitle");';
                    oMTConfig.sExpression1 = 'jQuery("#main-content .borderwrap .post:first", data).attr("id").split("p")[1];';
                };

                jQuery(oMTConfig.sCSS).insertBefore('body');
                jQuery('body').append(oMTConfig.sMenu);
                jQuery(oMTConfig.sTarget).append(oMTConfig.sContent);

                jQuery('a.ipsModMenu').click(function () {

                    var oClicked = jQuery(this);
                    var oTarget = jQuery('#topic_mod_menucontent');

                    if (oTarget[0].style.display == 'none') {
                        oClicked.addClass('menu_active');

                        oMTConfig.oTopicTitle = eval(oMTConfig.sExpression0);
                        oMTConfig.sTopicHref = oMTConfig.oTopicTitle.attr('href');
                        oMTConfig.iTopicID = oMTConfig.sTopicHref.substring(2, oMTConfig.sTopicHref.indexOf("-")); // .split(/[\/t-]/)[2]; <- More fast???
                        oMTConfig.sTopicTitle = oMTConfig.oTopicTitle.text();

                        var TID = jQuery('input[name="tid"]').val();

                        jQuery('#t_lock').attr('href', '/modcp?mode=lock&t=' + oMTConfig.iTopicID  + '&tid=' + TID);
                        jQuery('#t_move').attr('href', '/modcp?mode=move&t=' + oMTConfig.iTopicID  + '&tid=' + TID);
                        jQuery('#t_hide').attr('href', '/modcp?mode=trash&t=' + oMTConfig.iTopicID  + '&tid=' + TID);
                        jQuery('#t_delete').attr('href', '/modcp?mode=delete&t=' + oMTConfig.iTopicID  + '&tid=' + TID);

                        oTarget
                            .css({
                                'left': (oClicked.offset().left + oClicked.outerWidth()) - oTarget.outerWidth(),
                                'top': oClicked.offset().top + oClicked.outerHeight()
                            })
                            .fadeIn(400);

                        jQuery(document).mousedown(function() {
                            if(!oTarget.is(":hover")) {
                                jQuery(document).unbind('mousedown');
                                oClicked.removeClass('menu_active');
                                oTarget.fadeOut(400);
                            }
                        });

                    } else {
                        oClicked.removeClass('menu_active');
                        oTarget.fadeOut(400);
                    }
                    return false;
                });
            }
        }; // });

        function _rename_Topic() {
            oMTConfig.oTopicTitle.hide();
            var sHtml =
                '<span id="rename-topic">' +
    '<input type="text" maxlength="150" size="50" class="input_text" value="' + oMTConfig.sTopicTitle + '" id="rt_input" style="width: 56%; margin-right: 4px;"><br />' +
    '<input type="submit" id="rt_submit" class="button2" value="Enregistrer" onclick="_rt_commit()" style="margin-right:2px;">' +
    '<a title="Annuler" class="cancel" id="rt_cancel" href="#" onclick="jQuery(\'#rename-topic\').remove();oMTConfig.oTopicTitle.show();return false;">Annuler</a>' +
              '</span>';
            oMTConfig.oTopicTitle.before(sHtml);

            jQuery('#rt_input').keydown(function (e){
                if(e.keyCode == 13 && jQuery('#rt_input').val() !== ''){
                    _rt_commit();
                }
            });
        }

        function _rt_commit() {
            var iPostID = 0, user_Msg = '';
            var sNewTitle = jQuery('#rt_input').val();
            if (sNewTitle == '') return false;

            jQuery('body').append('<div id="ipsGlobalNotification"><div class="popupWrapper"><div class="popupInner"><div class="ipsPad">' + oMTConfig.sSavingMsg + '</div></div></div></div>');
            jQuery('#rename-topic').css('opacity', '0.4');

            jQuery.get(oMTConfig.sTopicHref, function(data) {
                iPostID = eval(oMTConfig.sExpression1);
            }).done(function(){
                jQuery.get("/post?p=" + iPostID + "&mode=editpost", function(data) {
                    user_Msg = jQuery(data).find('#text_editor_textarea[name="message"]').val();
                }).done(function(){
                    jQuery.post("/post?p=" + iPostID + "&mode=editpost", {
                        subject: sNewTitle,
                        message: user_Msg,
                        edit_reason: '',
                        attach_sig: '1',
                        notify: "0",
                        post: 1
                    }).done(function(){
                        jQuery('#ipsGlobalNotification').remove();
                        jQuery('#rename-topic').remove();
                        oMTConfig.oTopicTitle.show().text(sNewTitle);
                        jQuery('body').append('<div id="ipsGlobalNotification"><div class="popupWrapper"><div class="popupInner"><div class="ipsPad">' + oMTConfig.sDoneMsg + '</div></div></div></div>');
                        setTimeout(function() {
                            jQuery('#ipsGlobalNotification').remove();
                        }, 4000);
                    }).fail(function(){
                        jQuery('#ipsGlobalNotification').remove();
                        oMTConfig.oTopicTitle.show();
                        alert(oMTConfig.sErrorMsg);
                    });
                }).fail(function(){
                    jQuery('#ipsGlobalNotification').remove();
                    oMTConfig.oTopicTitle.show();
                    alert(oMTConfig.sErrorMsg);
                });
            }).fail(function(){
                jQuery('#ipsGlobalNotification').remove();
                oMTConfig.oTopicTitle.show();
                alert(oMTConfig.sErrorMsg);
            });
        }

( voir suite ci-dessous )

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Lun 25 Avr 2016 - 11:54

Et pour finir les deux derniers javescripts de mes boutons même HAUT et BAS mon amie.

JavaScript : Ajouter des boutons Haut / Bas Version HAUT

Mot repérer " Top "

Code:
$(function(){
                          $("body").append('<div class="bouhaut"><a href="http://dragon-graphisme59.forumactif.org/#top"><img title="Haut de page "src="http://ahp.li/36849c44dabc54d3a0ab.png" alt="Aller en haut" /></a></div>');
                });

Et le deuxième le BAS ci-dessous.

JavaScript : Ajouter des boutons Haut / Bas Version BAS

Mot repérer " Top "

Code:
$(function(){
                          $("body").append('<div class="boubas"><a href="http://dragon-graphisme59.forumactif.org/#bottom"><img title="Bas de page"  src="http://ahp.li/9d1f2744d8b3cc01c043.png" alt="Aller en Bas" /></a></div>');
                });

Voilà mon amie pour ce qui est de mes JavaScripts qui sont avec les mots que tu me demandais " TOP " et " BOTTOM " en espérant comme je le disais que j'y ai bien regarder.

Sur ceux je te souhaite un très bon lundi suivit d'un bonne appétit car vue l'heure qu'il est actuellement.

Bien amicalement Dragon1973 qui au passage te remercie pour ton aide.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les flèches d'orientation haut et bas sur le forum.

Message par dragon1973 le Mer 27 Avr 2016 - 11:53

Coucou Lixyr,

j'attends donc ton analyse pour ce que tu m'as demandé.

Sur ceux bonne journée mon amie.

Amicalement Dragon1973.


dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 3 Précédent  1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum