AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Cartes Pokémon 151 : où trouver le ...
Voir le deal

    Problème navigation

    Xyyny
    Xyyny
    FémininAge : 32Messages : 59

    Mer 30 Mar 2016 - 13:37

    Bien le bonjour à vous !

    Je viens vers vous pour un appel à l'aide, parce que 1) les codes c'est pas mon fort et que 2), je galère dessus depuis hier :)

    J'ai suivi ce tuto : https://www.never-utopia.com/t51016p200-barre-de-navigation-ouvrable#906614
    et...ça donne ça... https://i.servimg.com/u/f86/19/41/85/33/navig10.png

    J'ai ce problème avec Chrome & Firefox. J'avoue ne pas vraiment m'y connaitre, c'est un peu vague pour moi, du coup, je vous remercie d'avance de votre aide :)


    Dernière édition par Xyyny le Mer 27 Avr 2016 - 18:40, édité 1 fois
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 30 Mar 2016 - 18:13

    Salut!

    Tu as essayé de vider ton cache? Des fois il est trop plein et il enregistre mal les changements. Sinon, tu peux nous donner ton CSS, ton Template Overhall Header et le lien de ton forum?



    • Revenir en haut
    Xyyny
    Xyyny
    FémininAge : 32Messages : 59

    Jeu 31 Mar 2016 - 10:44

    Holla !

    Quel cache ? :).
    Voici le lien : http://mystifalse.forumactif.org/
    Le CSS tu le veux avec tous les codes, où celui qui me pose soucis ?

    Le template :
    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://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
     <div class="content">
     <p>
     {hitskin_preview.L_THEME_SITE_PREVIEW}
     <br />
     <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
     </p>
     </div>
     </div>
     <!-- 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}

     <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
     <tr>
     <td class="bodyline">
     <table width="100%" cellspacing="0" cellpadding="0" border="0">
     <tr>
     <!-- BEGIN switch_logo_left -->
     <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
     <!-- END switch_logo_left -->
     <td align="center" width="100%" valign="middle">
     <!-- BEGIN switch_logo_center -->
     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
     <br />
     <!-- END switch_logo_center -->
     <div class="maintitle">{MAIN_SITENAME}</div>
     <br />
     <span class="gen">{SITE_DESCRIPTION}<br />&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>

    <table id="navbloc" cellspacing="0" cellpadding="0" border="0">
      <tr>
        <td align="center">
          <div class="nav_links">
            {GENERATED_NAV_BAR}
          </div>
        </td>
      </tr>
      <tr>
        <td align="left">
          <span id="nav_ouvrir">Ouvrir la navigation</span>        
          <span id="nav_fermer" style="display: none;">Fermer la navigation</span>
        </td>
      </tr>
    </table>
    <script>document.getElementById("nav_ouvrir").onclick = function() {nav_open()}; /*Fonction pour ouvrir la navigation*/
    document.getElementById("nav_fermer").onclick = function() {nav_close()}; /*Fonction pour fermer la navigation*/
    function nav_open() {
      document.getElementById("nav_ouvrir").style.display = "none"; /*Fait disparition le bouton ouvrir*/
      document.getElementById("nav_fermer").style.display = "block"; /*Fait apparaître le bouton fermer*/
      document.getElementById("navbloc").style.top = "0px";} /*Fait baisser la navigation*/
    function nav_close() {
      document.getElementById("nav_fermer").style.display = "none"; /*Fait disparition le bouton fermer*/
      document.getElementById("nav_ouvrir").style.display = "block"; /*Fait apparaître le bouton ouvrir*/
      document.getElementById("navbloc").style.top = "-32px";} /*Fait monter la navigation*/</script>
     

     <!-- 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 -->
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 31 Mar 2016 - 18:57

    Le cache, c'est un peu comme la mémoire rapide de ton navigateur, s'il est plein, il ne prend plus les nouveaux éléments. Le CSS en entier, il y a peut-être un morceau de code ailleurs qui vient affecter la navigation ^^
    Oh, et quelle est la version de ton forum? phpBB2? PhpBB3? Invision? Ect?



    • Revenir en haut
    Xyyny
    Xyyny
    FémininAge : 32Messages : 59

    Ven 1 Avr 2016 - 10:38

    Voilà le CSS en entier :
    Code:

      /********************************************* NAVIGATION *********************************************/
    /*Fixe la navigation en haut cachée*/
    #navbloc {
      position: fixed;
      z-index: 20;
      top: -32px;
      left: 0px;
      width: 100%;
      transition: all 0.5s;
      -webkit-transition: all 0.5s;
    }

    /*Barre de la navigation*/
    .nav_links {
      background: #1A1815;
      border-bottom: 2px solid #000000;
      color: #88346B;
      height: 20px;
      padding: 5px;
    }
    /*Liens de la navigation*/
    #navbloc a.mainmenu {
      font-family: monotype corsiva;
      font-size: 18px;
      color: darkgoldenrod;
      text-shadow: 1px 1px 1px #000000;
    }
    /*Liens de la navigation au survol*/
    #navbloc a.mainmenu:hover {
      color: goldenrod;
      text-shadow: 1px 1px 1px #000000;
    }

    /*Boutons pour ouvrir ou fermer la navigation*/
    #nav_ouvrir, #nav_fermer {
      display: block;
      width: 190px;
      margin-left: 15px;
      margin-top: -2px;
      background: #1A1815;
      border: 2px solid #000000;
      border-top: none;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      color: darkgoldenrod;
      text-shadow: 1px 1px 1px #000000;
      padding: 5px;
      font-family: Times New Roman;
      font-size: 20px;
      font-variant: small-caps;
      cursor: pointer;
      text-align: center;
    }
    /*Boutons au survol*/
    #nav_ouvrir:hover, #nav_fermer:hover {
      color: goldenrod;
    }
      /********************************************* FIN NAVIGATION *********************************************/


    /* PAGE ACCUEIL MOZAIK */

    #mozaik
    {
      width: 660px;
      height: 260px;
      margin: auto;
    }
    #mozaik a
    {
      font-weight: bold;
      color: #575757 !important;
      text-decoration: none !important;
    }
    #mozaik a:hover
    {
      color: #3a3a3a;
      text-decoration: none !important;
    }
    #mozaik_top
    {
      position: relative;
      z-index: 1;
      width: 30px;
      height: 238px;
      overflow: hidden;
      margin-top: 10px;
      float: left;
      background: #b9b9b9;
      border: 1px solid #d6d6d6;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_top:hover
    {
      position: relative;
      z-index: 999;
      width: 330px;
      background: #d6d6d6;
      border: 1px solid #e3e3e3;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_credits
    {
      position: relative;
      z-index: 1;
      width: 30px;
      height: 238px;
      overflow: hidden;
      margin-top: 10px;
      float: right;
      background: #b9b9b9;
      border: 1px solid #d6d6d6;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_credits:hover
    {
      position: relative;
      z-index: 999;
      width: 330px;
      background: #d6d6d6;
      border: 1px solid #e3e3e3;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titretop
    {
      display: block;
      width: 30px;
      height: 238px;
      float: left;
      overflow: hidden;
      background-color: transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_top:hover .mozaik_titretop
    {
      background-color: #9e9e9e;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titrecredits
    {
      display: block;
      width: 30px;
      height: 238px;
      float: right;
      overflow: hidden;
      background-color: transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_credits:hover .mozaik_titrecredits
    {
      background-color: #9e9e9e;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik_accueil
    {
      width: 600px;
      height: 240px;
      margin: auto;
      padding: 10px;
      text-align: justify;
    }
    #mozaik1
    {
      position: absolute;
      z-index: 1;
      width: 300px;
      height: 120px;
      overflow: hidden;
      background: #c19898;
      border-left: 3px solid #9e3535;
      box-shadow: 0px 0px 0px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik1:hover
    {
      z-index: 999;
      width: 600px;
      height: 240px;
      background: #dcdcdc;
      border-left: 0px solid #9e3535;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik2
    {
      position: absolute;
      z-index: 1;
      width: 300px;
      height: 120px;
      overflow: hidden;
      background: #a8b6cc;
      border-right: 3px solid #3b5d94;
      box-shadow: 0px 0px 0px #000000;
      margin-left: 300px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik2:hover
    {
      z-index: 999;
      width: 600px;
      height: 240px;
      margin-left: 0px;
      background: #dcdcdc;
      border-right: 0px solid #3b5d94;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik3
    {
      position: absolute;
      z-index: 1;
      width: 300px;
      height: 120px;
      overflow: hidden;
      background: #a3c5a5;
      border-left: 3px solid #429046;
      box-shadow: 0px 0px 0px #000000;
      margin-top: 120px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik3:hover
    {
      z-index: 999;
      width: 600px;
      height: 240px;
      margin-top: 0px;
      background: #dcdcdc;
      border-left: 0px solid #429046;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik4
    {
      position: absolute;
      z-index: 1;
      width: 300px;
      height: 120px;
      overflow: hidden;
      background: #d7d1a0;
      border-right: 3px solid #c7b731;
      box-shadow: 0px 0px 0px #000000;
      margin-left: 300px;
      margin-top: 120px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik4:hover
    {
      z-index: 999;
      width: 600px;
      height: 240px;
      margin-left: 0px;
      margin-top: 0px;
      background: #dcdcdc;
      border-right: 0px solid #c7b731;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }

    .mozaik_titre1
    {
      width: 300px;
      height: 120px;
      background: url(http://img15.hostingpics.net/pics/372569contexte.png) top left no-repeat transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik1:hover .mozaik_titre1
    {
      width: 600px;
      height: 60px;
      background: url(http://img15.hostingpics.net/pics/372569contexte.png) top left no-repeat #9e3535;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titre2
    {
      width: 300px;
      height: 120px;
      background: url(http://img15.hostingpics.net/pics/898361lesnews.png) top left no-repeat transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik2:hover .mozaik_titre2
    {
      width: 600px;
      height: 60px;
      background: url(http://img15.hostingpics.net/pics/898361lesnews.png) top left no-repeat #3b5d94;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titre3
    {
      width: 300px;
      height: 120px;
      background: url(http://img15.hostingpics.net/pics/707275staff.png) top left no-repeat transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik3:hover .mozaik_titre3
    {
      width: 600px;
      height: 60px;
      background: url(http://img15.hostingpics.net/pics/707275staff.png) top left no-repeat #429046;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_titre4
    {
      width: 300px;
      height: 120px;
      background: url(http://img15.hostingpics.net/pics/585458predef.png) top left no-repeat transparent;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    #mozaik4:hover .mozaik_titre4
    {
      width: 600px;
      height: 60px;
      background: url(http://img15.hostingpics.net/pics/585458predef.png) top left no-repeat #c7b731;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }

    .mozaik_contenu
    {
      width: 98%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 160px;
      overflow: auto;
      font-size: 11px;
      color: #7d7d7d;
      text-shadow: 1px 1px 0px #f1f1f1;
    }
    .mozaik_contenu2
    {
      width: 280px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 220px;
      overflow: auto;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      color: #7d7d7d;
      text-shadow: 1px 1px 0px #f1f1f1;
    }
    .mozaik_contenu3
    {
      width: 280px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 220px;
      overflow: auto;
      font-size: 11px;
      font-style: italic;
      text-align: left;
      color: #7d7d7d;
      text-shadow: 1px 1px 0px #f1f1f1;
    }
    .mozaik_illu
    {
      width: 150px;
      float: left;
      border: 1px solid #ffffff;
      margin: 5px;
    }
    .mozaik_news
    {
      margin: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #3b5d94;
    }
    .mozaik_datenews
    {
      display: inline-block;
      font-size: 12px;
      font-weight: bold;
      color: #3b5d94;
      margin-right: 20px;
    }
    .mozaik_avatar
    {
      position: relative;
      z-index: 1;
      display: inline-block;
      width: 80px;
      height: 150px;
      overflow: hidden;
      border: 2px solid #9e9e9e;
      box-shadow: 0px 0px 0px #000000;
      opacity: 0.5;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      filter: alpha(opacity=50);
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatar:hover
    {
      position: relative;
      z-index: 999;
      display: inline-block;
      width: 150px;
      height: 150px;
      overflow: hidden;
      border: 2px solid #9e9e9e;
      box-shadow: 0px 0px 5px #000000;
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      filter: alpha(opacity=100);
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatardescr
    {
      display: block;
      background: url(http://img15.hostingpics.net/pics/301068noir50.png);
      margin-top: 150px;
      height: 150px;
      overflow: auto;
      color: #e4e4e4;
      font-size: 10px;
      line-height: 12px;
      text-shadow: 1px 1px 0px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatar:hover .mozaik_avatardescr
    {
      margin-top: 130px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatardescr:hover
    {
      margin-top: 0px !important;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_avatartitre
    {
      display: block;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
    .mozaik_predef
    {
      clear: both;
      display: block;
      height: 60px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_predef:hover
    {
      display: block;
      height: 60px;
      box-shadow: 0px 0px 5px #000000;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }
    .mozaik_predef a
    {
      text-transform: uppercase;
      color: #52400a !important;
      text-decoration: none !important;
      text-shadow: 1px 1px 0px #ffffff;
    }
    .mozaik_predef a:hover
    {
      text-decoration: none !important;
    }
    .predef_icone
    {
      display: block;
      float: left;
      width: 50px;
      height 50px;
      overflow: hidden;
      margin: 5px;
      border: 2px solid #9e9e9e;
    }
    .predef_icone img
    {
      width: 50px;
    }
    .predef_nom
    {
      display: block;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      color: #937723;
    }



    /* -------------------------------- QEEL -------------------------------- */

            /*** MISE EN FORME LIENS AU SURVOL ***/
            a:hover {
              text-decoration: none !important;
            }

            /*** MISE EN FORME FONT DU QEEL ***/
            .fond_qeel {
              width: 780px;
              border-radius: 0px 0px 25px 25px;
              background-color: #E4E4E4;
              margin: auto;
              height: 620px;
              position: relative;
            }

            /*** MISE EN FORME TITRE PRINCIPAL ***/
            .titre_principal {
              color: #2D5A57;
              font-family: georgia;
              font-size: 28;
              letter-spacing: 5px;
              text-align: center;
            }

            /*** MISE EN FORME SOUS-TITRE "Et à qui se fier ?" ***/
            .titre_secondaire {
              color: #C7BBC1;
              font-family: georgia;
              font-size: 14px;
              text-align: center;
            }

            /*** MISE EN FORME BLOC STATISTIQUES ***/
            .bloc_stat {
              background-color: #F0F0F0;
              padding: 15px;
              width: 200px;
              height: 150px;
              overflow: auto;
              font-size: 11px;
              border: 2px solid #CACACA;
              text-align: justify;
              color: #515151;
              position: absolute;
              left: 3em;
              z-index: 1;
            }

            /*** MISE EN FORME BLOC DES GROUPES ***/
            .bloc_groupes {
              background-color: #F0F0F0;
              padding: 15px;
              width: 420px;
              height: 50px;
              overflow: auto;
              font-size: 20px;
              border: 2px solid #CACACA;
              text-align: center;
              font-family: 'Six Caps', sans-serif;
              position: absolute;
              left: 14.5em;
              z-index: 1;
            }

            /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
            .bloc_connectes {
              background-color: #F0F0F0;
              padding: 15px;
              width: 420px;
              height: 50px;
              overflow: auto;
              font-size: 20px;
              border: 2px solid #CACACA;
              text-align: center;
              font-family: 'Six Caps', sans-serif;
              position: absolute;
              left: 14.5em;
              z-index: 1;
            }

            /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
            #kaboum .row1 {
              background-color : transparent;
            }

            #kaboum span.gensmall {
              color: #515151;
            }

            /*** MISE EN FORME DES TITRES (simple + survol) ***/
            .titre_bloc {
              font-family: 'Dancing Script', cursive;
              font-size: 24px;
              font-weight: bold;
              color: #B0C3AB;
              position: absolute;
              z-index: 2;
              margin-top: -18px;
            }

            .titre_bloc:hover {
              color: #2D5A57;
            }

            /*** GROUPES A ONGLETS ***/
            /* Mise en forme des noms de groupe */
            .groupe_onglet {
              display: inline-block;
              padding: 10px;
            }

            /* Mise en forme du bloc en transparence de description */
            .contenu_groupe_onglet {
              padding: 15px;
              display: none;
              width: 315px;
              height: 115px;
              overflow: auto;
              font-size: 11px;
              color: #414141;
              text-align: justify;
              background-color: #CBC4C2;
              position: absolute;
              top: 14em;
              left: 21em;
              filter: alpha(opacity = 50);
              opacity: 0.5;
            }

            /* Mise en forme des liens */
            .contenu_groupe_onglet a{
              text-decoration: none !important;
            }

            /*** MISE EN FORME DES CREDITS ***/
            .credits {
              text-align: right;
              margin-right: 10px;
              font-size: 9px;
              margin-top: 10px;
            }

            .credits a{
              color: #B0C3AB;
            }

            /* -------------------------------- FIN QEEL -------------------------------- */

      /*DÉBUT DES CATÉGORIES*/
    /*Corps de Catégorie*/
    .global_cate {
      background-color: #6993BE;
      border: solid 1px #1B2836;
      border-bottom: double 8px #1B2836;
      border-top: none;
    }

    /*Titre de la Catégorie*/
    .title_cate span {
      display: block;
      margin-top: -10px;
      padding-left: 40px;
      background-color: #1B2836;
      font-size: 40px;
      font-family: monotype corsiva;
      color: #C2D7ED;
      border-bottom: double 8px #C2D7ED;
      transition: 0.8s;
      -moz-transition: 0.8s;
      -o-transition: 0.8s;
      -webkit-transition: 0.8s;
    }
    .title_cate span:hover {
      padding-left: 120px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -webkit-transition: 1s;
    }

    /*Corps de Forum*/
    .global_forum {
      margin-top: 15px;
      margin-bottom: 15px;
      padding-right: 20px;
      padding-left: 20px;
      font-family: Times New Roman;
      color: #1B2836;
    }

    /*Sous-forums*/
    .gensous_forums {
      position: relative;
      left: 17px;
      top: -32px;
      overflow: auto;
      z-index: 1;
      padding: 5px;
      background-color: #9BB9D9;
      width: 95px;
      height: 110px;
      border: solid 1px #1B2836;
      border-bottom: solid 5px #1B2836;
      border-top: solid 5px #1B2836;
      box-shadow: 0px 0px 15px 3px #1B2836;
      text-align: center;
    }

    /*Bloc de la description du forum*/
    .gendesc_forum {
      background-color: #9BB9D9;
      padding-right: 40px;
      height: 105px;
      border: solid 1px #1B2836;
      border-left: solid 5px #1B2836;
      border-right: solid 5px #1B2836;
    }
    /*Description du forum*/
    .desc_forum {
      position: relative;
      top: 15px;
      right: -30px;
      height: 85px;
      overflow: auto;
      padding-left: 110px;
      padding-right: 10px;
      text-align: justify;
      font-family: Times New Roman;
      font-size: 13px;
    }

    /*Titre de forum*/
    .forumlink {
      display: block;
      margin-top: -212px;
      margin-bottom: -17px;
      padding-left: 50px;
      text-align: center;
      font-family: Monotype Corsiva;
      font-size: 32px;
      color: #1B2836!important;
      letter-spacing: 2px;
      transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -webkit-transition: all 0.5s;
    }
    .forumlink:hover {
      letter-spacing: 10px;
      text-decoration: none!important;
      transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -webkit-transition: all 0.5s;
    }

    /*Image New-Old_Lock*/
    .genicone_forum {
      position: relative;
      width: 50px;
      height: 40px;
      top: -178px;
      right: -13px;
      z-index: 1;
    }

    /*Bloc du Dernier Message*/
    .stats_forum {
      padding: 5px;
      padding-top: 10px;
      border: solid 1px #1B2836;
      border-bottom: solid 5px #1B2836;
      border-top: solid 5px #1B2836;
      background-color: #9BB9D9;
      width: 126px;
      height: 80px;
      font-family: Times New Roman;
      font-size: 13px;
    }
    /*Nb de Topics et Messages*/
    .stat_forum {
      font-family: Times New Roman;
      font-size: 11px;
    }
      /*FIN DES CATÉGORIES*/

    Mon forum est en : phpBB3 (prosilver)

    :)
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 3 Avr 2016 - 1:14

    Resalut!

    Alors le problème est que le LS avait été fait pour PhpBB2, donc automatiquement, il n'est pas vraiment adapté... Bref, on va arranger ça.

    Mets ceci à la place du template :
    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://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
     <div class="content">
     <p>
     {hitskin_preview.L_THEME_SITE_PREVIEW}
     <br />
     <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
     </p>
     </div>
     </div>
     <!-- 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}
    <table id="navbloc" cellspacing="0" cellpadding="0" border="0">
      <tr>
        <td align="center">
          <div class="nav_links">
            {GENERATED_NAV_BAR}
          </div>
        </td>
      </tr>
      <tr>
        <td align="left">
          <span id="nav_ouvrir">Ouvrir la navigation</span>       
          <span id="nav_fermer" style="display: none;">Fermer la navigation</span>
        </td>
      </tr>
    </table>
    <script>document.getElementById("nav_ouvrir").onclick = function() {nav_open()}; /*Fonction pour ouvrir la navigation*/
    document.getElementById("nav_fermer").onclick = function() {nav_close()}; /*Fonction pour fermer la navigation*/
    function nav_open() {
      document.getElementById("nav_ouvrir").style.display = "none"; /*Fait disparition le bouton ouvrir*/
      document.getElementById("nav_fermer").style.display = "block"; /*Fait apparaître le bouton fermer*/
      document.getElementById("navbloc").style.top = "0px";} /*Fait baisser la navigation*/
    function nav_close() {
      document.getElementById("nav_fermer").style.display = "none"; /*Fait disparition le bouton fermer*/
      document.getElementById("nav_ouvrir").style.display = "block"; /*Fait apparaître le bouton ouvrir*/
      document.getElementById("navbloc").style.top = "-32px";} /*Fait monter la navigation*/</script>


     <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
     <tr>
     <td class="bodyline">
     <table width="100%" cellspacing="0" cellpadding="0" border="0">
     <tr>
     <!-- BEGIN switch_logo_left -->
     <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
     <!-- END switch_logo_left -->
     <td align="center" width="100%" valign="middle">
     <!-- BEGIN switch_logo_center -->
     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
     <br />
     <!-- END switch_logo_center -->
     <div class="maintitle">{MAIN_SITENAME}</div>
     <br />
     <span class="gen">{SITE_DESCRIPTION}<br />&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>
     

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

    Tu va aussi devoir rajouter ceci à ton CSS :
    Code:
    /*Mettre les liens horizontal*/
    #navbloc li {
      display: inline;
      list-style: none;
    }



    • Revenir en haut
    Xyyny
    Xyyny
    FémininAge : 32Messages : 59

    Lun 4 Avr 2016 - 12:09

    Coucou !
    A la place du template total ?
    Le deuxième code, je le mets à la suite, avant ou peu importe ou je le mets ?
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 4 Avr 2016 - 15:47

    Salut!

    Oui, à la place du template total.

    Et oui, tu peux mettre le bout de CSS n'importe où dans le CSS (mais idéalement à peu près à la même place que les autres bouts de CSS qui ont rapport à la navigation, histoire que cela reste un peu en ordre).



    • Revenir en haut
    Xyyny
    Xyyny
    FémininAge : 32Messages : 59

    Mer 27 Avr 2016 - 18:40

    Bonjour !

    Désolée de te répondre après tout ce temps... Je n'entrerais pas dans les détails, pour pas que ça soit pompeux, mais j'ai du abandonner ce codage.
    Je te remercie tout de même du temps que tu m'as accordé ♥
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 10 Mai 2024 - 10:44