FMCodes • All-in-one Webmasters community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

FMCodes • All-in-one Webmasters community  » Coding Community » Coding Assistance » Archives for Coding assistance » original top navbar doesn´t work

original top navbar doesn´t work

3 posters
original top navbar doesn´t work Empty
socke


  • Community veteran
    You belong to this community since its ancient time
    Forum member
    Belongs to the community of FMCodes
      Posts : 22
      Points : 91567
    Hello,
    I've followed all these steps but it doesn´t work :( http://www.fmcodes.com/t110-how-to-create-an-original-top-navbar

    Here are the screens: ;)

    original top navbar doesn´t work Overal10

    original top navbar doesn´t work Cssscr10

    original top navbar doesn´t work Javasr10

    socke

    original top navbar doesn´t work Empty
    Niko
    • Forum Administrator

      Team contributor
      You have been part of the community team
      Community veteran
      You belong to this community since its ancient time
      Active Contributor
      The user has wrote more than 100 posts and comments
      Passioned user
      You have participated in 50+ different topics, a true fan!
      Post lover
      You have liked more than 50 posts!
      Beta Tester
      You have been part of the Beta-Testing team
      Forumotion expert
      This user is an expert with Forumotion free forum hosting
      10th Anniversary (Grand Re-open)
      Thanks for being part of our grand re-opening
      Merry Christmas 2022
      Thanks for having been with us during Christmas season!
      Forum Writer
      You have opened more than 20 topics on the forum
      The Life of the Party
      You have made more than 20 members in our community, wow!
      Members Guru
      You have received more than 50 likes on your posts. Our members really what you have to say!
        Posts : 3613
        Points : 128672
      Hello,

      can you report the codes you added in a [code] tag?
      Thanks...

      original top navbar doesn´t work Empty
      socke


      • Community veteran
        You belong to this community since its ancient time
        Forum member
        Belongs to the community of FMCodes
          Posts : 22
          Points : 91567
        overall_header:
        Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
        <head>
           <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
           <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
           <meta http-equiv="content-script-type" content="text/javascript" />
           <meta http-equiv="content-style-type" content="text/css" />
           <!-- BEGIN switch_compat_meta -->
           <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
           <!-- END switch_compat_meta -->
           <!-- BEGIN switch_canonical_url -->
           <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
           <!-- END switch_canonical_url -->
           {META_FAVICO}
           {META}
           {META_FB_LIKE}
           <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
           {T_HEAD_STYLESHEET}
           {CSS}
           <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
           <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
           <script src="{JQUERY_PATH}" type="text/javascript"></script>
           <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

           <!-- BEGIN switch_fb_login -->
           <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
           <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
           <!-- END switch_fb_login -->

           <!-- BEGIN switch_ticker -->
           <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
           <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
           <!-- END switch_ticker -->

           <!-- BEGIN switch_ticker_new -->
           <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
           <script type="text/javascript">//<![CDATA[
              /* Definir le sens de direction en fonction du panneau admin */
              var tickerDirParam = "{switch_ticker.DIRECTION}";
              var slid_vert = false;
              var auto_dir = 'next';
              var h_perso = parseInt({switch_ticker.HEIGHT});

              switch( tickerDirParam )
              {
                 case 'top' :
                    slid_vert = true;
                    break;

                 case 'left':
                    break;

                 case 'bottom':
                    slid_vert = true;
                    auto_dir = 'prev';
                    break;

                 case 'right':
                    auto_dir = 'prev';
                    break;

                 default:
                    slid_vert = true;
              }

              $(document).ready(function() {
                 var w_cont = $('#fa_ticker_container').width();

                 if (w_cont > 0)
                 {
                    $('#fa_ticker_container').width(w_cont);

                    /* Affichage de la liste */
                    $('#fa_ticker_content').css('display','block');

                    /* Calcul des dimensions du conteneur et des 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');
                 pm.focus();
              <!-- END switch_enable_pm_popup -->
              <!-- BEGIN switch_report_popup -->
                 report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
                 report.focus();
              <!-- END switch_report_popup -->
              <!-- BEGIN switch_ticker -->
                 ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
              <!-- END switch_ticker -->
           });

           <!-- BEGIN switch_login_popup -->
              var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
           <!-- END switch_login_popup -->

           <!-- BEGIN switch_login_popup -->
           $(document).ready( function() {
              $(window).resize(function() {
                 var windowWidth = document.documentElement.clientWidth;
                 var popupWidth = $("#login_popup").width();
                 var mypopup = $("#login_popup");

                 $("#login_popup").css({
                 "left": windowWidth/2 - popupWidth/2
                    });
              });
           });
           <!-- END switch_login_popup -->
           //]]>
           </script>
           {GREETING_POPUP}
           <!-- BEGIN switch_ticker_new -->
           <style>
           .jcarousel-skin-tango .jcarousel-item {
              text-align:center;
              width: 10px;
           }

           .jcarousel-skin-tango .jcarousel-item-horizontal {
              margin-right: {switch_ticker.SPACING}px;
           }

           .jcarousel-skin-tango .jcarousel-item-vertical {
              margin-bottom: {switch_ticker.SPACING}px;
           }
           </style>
           <!-- END switch_ticker_new -->
           {HOSTING_JS}
           <!-- BEGIN google_analytics_code -->
           <script type="text/javascript">
           //<![CDATA[
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
            _gaq.push(['_trackPageview']);

            (function() {
              var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
              ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
              var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();
           //]]>
           </script>
           <!-- END google_analytics_code -->
        </head>
        <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
           <!-- BEGIN hitskin_preview -->
           <div id="hitskin_preview" style="display: block;">
              <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
              <div class="content">
                 <p>
                    {hitskin_preview.L_THEME_SITE_PREVIEW}
                    <br />
                    <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
                 </p>
              </div>
           </div>
           <!-- END hitskin_preview -->

           <!-- BEGIN switch_login_popup -->
           <div id="login_popup">
              <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
                 <tr height="25">
                    <td class="catLeft">
                       <span class="genmed module-title">{SITENAME}</span>
                    </td>
                 </tr>
                 <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                    <td class="row1" align="left" valign="top">
                       <div id="login_popup_buttons">
                          <form action="{S_LOGIN_ACTION}" method="get">
                             <input type="submit" class="mainoption" value="{L_LOGIN}" />
                             <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                             <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                          </form>
                       </div>
                       <span class="genmed">{LOGIN_POPUP_MSG}</span>
                    </td>
                 </tr>
              </table>
           </div>
           <!-- END switch_login_popup -->

           <a name="top"></a>
           {JAVASCRIPT}

           <table 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 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 {CLASS_TABLE_TYPE} align="left" class="row1">
                                <div id="fa_ticker_container">
                                   <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                      <!-- BEGIN ticker_row -->
                                      <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                      <!-- END ticker_row -->
                                   </ul>
                                </div>
                             </td>
                          </tr>
                       </table>
                    </div>
                    <!-- END switch_ticker_new -->

                    <!-- BEGIN switch_ticker -->
                    <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                          <tr>
                             <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                <div id="fa_ticker_container">
                                   <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                      <div class="fa_ticker_content">
                                         <!-- BEGIN ticker_row -->
                                         <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                         <!-- END ticker_row -->
                                      </div>
                                   </div>
                                </div>
                             </td>
                          </tr>
                       </table>
                    </div>
                    <!-- END switch_ticker -->

                    <div id="page-body">
                       <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                          <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                             <tbody>
                                <tr>
                                   <td valign="top" width="100%" colspan="2">
        <div id="center"><div style="height:{SPACE_ROW}px"></div>
                                         <!-- BEGIN giefmod_index1 -->
                                         {giefmod_index1.MODVAR}
                                            <!-- BEGIN saut -->
                                            <div style="height:{SPACE_ROW}px"></div>
                                            <!-- END saut -->
                                         <!-- END giefmod_index1 -->
                                      </div>
                                   </td></tr>
                                                                  <tr>
                                   <td valign="top" width="100%">
        <!-- BEGIN html_validation -->
                                   </td>
                                </tr>
                             </tbody>
                          </table>
                       </div>
                    </div>
                 </td>
              </tr>
           </table>
        </body>
            <!-- BEGIN switch_user_logged_in -->
            <ul id="account">
            <li id="user">Welcome <span class="templateuname"></span></li>
            <li class="account_link"><a href="/forum">Forum</a></li>
            <li class="account_link"><a href="/faq">FAQ</a></li>
            <li class="account_link"><a href="/calendar">Calendar</a></li>
            <li class="account_link"><a href="/memberlist">Memberlist</a></li>
            <li class="account_link"><a href="/groups">Groups</a></li>
            <li class="account_link"><a href="/search">Search</a></li>
            <li class="account_link"><a href="/privmsg">Mailbox</a></li>
            <li class="account_link"><a href="/profile?mode=editprofile">Settings</a>
            <li class="account_link"><a href="/login?logout=1">Sign Out</a></li>
            </ul>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_user_logged_out -->
            <ul id="account">
            <li id="user">Welcome Guest</li>
            <li class="account_link"><a href="/forum">Forum</a></li>
            <li class="account_link"><a href="/register">Register</a></li>
            <li class="account_link"><a href="/login">Sign In</a></li>
            </ul>
            <!-- END switch_user_logged_out -->
        </html>
        <!-- END html_validation -->

        CSS:

        Code:
        /*MODIFICATION FORUM*/

        #i_whosonline{
          margin-bottom:-5px;
        }
        td.row1, td.row3.over:hover {
        background-color: #F9F0DA;
        }
        a.forumlink{
          font-family: Times New Roman; /* police */
        font-size:18px;
        font-weight: bold;
        font-style: italic;
        letter-spacing: -1px;
        text-transform: lowercase;
        }

        .selectCode {
          float:right;
          text-transform: uppercase;
          cursor:pointer;
        }
        .forumline {
        border: 1px solid #70554B;
        }
        th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
        border: #70554B;
        font-weight: 700;
        border-style: solid;
        }
        tr.post span.gensmall {
          display: none;
        }

        body {
        margin: 0 auto;
        }


        #i_logo{
          margin-top: -5px;
        }

        .bodyline {
        border: 4px #a86034 solid;
          border-top: none !important;
        border-bottom: none !important;
        }
        th{
        font-size: 11px;
        font-weight: 700;
        height: 25px;
        padding: 2px 3px;
        }
        a.cattitle {
        color: #BDA97B;
        text-decoration: none;
        }
        td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
        background-color: #F5E4BC;
        background-image: url(http://2img.net/i/fa/empty.gif);
        border: #70554B;
        border-style: solid #70554B;
        height: 28px;
        }


        .maintitle{
        margin-top:-30px;
         }

        a
        {
        text-decoration: none;
        }





        a:link {
          text-decoration: none;
        }
        a:hover{
          text-decoration: none !important;
        }

        .mainmenu {
        font-family: Times New Roman; /* police */
        font-size:18px;
        font-weight: bold;
        font-style: italic;
        letter-spacing: -1px;
        text-transform: lowercase;
         
        }

        .mainmenu:hover{
          font-weight:bold;
          color: #e8647a;
        }

        /*PAGE DACCUEIL*/

        /*SELECTEUR DE COULEUR*/
        .colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }

        body.chatbox {
        background-color: #F9F0DA;
         
        }

        #chatbox_header .catBottom .cattitle {
            color: #A86034;
         
        }

            /* Flaggen nebeneinander Beginn*/
            .profile_field_list li {
            display: inline-block;
            }
            /* Flaggen nebeneinander Ende*/


            /* ACCOUNT: =account
            ------------------------------*/
            #account {
            background-color: #484848;
            background-color: rgba(85, 85, 85, 0.5);
            border: 1px solid #636363;
            border-top: none;
            -moz-border-radius-bottomright: 0px!important;
            -moz-border-radius-bottomleft: 0px!important;
            -webkit-border-bottom-right-radius: 0px!important;
            -webkit-border-bottom-left-radius: 0px!important;
            border-bottom-right-radius: 0px!important;
            border-bottom-left-radius: 0px!important;
            list-style: none;
            position: fixed!important;
            top: 0px;
            right: 0px!important;
            -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
            -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
            width: 100%!important;
            z-index: 999;
            font-family: arial;
            }
            #account li {
            float: left;

            padding: 7px 11px 8px 11px;
            }
            #account li#user {
            background: transparent url(http://kissinsights.com/images/app/user_icon.png) 10px 8px no-repeat;
            border-right: 1px solid #373737;
            border-right: 1px solid rgba(0, 0, 0, 0.2);
            color: #fff;
            font-size: 10px;
            padding: 7px 11px 8px 26px;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
            margin-left: 18%!important;
            }
            #account li.account_link {
            border-right: 1px solid #373737;
            border-right: 1px solid rgba(0, 0, 0, 0.2);
            border-left: 1px solid #5a5a5a;
            border-left: 1px solid rgba(255, 255, 255, 0.1);
            }
            #account li a {
            color: #c8c8c8;
            display: block;
            font-size: 10px;
            float: left;
            text-decoration: none;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
            }
            #account li a:hover {
            color: #fff;
            }

        Javascript:
        Code:
        $(document).ready(function() {
            var x=$('#username').html();
            $('.templateuname').html(x);
                });

        socke

        original top navbar doesn´t work Empty
        Niko
        • Forum Administrator

          Team contributor
          You have been part of the community team
          Community veteran
          You belong to this community since its ancient time
          Active Contributor
          The user has wrote more than 100 posts and comments
          Passioned user
          You have participated in 50+ different topics, a true fan!
          Post lover
          You have liked more than 50 posts!
          Beta Tester
          You have been part of the Beta-Testing team
          Forumotion expert
          This user is an expert with Forumotion free forum hosting
          10th Anniversary (Grand Re-open)
          Thanks for being part of our grand re-opening
          Merry Christmas 2022
          Thanks for having been with us during Christmas season!
          Forum Writer
          You have opened more than 20 topics on the forum
          The Life of the Party
          You have made more than 20 members in our community, wow!
          Members Guru
          You have received more than 50 likes on your posts. Our members really what you have to say!
            Posts : 3613
            Points : 128672
          Is this the forum where you added it?
          http://sprachenforum.forumieren.com/

          original top navbar doesn´t work Empty
          Anonymous
          • Guest

              Hello!
              Please add the code after
              Code:
              <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
              .

              original top navbar doesn´t work Empty
              socke


              • Community veteran
                You belong to this community since its ancient time
                Forum member
                Belongs to the community of FMCodes
                  Posts : 22
                  Points : 91567
                Mathias wrote:Hello!
                Please add the code after
                Code:
                <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
                .

                ok, thanks.

                But now the navbar isn´t on the top of the forum :(

                original top navbar doesn´t work Topbar10

                socke

                original top navbar doesn´t work Empty
                Nick
                • Veteran team member

                  Community veteran
                  You belong to this community since its ancient time
                  Active Contributor
                  The user has wrote more than 100 posts and comments
                  Passioned user
                  You have participated in 50+ different topics, a true fan!
                  Team contributor
                  You have been part of the community team
                  Super Friendly
                  You have made more than 10 members in our community, wow!
                    Posts : 407
                    Points : 94096
                  Make sure you put it right after the Hitskin tag.

                  original top navbar doesn´t work Empty
                  socke


                  • Community veteran
                    You belong to this community since its ancient time
                    Forum member
                    Belongs to the community of FMCodes
                      Posts : 22
                      Points : 91567
                    yes, I´ve put it right after the hitskin tag but it isn´t on the top :(

                    original top navbar doesn´t work Empty
                    Niko
                    • Forum Administrator

                      Team contributor
                      You have been part of the community team
                      Community veteran
                      You belong to this community since its ancient time
                      Active Contributor
                      The user has wrote more than 100 posts and comments
                      Passioned user
                      You have participated in 50+ different topics, a true fan!
                      Post lover
                      You have liked more than 50 posts!
                      Beta Tester
                      You have been part of the Beta-Testing team
                      Forumotion expert
                      This user is an expert with Forumotion free forum hosting
                      10th Anniversary (Grand Re-open)
                      Thanks for being part of our grand re-opening
                      Merry Christmas 2022
                      Thanks for having been with us during Christmas season!
                      Forum Writer
                      You have opened more than 20 topics on the forum
                      The Life of the Party
                      You have made more than 20 members in our community, wow!
                      Members Guru
                      You have received more than 50 likes on your posts. Our members really what you have to say!
                        Posts : 3613
                        Points : 128672
                      Niko wrote:Hello,

                      can you report the codes you added in a [code] tag?
                      Thanks...

                      BUMP :D

                      original top navbar doesn´t work Empty
                      socke


                      • Community veteran
                        You belong to this community since its ancient time
                        Forum member
                        Belongs to the community of FMCodes
                          Posts : 22
                          Points : 91567

                        overall_header:

                        Code:
                        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                        <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
                        <head>
                           <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
                           <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
                           <meta http-equiv="content-script-type" content="text/javascript" />
                           <meta http-equiv="content-style-type" content="text/css" />
                           <!-- BEGIN switch_compat_meta -->
                           <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
                           <!-- END switch_compat_meta -->
                           <!-- BEGIN switch_canonical_url -->
                           <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
                           <!-- END switch_canonical_url -->
                           {META_FAVICO}
                           {META}
                           {META_FB_LIKE}
                           <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
                           {T_HEAD_STYLESHEET}
                           {CSS}
                           <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
                           <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
                           <script src="{JQUERY_PATH}" type="text/javascript"></script>
                           <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

                           <!-- BEGIN switch_fb_login -->
                           <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
                           <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
                           <!-- END switch_fb_login -->

                           <!-- BEGIN switch_ticker -->
                           <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
                           <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
                           <!-- END switch_ticker -->

                           <!-- BEGIN switch_ticker_new -->
                           <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
                           <script type="text/javascript">//<![CDATA[
                              /* Definir le sens de direction en fonction du panneau admin */
                              var tickerDirParam = "{switch_ticker.DIRECTION}";
                              var slid_vert = false;
                              var auto_dir = 'next';
                              var h_perso = parseInt({switch_ticker.HEIGHT});

                              switch( tickerDirParam )
                              {
                                 case 'top' :
                                    slid_vert = true;
                                    break;

                                 case 'left':
                                    break;

                                 case 'bottom':
                                    slid_vert = true;
                                    auto_dir = 'prev';
                                    break;

                                 case 'right':
                                    auto_dir = 'prev';
                                    break;

                                 default:
                                    slid_vert = true;
                              }

                              $(document).ready(function() {
                                 var w_cont = $('#fa_ticker_container').width();

                                 if (w_cont > 0)
                                 {
                                    $('#fa_ticker_container').width(w_cont);

                                    /* Affichage de la liste */
                                    $('#fa_ticker_content').css('display','block');

                                    /* Calcul des dimensions du conteneur et des 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');
                                 pm.focus();
                              <!-- END switch_enable_pm_popup -->
                              <!-- BEGIN switch_report_popup -->
                                 report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
                                 report.focus();
                              <!-- END switch_report_popup -->
                              <!-- BEGIN switch_ticker -->
                                 ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
                              <!-- END switch_ticker -->
                           });

                           <!-- BEGIN switch_login_popup -->
                              var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
                           <!-- END switch_login_popup -->

                           <!-- BEGIN switch_login_popup -->
                           $(document).ready( function() {
                              $(window).resize(function() {
                                 var windowWidth = document.documentElement.clientWidth;
                                 var popupWidth = $("#login_popup").width();
                                 var mypopup = $("#login_popup");

                                 $("#login_popup").css({
                                 "left": windowWidth/2 - popupWidth/2
                                    });
                              });
                           });
                           <!-- END switch_login_popup -->
                           //]]>
                           </script>
                           {GREETING_POPUP}
                           <!-- BEGIN switch_ticker_new -->
                           <style>
                           .jcarousel-skin-tango .jcarousel-item {
                              text-align:center;
                              width: 10px;
                           }

                           .jcarousel-skin-tango .jcarousel-item-horizontal {
                              margin-right: {switch_ticker.SPACING}px;
                           }

                           .jcarousel-skin-tango .jcarousel-item-vertical {
                              margin-bottom: {switch_ticker.SPACING}px;
                           }
                           </style>
                           <!-- END switch_ticker_new -->
                           {HOSTING_JS}
                           <!-- BEGIN google_analytics_code -->
                           <script type="text/javascript">
                           //<![CDATA[
                            var _gaq = _gaq || [];
                            _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
                            _gaq.push(['_trackPageview']);

                            (function() {
                              var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                              ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                              var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                            })();
                           //]]>
                           </script>
                           <!-- END google_analytics_code -->
                        </head>
                        <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
                        <!-- BEGIN hitskin_preview -->
                           <div id="hitskin_preview" style="display: block;">
                              <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
                              <div class="content">
                                 <p>
                                    {hitskin_preview.L_THEME_SITE_PREVIEW}
                                    <br />
                                    <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
                                 </p>
                              </div>
                           </div>
                           <!-- END hitskin_preview -->
                          <!-- BEGIN switch_user_logged_in -->
                            <ul id="account">
                            <li id="user">Welcome <span class="templateuname"></span></li>
                            <li class="account_link"><a href="/forum">Forum</a></li>
                            <li class="account_link"><a href="/faq">FAQ</a></li>
                            <li class="account_link"><a href="/calendar">Calendar</a></li>
                            <li class="account_link"><a href="/memberlist">Memberlist</a></li>
                            <li class="account_link"><a href="/groups">Groups</a></li>
                            <li class="account_link"><a href="/search">Search</a></li>
                            <li class="account_link"><a href="/privmsg">Mailbox</a></li>
                            <li class="account_link"><a href="/profile?mode=editprofile">Settings</a>
                            <li class="account_link"><a href="/login?logout=1">Sign Out</a></li>
                            </ul>
                            <!-- END switch_user_logged_in -->
                            <!-- BEGIN switch_user_logged_out -->
                            <ul id="account">
                            <li id="user">Welcome Guest</li>
                            <li class="account_link"><a href="/forum">Forum</a></li>
                            <li class="account_link"><a href="/register">Register</a></li>
                            <li class="account_link"><a href="/login">Sign In</a></li>
                            </ul>
                            <!-- END switch_user_logged_out -->   
                         

                           <!-- BEGIN switch_login_popup -->
                           <div id="login_popup">
                              <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
                                 <tr height="25">
                                    <td class="catLeft">
                                       <span class="genmed module-title">{SITENAME}</span>
                                    </td>
                                 </tr>
                                 <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                                    <td class="row1" align="left" valign="top">
                                       <div id="login_popup_buttons">
                                          <form action="{S_LOGIN_ACTION}" method="get">
                                             <input type="submit" class="mainoption" value="{L_LOGIN}" />
                                             <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                                             <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                                          </form>
                                       </div>
                                       <span class="genmed">{LOGIN_POPUP_MSG}</span>
                                    </td>
                                 </tr>
                              </table>
                           </div>
                           <!-- END switch_login_popup -->

                           <a name="top"></a>
                           {JAVASCRIPT}

                           <table 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 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 {CLASS_TABLE_TYPE} align="left" class="row1">
                                                <div id="fa_ticker_container">
                                                   <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                                      <!-- BEGIN ticker_row -->
                                                      <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                                      <!-- END ticker_row -->
                                                   </ul>
                                                </div>
                                             </td>
                                          </tr>
                                       </table>
                                    </div>
                                    <!-- END switch_ticker_new -->

                                    <!-- BEGIN switch_ticker -->
                                    <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                                       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                                          <tr>
                                             <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                                <div id="fa_ticker_container">
                                                   <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                                      <div class="fa_ticker_content">
                                                         <!-- BEGIN ticker_row -->
                                                         <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                                         <!-- END ticker_row -->
                                                      </div>
                                                   </div>
                                                </div>
                                             </td>
                                          </tr>
                                       </table>
                                    </div>
                                    <!-- END switch_ticker -->

                                    <div id="page-body">
                                       <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                                          <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                                             <tbody>
                                                <tr>
                                                   <td valign="top" width="100%" colspan="2">
                        <div id="center"><div style="height:{SPACE_ROW}px"></div>
                                                         <!-- BEGIN giefmod_index1 -->
                                                         {giefmod_index1.MODVAR}
                                                            <!-- BEGIN saut -->
                                                            <div style="height:{SPACE_ROW}px"></div>
                                                            <!-- END saut -->
                                                         <!-- END giefmod_index1 -->
                                                      </div>
                                                   </td></tr>
                                                                                  <tr>
                                                   <td valign="top" width="100%">
                        <!-- BEGIN html_validation -->
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                       </div>
                                    </div>
                                 </td>
                              </tr>
                           </table>
                        </body>
                           
                        </html>
                        <!-- END html_validation -->

                        original top navbar doesn´t work Empty
                        socke


                        • Community veteran
                          You belong to this community since its ancient time
                          Forum member
                          Belongs to the community of FMCodes
                            Posts : 22
                            Points : 91567
                          BUMP :D:

                          original top navbar doesn´t work Empty
                          socke


                          • Community veteran
                            You belong to this community since its ancient time
                            Forum member
                            Belongs to the community of FMCodes
                              Posts : 22
                              Points : 91567
                            ok, now it works ;)

                            original top navbar doesn´t work Empty
                            Anonymous
                            • Guest

                                Hello,

                                As the issue is solved, the topic is moved to Solved topics
                                If not, send a private message to a manager :bene:

                                See you on the Forum of Codes

                                Topic Actions

                                Sponsored




                                FMCodes • All-in-one Webmasters community  » Coding Community » Coding Assistance » Archives for Coding assistance » original top navbar doesn´t work

                                ©phpBB | Report an abuse