The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
+2
TheCrow
SNooPy89
6 posters

    Menu bar on forum - problem

    SNooPy89
    avatar
    SNooPy89
    Forumember


    Posts : 102
    Reputation : 2
    Language : serbian
    Location : Serbia
    • Post n°1

    Solved Menu bar on forum - problem

    Post by SNooPy89 Tue Apr 12, 2016 5:58 pm

    Technical Details


    Forum version : #PunBB
    Position : Administrator
    Concerned browser(s) : Google Chrome
    Screenshot of problem : https://i.servimg.com/u/f86/15/52/82/43/menu_b10.jpg
    Who the problem concerns : All members
    When the problem appeared : after install new skin
    Forum link : http://cacak.forumi.biz/

    Description of problem

    I installed new skin on my forum, but I have problem. Menu bar isn't on correctly place. Can samone help me? Thanks!


    Last edited by SNooPy89 on Wed Apr 13, 2016 4:10 pm; edited 1 time in total
    • Back to top
    TheCrow
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English
    • Post n°2

    Solved Re: Menu bar on forum - problem

    Post by TheCrow Tue Apr 12, 2016 7:01 pm

    Hello,

    How is it supposed to be?



    Menu bar on forum - problem Thecro10
    		 Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?


    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    • Back to top
    SNooPy89
    avatar
    SNooPy89
    Forumember


    Posts : 102
    Reputation : 2
    Language : serbian
    Location : Serbia
    • Post n°3

    Solved Re: Menu bar on forum - problem

    Post by SNooPy89 Wed Apr 13, 2016 1:59 am

    Like this Menu bar on forum - problem Cf1ce5492b8e
    • Back to top
    Take Notes
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain
    • Post n°4

    Solved Re: Menu bar on forum - problem

    Post by Take Notes Wed Apr 13, 2016 5:28 am

    I am still confused.
    • Back to top
    SNooPy89
    avatar
    SNooPy89
    Forumember


    Posts : 102
    Reputation : 2
    Language : serbian
    Location : Serbia
    • Post n°5

    Solved Re: Menu bar on forum - problem

    Post by SNooPy89 Wed Apr 13, 2016 6:56 am

    Why? It is not possible to look menu bar on my forum now looks. Maybe, it looks different, but now is horrible... Is it some errors in the code? How can I check this? I wrote ''like this'' or something like...
    • Back to top
    Van-Helsing
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek
    • Post n°6

    Solved Re: Menu bar on forum - problem

    Post by Van-Helsing Wed Apr 13, 2016 7:22 am

    Hello,
    It seems that you haven't substitute the default overall_header template from your skin which you have installed. Please check your skin files and find the overall_header template. Open it and copy the template code in your forum's overall_header template and then submit it and publish it(Green Cross) in templates list.
    • Back to top
    SNooPy89
    avatar
    SNooPy89
    Forumember


    Posts : 102
    Reputation : 2
    Language : serbian
    Location : Serbia
    • Post n°7

    Solved Re: Menu bar on forum - problem

    Post by SNooPy89 Wed Apr 13, 2016 7:33 am

    I done it, but problem is still there bwi
    • Back to top
    Ape
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19325
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha
    • Post n°8

    Solved Re: Menu bar on forum - problem

    Post by Ape Wed Apr 13, 2016 8:50 am

    Have you made any change to your templates ?

    If yes try the following step:
    ACP Menu bar on forum - problem Arrow110 Display tab Menu bar on forum - problem Arrow110  Menu bar on forum - problem Type_li Templates Menu bar on forum - problem Arrow110 General Menu bar on forum - problem Arrow110 Force the default templates : YES then save.
    look at your forum and see if that fixed it then if it has then we know its your templates that is messing it up and then we can work on that part for you.



    Menu bar on forum - problem Left1212Menu bar on forum - problem Center11Menu bar on forum - problem Right112
    Menu bar on forum - problem Ape_b110
    Menu bar on forum - problem Ape1010
    • Back to top
    Van-Helsing
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek
    • Post n°9

    Solved Re: Menu bar on forum - problem

    Post by Van-Helsing Wed Apr 13, 2016 9:44 am

    Hello,
    I found the skin's overall_header, replace it with the following overall_header 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 href="http://fonts.googleapis.com/css?family=Carrois+Gothic" rel="stylesheet" type="text/css" />
              <link href="http://fonts.googleapis.com/css?family=Signika:400,300" rel="stylesheet" type="text/css" />
              <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css' />
                <link href='http://fonts.googleapis.com/css?family=Magra' rel='stylesheet' type='text/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[
          /* 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 width_max = $('ul#fa_ticker_content').width();
             var width_item = Math.floor(width_max / {switch_ticker.SIZE});

             if (width_max > 0)
             {
                $('#fa_ticker_content').css('display','block');

                $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).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);
                   }
                });

                if (slid_vert)
                {
                   var height_max = h_perso;

                   $('ul#fa_ticker_content li').each( function () {
                      if ($(this).height() > height_max)
                      {
                         height_max = $(this).height();
                      }
                   } );

                   $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                   $('ul#fa_ticker_content li').height(height_max);
                }

                $('#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 = false, 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 -->
      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
    </head>

    <body>
       <!-- 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" class="module main">
          <div id="login_popup_title" class="main-head">
             <div class="h3">{SITENAME}</div>
          </div>
          <div class="main-content">
             {LOGIN_POPUP_MSG}
             <div id="login_popup_buttons">
                <form action="{S_LOGIN_ACTION}" method="get">
                   <input type="submit" class="button2" value="{L_LOGIN}" />
                   <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                   <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
                </form>
             </div>
          </div>
       </div>
       <!-- END switch_login_popup -->

       <a id="top" name="top" accesskey="t"></a>

       <div class="minwidth_IE">
          <div class="layout_IE">
             <div class="container_IE">
                <div class="pun">
                   <div class="pun-intro-main">
                                              <div id="header_bar" class="clearfix">
                         <div id="user_navigation" class="not_logged_in">
                               <ul class="ipsList_inline right">
                                   <!-- BEGIN switch_user_logged_out -->
                                                              <li><a href="/login">Sign In</a></li>
                                                                              <!-- END switch_user_logged_out -->
                                                                              <li id="changebgapp"></li>
                                                              <!-- BEGIN switch_user_logged_out -->
                                                                              <li id="reg_link"><a href="/register">Create an Account</a></li>
                                                              <!-- END switch_user_logged_out -->                                 
                               </ul>
                            </div>
                      </div>
                                              <div id="pun-intro" class="clearfix">
                      <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
    <div id="pun-navlinks">
                         <ul class="clearfix">
                                                              <li><a href="/forum">Forum</a></li>
                                                              <li><a href="/faq">Faq</a></li>
                         <li><a href="/memberlist">Members</a></li>
                                                              <!-- BEGIN switch_user_logged_out -->
                                                              <li><a href="/login">Log In</a></li>
                                                              <li><a href="/register">Register</a></li>
                                                              <!-- END switch_user_logged_out -->
                                                              <!-- BEGIN switch_user_logged_in -->
                                                              <li><a href="/profile?mode=editprofile">Profile</a></li>
                                                              <li><a href="/privmsg?folder=inbox">Messages</a></li>
                                                              <li><a href="/login?logout">Log Out</a></li>
                                                              <!-- END switch_user_logged_in -->
                                                              <li><a href="/search" onclick="showhide(document.getElementById('search_ipb')); return false;"><img src="http://i.imgur.com/aqii2fI.png" class="sprite icon_nav_search" /></a></li>
      </ul>
                      </div>
                                              <div id="search_ipb" style="display:none;top: 53px; left: -3px;"><form method="get" action="/search">
                                                <input type="text" name="search_keywords" style="width: 230px;" value="search..." onclick="if (this.value == 'search...') this.value = '';" onblur="if (this.value == '') this.value = 'search...';"/>
                                                <input type="submit" value="Pretrazi" onclick="document.searchform.google.value='';"/>
                                                  </form></div>
                                                </div>
                   
                                            <div class="maxtitleforum"> <!-- BEGIN switch_h1 -->
                      <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                      <!-- END switch_h1 -->

                      <!-- BEGIN switch_desc -->
                      <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                      <!-- END switch_desc -->
                                              </div></div>

                   
    <div id="breadcrumb" class="clearfix">
                   <div class="main_width">
                      <div class="crumb left">
                         
                            <a href="/"><span><!-- BEGIN switch_h1 -->{switch_h1.MAIN_SITENAME}<!-- END switch_h1 --></span></a>
                         </div>
                      <div class="social_media">
                   <div class="social_links" id="icon_face">
             <a target="_blank" href="#"></a>
          </div>
       <div class="social_links" id="icon_twitter">
             <a target="_blank" href="#"></a>         
          </div>
       <div class="social_links" id="icon_plusg">
             <a target="_blank" href="#"></a>
          </div></div>
                   </div>
                </div>
                   <div id="page-body">
                      <!-- BEGIN switch_ticker_new -->
                   <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                         <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                               <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                               </ul>
                            </div>
                         </div>
                      </div>
                   </div>
                   <!-- END switch_ticker_new -->

                   <!-- BEGIN switch_ticker -->
                   <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                         <div class="main-content clearfix">
                            <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>
                         </div>
                      </div>
                   </div>
                   <!-- END switch_ticker -->
                                              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                         <div id="outer-wrapper">
                            <div id="wrapper">
                               <div id="container">
                                  <div id="content">
                                     <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>
                                     <div id="main">
                                        <div id="main-content">

    <!-- BEGIN html_validation -->
                                        </div>
                                     </div>
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </body>
    </html>
    <!-- END html_validation -->

    then publish it and save it.
    • Back to top
    SNooPy89
    avatar
    SNooPy89
    Forumember


    Posts : 102
    Reputation : 2
    Language : serbian
    Location : Serbia
    • Post n°10

    Solved Re: Menu bar on forum - problem

    Post by SNooPy89 Wed Apr 13, 2016 2:52 pm

    APE wrote:Have you made any change to your templates ?

    If yes try the following step:
    ACP Menu bar on forum - problem Arrow110 Display tab Menu bar on forum - problem Arrow110  Menu bar on forum - problem Type_li Templates Menu bar on forum - problem Arrow110 General Menu bar on forum - problem Arrow110 Force the default templates : YES then save.
    look at your forum and see if that fixed it then if it has then we know its your templates that is messing it up and then we can work on that part for you.

    I done it, but forum looks same..


    I installed skin again and I put code which van_helsing wrote, but I still have problem (now is different problem):

    Link of my forum to see (black rectangle)
    • Back to top
    Van-Helsing
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek
    • Post n°11

    Solved Re: Menu bar on forum - problem

    Post by Van-Helsing Wed Apr 13, 2016 3:25 pm

    Hello,
    I can't see any black rectangle just a big space. To fix it go to ACP(Admin Control Panel) > Display > Pictures and Colors > Colors > CSS Stylesheet

    and find this code:
    Code:
    #pun-logo {
        float: left;
    }

    and replace it with the following:

    Code:
    #pun-logo {
        float: left;
        height: 5px;
    }

    after that find the following code:

    Code:
    #pun-intro {
        background-color: #296fa5;
        background-image: url(http://2img.net/i/fa/empty.gif);
        background-repeat: repeat-x;
        border-bottom: 1px solid #296fa5;
        margin: 0;
        padding: 1.5em 1em 1em;
        text-align: left;
    }

    and replace it with this code
    Code:
    #pun-intro {
        background-color: transparent;
        background-image: url(http://2img.net/i/fa/empty.gif);
        background-repeat: repeat-x;
        border-bottom: 1px solid #296fa5;
        margin: 0;
        padding: 1.5em 1em 1em;
        text-align: left;
    }

    then press submit.

    The result must be looks like this:

    Menu bar on forum - problem 9289g5k
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51499
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°12

    Solved Re: Menu bar on forum - problem

    Post by SLGray Wed Apr 13, 2016 3:40 pm

    Did you publish the modified template?



    Menu bar on forum - problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    SNooPy89
    avatar
    SNooPy89
    Forumember


    Posts : 102
    Reputation : 2
    Language : serbian
    Location : Serbia
    • Post n°13

    Solved Re: Menu bar on forum - problem

    Post by SNooPy89 Wed Apr 13, 2016 3:51 pm

    Yes, I published template.

    I removed black rectangle, I don't know how...

    I don't find this code (#pun-logo ...#pun intro...) on my css. This is css of my forum

    Code:
    a{-moz-transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;}
    body {
    background: #F4F4F6;
    color: #5A5A5A;
    font: normal 13px "Helvetica", helvetica, arial, sans-serif;
    }
    .main .main-foot, .main .main-head {
    color: white;
    padding: 15px 13px 16px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    border-radius: 4px 4px 0 0;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
    border: 0;
    background: white url(http://i.imgur.com/wa5siQH.jpg);
    }
    #pun-desc {
    color: #CCC;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    line-height: 25px;
    font-size: 12pt;
    }
    .maxtitleforum #pun-title {
    font-size: 30px;
    padding-bottom: 5px;
    color: white;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
    font-family: 'Armata', sans-serif;
    }
    #pun-intro {
    width: 70%;
    margin:auto;
    min-width: 975px;
    padding: 0px;
    }
    .maxtitleforum {
    color: white;
    margin: 45px auto auto auto;
    width: 70%;
    min-width: 975px;
    }
    .pun {
    margin: auto;
    padding: 0px;
    width: 100%;
    }
    .pun-intro-main {

    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5);
    background: white url(http://i.imgur.com/wa5siQH.jpg);
    }
    #pun-intro {
    clear: both;
    height: 76px;
    line-height: 70px;
    background: -moz-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26, 26, 26, 0.44)), color-stop(100%,rgba(0, 0, 0, 0.44)));
    background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
    background: -o-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
    background: -ms-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
    background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701a1a1a', endColorstr='#70000000',GradientType=0 );
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    position: relative;
    border: 0px;
    }
    #breadcrumb {
    background: url(http://i.imgur.com/Lzq2mdm.png);
    height: 78px;
    clear: both;
    overflow: hidden;
    text-shadow: 0 1px 0 white;
    box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
    -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 #fff;
    -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
    line-height: 75px;
    }
    #breadcrumb .main_width {
    width: 70%;
    min-width: 975px;
    margin: auto;
    }
    .pun-intro-main #pun-navlinks ul li a {
    font-family: 'Fjalla One', sans-serif;
    color: white;
    font-size: 11pt;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    padding: 25px 12px 32px 12px;
    margin: 0em;
    }
    .pun-intro-main #pun-navlinks ul li a:hover {
    background: black;
    background: rgba(0, 0, 0, 0.37);
    color: white;
    }
    #page-body {
    background: white;
    padding: 15px 15px 10px;
    box-shadow: 0 1px 2px #DBDBDB;
    margin: auto auto 35px auto;
    min-width: 975px;
    width: 70%;
    overflow: hidden;}
    .crumb.left a {
    text-decoration: none;
    font-size: 20px!important;}
    .crumb.left a span ,.crumb.left a span h1{
    color: #585858;
    font-size: 20px!important;
    font-family: 'Signika' arial;
    font-weight: normal!important;
    }
    .pun table.table td {
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid white;
    background-color: #FBFBFB!important;
    border-width: 1px 0px 1px 0px;
    color: #AAA;
    font-family: Helvetica, helvetica, arial, sans-serif;
    font-size: 12px;
    }
    .pun table.table td:hover {
    color: #454545;
    }
    .pun .main-content_board_index table.table {
    background: white;
    border: 1px solid #DDD;
    border-collapse: separate;
    }
    .main-content_board_index {
    padding: 9px;
    background: #E5E4E3;
    }

    /*----------[Linkovi]------------*/
    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumtitle {text-decoration: none;}
    a.forumtitle:hover {text-decoration: none!important;}
    a.topictitle {text-decoration: none;}
    a.topictitle:hover {text-decoration: none!important;}
    /*----------------FIN---------------*/
    .module.main .main-head {
    background-position: -650px -25px !important;
    }
    #pun-about a {
    font-family: helvetica;
    color: #EEE;
    font-size: 12px;
    text-shadow: 1px 1px 0 #5F5F5F;
    }
    #pun-about form {
    display: none;
    }
    #pun-about {
    background: none;
    border: none;
    min-width: 985px;
    width: 70%;
    margin: auto;
    }
    #pun-foot {
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
    background: white url(http://i.imgur.com/wa5siQH.jpg);
    position: absolute;
    width: 100%;}
    .main-head .page-title h2 ,.module.main .main-head .h3 ,.main .main-head .page-title{
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 18px;
    }
    a.forumtitle {
    font-size: 16px;
    text-shadow: 0 0 1px #AAA;
    font-weight: normal!important;
    font-family: 'Carrois Gothic', sans-serif;
    }
    .tcl.tdtopics a.topictitle {
    font-size: 15px;
    font-family: 'Carrois Gothic', sans-serif;
    font-weight: normal;
    color: #0F0F0F;
    }
    #lit {
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    }
    .datepostur {
    background: #EEE;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 13px;
    color: #AAA !important;
    font-size: 11px !important;
    padding: 3px 10px;
    font: normal 13px "Helvetica", helvetica, arial, sans-serif;
    }
    .pun .main-content_board_index .post {
    background: #EDEDED;
    border: 1px solid #DDD;
    border-bottom: 0px solid transparent;
    }
    .pun .posthead {
    background: #F1F1F1;
    padding: 0 10px;
    height: 33px;
    line-height: 32px;
    font-weight: normal;
    text-shadow: 0 1px 0 white;
    border-bottom: 1px solid #DDD;
    }
    .pun .postmain {
    background-color: #FBFBFB;
    border-left: 1px solid #DDD;
    margin-left: 13em;
    }
    .pun .post .user {
    margin-top: 0px;
    width: 12em;
    margin-left: -13em;
    text-align: center;
    }
    .postfoot {
    margin: 0em;
    border-top: 0px;
    }
    #userpost strong {
    float: left;
    }
    .user-basic-info a img {
    background: white;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    width: 90px;
    height: 90px;
    margin-bottom: 5px;
    }
    .social_media a {
    height: 33px;
    width: 32px;
    display: block;
    margin-right: 10px;
    position: relative;
    top: 20px;
    float: right;
    }
    #icon_plusg a:hover {
    background: url(http://i.imgur.com/yePnDmA.png) -64px 33px;
    }
    #icon_plusg a {
    background: url(http://i.imgur.com/yePnDmA.png) -64px 0;
    }
    #icon_twitter a {
    background: url(http://i.imgur.com/yePnDmA.png) -32px 0;
    }
    #icon_twitter a:hover {
    background: url(http://i.imgur.com/yePnDmA.png) -32px 33px;
    }
    #icon_face a {
    background: url(http://i.imgur.com/yePnDmA.png) 0 0;
    }
    #icon_face a:hover {
    background: url(http://i.imgur.com/yePnDmA.png) 0 33px;
    }
    #pun-navlinks {
    position: absolute;
    right: 0px;
    }
    .sprite.icon_nav_search {
    background: url(http://i.imgur.com/agUZ8N6.png) no-repeat -32px -15px;
    height: 22px;
    width: 22px;
    position: relative;
    top: 5px;
    }
    #search_ipb input[type="submit"] {
    background: #222 url(http://i.imgur.com/5Ja1HOo.png) no-repeat 50%;
    text-indent: -3000em;
    padding: 0;
    border: 1px solid #111 !important;
    width: 26px;
    height: 32px;
    border-radius: 0 2px 2px 0;
    box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    }
    #search_ipb input[type="text"] {
    border-radius: 4px 0px 0px 4px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    width: 230px;
    font: normal 13px helvetica,arial,sans-serif;
    border: none;
    padding: 7px;
    }
    #search_ipb {
    float: right;
    background: #111;
    background: rgba(0, 0, 0, 0.7);
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    padding: 10px;
    margin-top: 75px;
    margin-right: 10px;}
    .reply_form_topic {
    padding: 9px;
    background: #E5E4E3;
    }
    .reply_form_topic #pun-qpost {
    padding: 10px;
    margin: 0em;
    background: white;
    }
    .reply_form_topic .main-head.clearfix {
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 18px;
    background: none!important;
    box-shadow: none;
    padding: 10px;
    color: black;
    text-shadow: 0 0 1px white;
    }
    .pun .reply_form_topic .main-content.frm {
    border: 0px;
    }
    .reply_form_topic #quick_reply .frm-set {
    padding: 0px 5px 0px 3px !important;
    border: 2px solid #D5DDE5 !important;
    background-color: #E4EBF2 !important;
    background-image: none !important;
    margin: 0em;
    }
    .reply_form_topic #text_editor_controls {
    margin: 10px;
    width: 100%!important;
    }
    .reply_form_topic button.button2, .reply_form_topic input.button2 {
    background: transparent;
    border: 0px;
    padding: 4px 5px;
    border-radius: 2px;
    color: #383838;
    box-shadow: none;
    }
    .reply_form_topic button.button2:hover, .reply_form_topic input.button2:hover {
    background: #CFDAE0;
    border: 0px;
    }
    .reply_form_topic #textarea_content dl dt {
    display: none;
    }
    .reply_form_topic .dd-textarea {
    margin: 0em;
    }
    .reply_form_topic .options {
    display: none;
    }
    #text_editor_controls {
    margin: 10px;
    }
    .pun .frm div.posting-block dd.frm-textarea {
    margin-left: 0em;
    }
    .pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #212121 url(http://i.imgur.com/DNa2Rhl.png) repeat-x top;
    color: white;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #222;
    padding: 4px 10px;
    cursor: pointer;
    font-weight: 500;
    }
    .main-content.topic {
    background: whiteSmoke;
    }
    #reply-avatar img {
    background: white;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    height: 50px;
    width: 50px;
    margin: 10px;
    border: 1px solid #B9B9B9;
    padding: 2px;
    border-radius: 2px;
    }
    #reply-avatar {
    float: left;
    }
    #quick_reply .frm-buttons {
    margin: 5px;
    text-align: right;
    border: none;
    }
    button.button2, input.button2 {
    background: whiteSmoke;
    padding: 3px 4px;
    border: 1px solid #D5D5D5;
    border-radius: 2px;
    cursor: pointer;
    color: #6B6B6B;}
    fieldset.frm-set dl dd {
    margin-left: auto;
    }
    input[type="text"], #text_editor_textarea {
    padding: 3px;
    border: 1px solid #DADADA;
    border-radius: 3px;
    }
    #header_bar {
    position: relative;
    width: 70%;
    min-width: 975px;
    margin: auto;
    }
    #user_navigation {
    height: 28px;
    margin: 33px 0 6px;
    text-align: right;
    min-width: 569px;
    float: right;
    }
    .ipsList_inline.right li a {
    font: normal 15px 'Carrois Gothic', sans-serif;
    color: #EEE;
    text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;}
    .ipsList_inline.right li {
    display: inline;
    margin: 2px 7px;
    }
    #reg_link {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: inline-block;
    padding: 6px 10px;
    border: 0;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .ipsList_inline.right {
    list-style: none;
    }
    /* -----------------[Background Selector ]-----------------*/
    #custom_background {
    background-color: white;
    box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.16);
    border: 1px solid #D1D1D1;
    color: white;
    position: relative;
    padding: 15px 0px 15px 15px;
    overflow: hidden;}
    #custom_background span {
        -moz-transition: all .2s ease-in-out 0;
        background: none no-repeat scroll 50% 50% #000;
        border-radius: 3px;
        box-shadow: 0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);
        cursor: pointer;
        display: block;
        float: left;
        height: 90px;
        margin: 5px;
        width: 140px;
    }
    #custom_background span:hover {
    filter: alpha(opacity=0.5);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    }
    #nav_background {cursor: pointer;}
    #toggle_background {
    margin-bottom: 20px;
    }
    /* Thumb slike previewa */
    #bg1 {background: url(http://i.imgur.com/wa5siQH.jpg) no-repeat -1006px -250px!important;}
    #bg2 {background: url(http://i.imgur.com/sdi00up.jpg) no-repeat -625px -450px!important;}
    #bg3 {background: url(http://i.imgur.com/yhhf7Rt.jpg) no-repeat 0 0!important;}
    #bg4 {background: url(http://i.imgur.com/0RcFxB5.jpg) no-repeat -655px -450px!important;}
    #bg5 {background: url(http://i.imgur.com/SKOXqoO.jpg) no-repeat -792px -142px!important;}
    #bg6 {background: url(http://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;}
    #bg7 {background: url(http://i.imgur.com/g75ZMGV.jpg) no-repeat 0 0!important;}
    #bg8 {background: url(http://i.imgur.com/SurCBhb.jpg) no-repeat 0 0!important;}

    /* Pozadine*/
    .bg1 {background: white url(http://i.imgur.com/wa5siQH.jpg)!important;}
    .bg2 {background: white url(http://i.imgur.com/sdi00up.jpg)!important;}
    .bg3 {background: white url(http://i.imgur.com/yhhf7Rt.jpg)!important;}
    .bg4 {background: white url(http://i.imgur.com/0RcFxB5.jpg)!important;}
    .bg5 {background: white url(http://i.imgur.com/SKOXqoO.jpg)!important;}
    .bg6 {background: white url(http://i.imgur.com/EYGZIPq.jpg)!important;}
    .bg7 {background: white url(http://i.imgur.com/g75ZMGV.jpg)!important;}
    .bg8 {background: white url(http://i.imgur.com/SurCBhb.jpg)!important;}
    /* -----------------Background Selector-----------------*/
    #fullcred a:hover {
    color: white;
    }
    #fullcred a {
    display: block;
    font: normal 15px 'Carrois Gothic', sans-serif;
    -moz-transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;
    color: #948F8F;
    color: rgba(255, 255, 255, 0.4);
    }
    #fullcred {
    float: left;
    text-align: left;
    }
    #topdes:hover {
    background: rgba(0, 0, 0, 0.5) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
    }
    #topdes {
    width: 24px;
    height: 24px;
    display: block;
    background: rgba(0, 0, 0, 0.2) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
    border-radius: 5px;
    margin: auto;
    cursor: pointer;
    text-align: center;
    }
    #estadisticas-IPB {
    text-align: center;
    }
    #estadisticas-IPB .stat-bloque {
    display: inline-block;
    margin-right: 10px;
    }
    #estadisticas-IPB span {
    display: inline-block;
    background: #E2E2E2;
    color: #4A4A4A;
    padding: 2px 6px;
    font-weight: bold;
    border-radius: 2px;
    margin: 2px;
    }
    .board_statistics {
    margin: 20px 0 0 0;
    padding: 10px 0;
    border-top: 3px solid #D8D8D8;
    }
    .board_statistics h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 4px 0;
    }
    .expand {
    background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px -24px;
    text-indent: -3000em;
    width: 41px;
    height: 24px;
    display: block;
    outline: 0;
    opacity: 0.4;
    -moz-transition: all 0ms ease 0s;
    -webkit-transition: all 0ms ease 0s;
    -o-transition: all 0ms ease 0s;
    -ms-transition: all 0ms ease 0s;
    position: relative;
    top: -20px;
    float: right;
    right: 10px;
    cursor: pointer;
    }
    .contract {
    background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px 0;
    text-indent: -3000em;
    width: 41px;
    height: 24px;
    display: block;
    outline: 0;
    opacity: 0.4;
    -moz-transition: all 0ms ease 0s;
    -webkit-transition: all 0ms ease 0s;
    -o-transition: all 0ms ease 0s;
    -ms-transition: all 0ms ease 0s;
    position: relative;
    top: -20px;
    float: right;
    right: 10px;
    cursor: pointer;}
    .expand:hover ,.contract:hover{opacity: 9;}
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51499
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°14

    Solved Re: Menu bar on forum - problem

    Post by SLGray Wed Apr 13, 2016 4:01 pm

    If it is not in the CSS stylesheet, you will need to add it.  Have you used the search box at the top?  Also I see
    Code:
    #pun-intro
    .  Exactly there is two sections that are about
    Code:
    #pun-intro
    .



    Menu bar on forum - problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    SNooPy89
    avatar
    SNooPy89
    Forumember


    Posts : 102
    Reputation : 2
    Language : serbian
    Location : Serbia
    • Post n°15

    Solved Re: Menu bar on forum - problem

    Post by SNooPy89 Wed Apr 13, 2016 4:10 pm

    Problem solved. Skin looks great! Searh box is OK (looks great, too). Only, I don't see above menu bar. Menu bar on forum - problem 1f600 Thank you so much Very good Very good Very good


    Last edited by SNooPy89 on Wed Apr 13, 2016 4:13 pm; edited 1 time in total
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51499
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°16

    Solved Re: Menu bar on forum - problem

    Post by SLGray Wed Apr 13, 2016 4:13 pm

    Topic solved and archived



    Menu bar on forum - problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top

      Current date/time is Sun Sep 22, 2024 10:28 pm