Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Ajustar a barra de navegação personalizada

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Ir para baixo

Tópico resolvido Ajustar a barra de navegação personalizada

Mensagem por Strilk 08.05.20 21:05

Detalhes da questão


Endereço do fórum: http://testenicolasban.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá, eu fiz algumas alterações no meu topo da página e ele bugou, segue como ficou:

Ajustar a barra de navegação personalizada BgqoH4T

Eu gostaria de por uma bolinha com um personagem, mas ele acabou ficando em baixo do meu header, eu gostaria de botar ele um pouco mais acima.
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar a barra de navegação personalizada

Mensagem por -Xerox- 08.05.20 21:08

Olá, Strilk!

Me forneça seu CSS e seu overall_header, por gentileza.

Atenciosamente, -Xerox-
-Xerox-
-Xerox-
****

Membro desde : 08/11/2019
Mensagens : 289
Pontos : 438

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar a barra de navegação personalizada

Mensagem por Strilk 08.05.20 21:11

Código:
<!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="https://fonts.googleapis.com/css?family=Amatic+SC|Permanent+Marker&display=swap" rel="stylesheet">
   <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>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
      <script src="https://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="{JQUERY_DIR}ticker/ticker.css" />
      <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
      <script src="{JQUERY_DIR}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() {

               $('#fa_ticker_content').css('display','block');

               var width_max = $('ul#fa_ticker_content').width();
               var width_item = Math.floor(width_max / {switch_ticker.SIZE});

               if (width_max > 0)
               {
                  $('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');
            if(pm != null) { pm.focus(); }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
            $(document).ready(function() {
               Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {switch_ticker.STOP_TIME}
               });
            });
         <!-- END switch_ticker -->
      });

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

            $(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}

   <style type="text/css">
      #page-footer, div.navbar, div.navbar ul.linklist {
         display: block !important;
      }

      ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
         display: inline !important;
      }

      <!-- BEGIN switch_ticker_new -->
      .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;
      }
      <!-- END switch_ticker_new -->
   </style>

   {HOSTING_JS}

   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
      //<![CDATA[
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', '{G_ANALYTICS_ID}', 'auto');
      ga('send', 'pageview');
      ga('set', 'anonymizeIp', true);

      <!-- BEGIN google_analytics_code_bis -->
      ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
      ga('bis.send', 'pageview');
      ga('bis.set', 'anonymizeIp', true);
      <!-- END google_analytics_code_bis -->
      //]]>
   </script>
   <!-- END google_analytics_code -->

   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
   <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
     <link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet" />
     <!-- BEGIN switch_user_logged_out -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" integrity="sha256-RdH19s+RN0bEXdaXsajztxnALYs/Z43H/Cdm1U4ar24=" crossorigin="anonymous" />
     <!-- END switch_user_logged_out -->
</head>

<body id="modernbb">
   <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
         <h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
         <div class="content">
            <p>
               {hitskin_preview.L_THEME_SITE_PREVIEW}
               <br />
               <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>

         </div>
      </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
      <div id="login_popup" style="z-index: 10000 !important;">
         <div class="h3">{SITENAME}</div>
            <div id="login_popup_message">
                {LOGIN_POPUP_MSG}
            </div>
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button1" value="{L_LOGIN}" />
               <input type="button" class="button1" 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>
   <!-- END switch_login_popup -->

   <a id="top" name="top" accesskey="t"></a>
   {JAVASCRIPT}

   <div id="page-header">
      <div class="headerbar"></div>
             <!-- BEGIN switch_user_logged_out -->
             <div id="login-dialog" class="login-popup zoom-anim-dialog mfp-hide">
                  <h3 class="aside-title">LOGAR NO FÓRUM</h3>
                  <form action="{S_LOGIN_ACTION}" method="post" class="login-form" name="form_login">
                    <label for="login-username-input-target" class="username-input">
                    <input type="text" name="username" class="rounded-input blue-active" id="login-username-input-target" placeholder="{L_USERNAME}" required/>
                    <i class="fas fa-user"></i>
                    </label>
                    <label for="login-password-input-target" class="password-input">
                    <input type="password" name="password" class="rounded-input blue-active" id="login-password-input-target" placeholder="{L_PASSWORD}" required/>
                    <i class="fas fa-key"></i>
                    </label>
                    <div style="font-size: 15px; margin-bottom: 5%;">
                       <input class="radio" id="autologin-check" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}/>
                         <label for="autologin-check">Manter-me conectado.</label>
                    </div>
                    <button type="submit" class="rounded-button" id="doLogin" name="login">Vamos lá!</button>
                  </form>
                </div>
             <!-- END switch_user_logged_out -->
         
             <nav id="main-menu">
                           <div class="wrap">
                                  <div class="navbar-content">
                                   <ul class="navbar-links">
  <nav class="menu">
      <div class="menu-container">
        <div class="menu-link-wrapper">
            <a class="menu-link" href="/forum">
              <div class="icon forum"></div>
              <div class="text">Início</div>
            </a>
            <a class="menu-link" href="/c3-setor-judiciario">
              <div class="icon portal"></div>
              <div class="text">Portal</div>
                            </a>
                                <a class="menu-link" href="/c1-setor-administrativo">
              <div class="icon membros"></div>
              <div class="text">Membros</div>
                                </a>
                                <a class="menu-link" href="/c2-a-instituicao-centro-revolucionario-nacional">
              <div class="icon grupos"></div>
              <div class="text">Grupos</div>
            </a>
            <a class="menu-link" href="/memberlist">
              <div class="icon medalha"></div>
              <div class="text">Honrarias</div>
            </a>
        </div>
                    <a href="/forum"><div class="menu-logo"></div></a>
                    <div class="menu-social">
                          <a class="social-btn social-facebook" href="https://www.facebook.com/groups/308157350150142/" target="_blank"><i class="fab fa-facebook-f"></i></a>
                            <a class="social-btn social-twitter" href="" target="_blank"><i class="fab fa-twitter"></i></a>
                            <a class="social-btn social-youtube" href="" target="_blank"><i class="fab fa-youtube"></i></a>
                    </div>
                                     </ul>
                                     <div class="navbar-user">
                                          <div class="is-normal">
                                            <input type="checkbox" href="#" class="user-menu-open" name="user-menu-open" id="user-menu-open" />
                                            <label class="user-menu-open-button" for="user-menu-open">
                                              <div class="avatar">
                                                <!-- BEGIN switch_user_logged_in -->
                                                <script type="text/javascript">
                                                  //<![CDATA[
                                                  $(function() {
                                                      'use strict';
                                                 
                                                    $('.avatar').append("<img src='https://www.blet.cf/avatar?user=" + _userdata.username + "&action=std&direction=2&head_direction=2&img_format=png&gesture=std&headonly=0&size=lU' title='Clique para mais opções'/>");
                                                      $('.avatar img').css('left', '10px');
                                                      $('.avatar img').css('top', '-5px');
                                                  });
                                                  //]]>
                                                </script>
                                                <!-- END switch_user_logged_in -->
                                                <!-- BEGIN switch_user_logged_out -->
                                                  <img src="https://i.imgur.com/D2vHls4.png" />
                                                <!-- END switch_user_logged_out -->
                                              </div>
                                            </label>
                                            <!-- BEGIN switch_user_logged_in -->
                                            <a href="/profile?mode=editprofile" title="Editar o meu perfil" class="user-item blue"><i class="fas fa-user-cog"></i></a>
                                            <a href="/privmsg?folder=inbox" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" class="user-item green"><i class="fas fa-envelope"></i></a>
                                            <a href="/login?logout=1" title="Fechar sessão" class="user-item red"><i class="fas fa-sign-out-alt"></i></a>
                                            <!-- END switch_user_logged_in -->
                                            <!-- BEGIN switch_user_logged_out -->
                                            <a title="Iniciar sessão" class="user-item blue login-btn"><i class="fas fa-sign-in-alt"></i></a>
                                            <a href="/register" title="Registrar-se" class="user-item green"><i class="fas fa-user-plus"></i></a>
                                            <a href="/profile?mode=sendpassword" title="Esqueci minha senha" class="user-item red"><i class="fas fa-question"></i></a>
                                            <!-- END switch_user_logged_out -->
                                          </div>
                                       
                                       
                                            </div>
                                          </div>
                                      </div>
                                  </div>
                             </div>
                     </nav>

      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
         <div class="module">
            <div class="inner">
               <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>
            </div>
         </div>
      </div>
      <!-- END switch_ticker_new -->
   </div>

   <div class="conteneur_minwidth_IE">
   <div class="conteneur_layout_IE">
   <div class="conteneur_container_IE">
   <div id="wrap">
      <div id="page-body">

         <!-- BEGIN switch_ticker -->
         <div id="fa_ticker_block" style="margin-top:4px;">
            <div class="module">
               <div class="inner">
                  <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="{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="container">
                     <div id="content-main">
                        <div id="main">
                           <div id="main-content">
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar a barra de navegação personalizada

Mensagem por -Xerox- 08.05.20 22:26

Olá, Strilk!

Tente trocando seu overall para este código:

Código:
<!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="https://fonts.googleapis.com/css?family=Amatic+SC|Permanent+Marker&display=swap" rel="stylesheet">
  <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>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}
 
  <!-- BEGIN switch_fb_login -->
      <script src="https://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="{JQUERY_DIR}ticker/ticker.css" />
      <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->
 
  <!-- BEGIN switch_ticker_new -->
      <script src="{JQUERY_DIR}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() {
 
              $('#fa_ticker_content').css('display','block');
 
              var width_max = $('ul#fa_ticker_content').width();
              var width_item = Math.floor(width_max / {switch_ticker.SIZE});
 
              if (width_max > 0)
              {
                  $('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');
            if(pm != null) { pm.focus(); }
        <!-- END switch_enable_pm_popup -->
        <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
        <!-- END switch_report_popup -->
        <!-- BEGIN switch_ticker -->
            $(document).ready(function() {
              Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {switch_ticker.STOP_TIME}
              });
            });
        <!-- END switch_ticker -->
      });
 
      <!-- BEGIN switch_login_popup -->
            var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
 
            $(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}
 
  <style type="text/css">
      #page-footer, div.navbar, div.navbar ul.linklist {
        display: block !important;
      }
 
      ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
        display: inline !important;
      }
 
      <!-- BEGIN switch_ticker_new -->
      .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;
      }
      <!-- END switch_ticker_new -->
  </style>
 
  {HOSTING_JS}
 
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
      //<![CDATA[
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
      ga('create', '{G_ANALYTICS_ID}', 'auto');
      ga('send', 'pageview');
      ga('set', 'anonymizeIp', true);
 
      <!-- BEGIN google_analytics_code_bis -->
      ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
      ga('bis.send', 'pageview');
      ga('bis.set', 'anonymizeIp', true);
      <!-- END google_analytics_code_bis -->
      //]]>
  </script>
  <!-- END google_analytics_code -->
 
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
  <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
    <link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet" />
    <!-- BEGIN switch_user_logged_out -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" integrity="sha256-RdH19s+RN0bEXdaXsajztxnALYs/Z43H/Cdm1U4ar24=" crossorigin="anonymous" />
    <!-- END switch_user_logged_out -->
</head>
 
<body id="modernbb">
  <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
        <h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
              {hitskin_preview.L_THEME_SITE_PREVIEW}
              <br />
              <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
 
        </div>
      </div>
  <!-- END hitskin_preview -->
 
  <!-- BEGIN switch_login_popup -->
      <div id="login_popup" style="z-index: 10000 !important;">
        <div class="h3">{SITENAME}</div>
            <div id="login_popup_message">
                {LOGIN_POPUP_MSG}
            </div>
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button1" value="{L_LOGIN}" />
              <input type="button" class="button1" 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>
  <!-- END switch_login_popup -->
 
  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}
 
  <div id="page-header">
      <div class="headerbar"></div>
            <!-- BEGIN switch_user_logged_out -->
            <div id="login-dialog" class="login-popup zoom-anim-dialog mfp-hide">
                  <h3 class="aside-title">LOGAR NO FÓRUM</h3>
                  <form action="{S_LOGIN_ACTION}" method="post" class="login-form" name="form_login">
                    <label for="login-username-input-target" class="username-input">
                    <input type="text" name="username" class="rounded-input blue-active" id="login-username-input-target" placeholder="{L_USERNAME}" required/>
                    <i class="fas fa-user"></i>
                    </label>
                    <label for="login-password-input-target" class="password-input">
                    <input type="password" name="password" class="rounded-input blue-active" id="login-password-input-target" placeholder="{L_PASSWORD}" required/>
                    <i class="fas fa-key"></i>
                    </label>
                    <div style="font-size: 15px; margin-bottom: 5%;">
                      <input class="radio" id="autologin-check" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}/>
                        <label for="autologin-check">Manter-me conectado.</label>
                    </div>
                    <button type="submit" class="rounded-button" id="doLogin" name="login">Vamos lá!</button>
                  </form>
                </div>
            <!-- END switch_user_logged_out -->
       
            <nav id="main-menu">
                          <div class="wrap">
                                  <div class="navbar-content">
                                  <ul class="navbar-links">
  <nav class="menu">
      <div class="menu-container">
        <div class="menu-link-wrapper">
            <a class="menu-link" href="/forum">
              <div class="icon forum"></div>
              <div class="text">Início</div>
            </a>
            <a class="menu-link" href="/c3-setor-judiciario">
              <div class="icon portal"></div>
              <div class="text">Portal</div>
                            </a>
                                <a class="menu-link" href="/c1-setor-administrativo">
              <div class="icon membros"></div>
              <div class="text">Membros</div>
                                </a>
                                <a class="menu-link" href="/c2-a-instituicao-centro-revolucionario-nacional">
              <div class="icon grupos"></div>
              <div class="text">Grupos</div>
            </a>
            <a class="menu-link" href="/memberlist">
              <div class="icon medalha"></div>
              <div class="text">Honrarias</div>
            </a>
        </div>
                    <a href="/forum"><div class="menu-logo"></div></a>
                    <div class="navbar-user">
                                          <div class="is-normal">
                                            <input type="checkbox" href="#" class="user-menu-open" name="user-menu-open" id="user-menu-open" />
                                            <label class="user-menu-open-button" for="user-menu-open">
                                              <div class="avatar">
                                    </ul>
                                                <!-- BEGIN switch_user_logged_in -->
                                                <script type="text/javascript">
                                                  //<![CDATA[
                                                  $(function() {
                                                      'use strict';
                                               
                                                    $('.avatar').append("<img src='https://www.blet.cf/avatar?user=" + _userdata.username + "&action=std&direction=2&head_direction=2&img_format=png&gesture=std&headonly=0&size=lU' title='Clique para mais opções'/>");
                                                      $('.avatar img').css('left', '10px');
                                                      $('.avatar img').css('top', '-5px');
                                                  });
                                                  //]]>
                                                </script>
                                                <!-- END switch_user_logged_in -->
                                                <!-- BEGIN switch_user_logged_out -->
                                                  <img src="https://i.imgur.com/D2vHls4.png" />
                                                <!-- END switch_user_logged_out -->
                                              </div>
                                            </label>
                                            <!-- BEGIN switch_user_logged_in -->
                                            <a href="/profile?mode=editprofile" title="Editar o meu perfil" class="user-item blue"><i class="fas fa-user-cog"></i></a>
                                            <a href="/privmsg?folder=inbox" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" class="user-item green"><i class="fas fa-envelope"></i></a>
                                            <a href="/login?logout=1" title="Fechar sessão" class="user-item red"><i class="fas fa-sign-out-alt"></i></a>
                                            <!-- END switch_user_logged_in -->
                                            <!-- BEGIN switch_user_logged_out -->
                                            <a title="Iniciar sessão" class="user-item blue login-btn"><i class="fas fa-sign-in-alt"></i></a>
                                            <a href="/register" title="Registrar-se" class="user-item green"><i class="fas fa-user-plus"></i></a>
                                            <a href="/profile?mode=sendpassword" title="Esqueci minha senha" class="user-item red"><i class="fas fa-question"></i></a>
                                            <!-- END switch_user_logged_out -->
                                          </div>
                                     
                                     
                                            </div>
                                          </div>
                                      </div>
                                  </div>
                            </div>
                    </nav>
 
      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <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>
            </div>
        </div>
      </div>
      <!-- END switch_ticker_new -->
  </div>
 
  <div class="conteneur_minwidth_IE">
  <div class="conteneur_layout_IE">
  <div class="conteneur_container_IE">
  <div id="wrap">
      <div id="page-body">
 
        <!-- BEGIN switch_ticker -->
        <div id="fa_ticker_block" style="margin-top:4px;">
            <div class="module">
              <div class="inner">
                  <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="{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="container">
                    <div id="content-main">
                        <div id="main">
                          <div id="main-content">

Caso não funcione, me forneça seu CSS por gentileza.
-Xerox-
-Xerox-
****

Membro desde : 08/11/2019
Mensagens : 289
Pontos : 438

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar a barra de navegação personalizada

Mensagem por Strilk 08.05.20 22:56

Agora bugou a parte de apertar na bolinha e subir as opções
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar a barra de navegação personalizada

Mensagem por -Xerox- 09.05.20 2:44

Olá, Strilk!

-Xerox- escreveu:Caso não funcione, me forneça seu CSS por gentileza.

Poderia forneçer também uma conta teste?

Aguardo respostas! Muito feliz

Atenciosamente, -Xerox-
-Xerox-
-Xerox-
****

Membro desde : 08/11/2019
Mensagens : 289
Pontos : 438

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar a barra de navegação personalizada

Mensagem por Chanp 11.05.20 14:36

Olá Strilk,

Primeiramente, aceda a:
Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Templates Flecha ajudeiros Geral. Em seguida, substitua o seu overall_header por este:

Código:
<!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 type="text/javascript" src="https://illiweb.com/rs3/44/frm/mentions/tooltipster.js" ></script>
     <link rel="stylesheet" type="text/css" href="https://illiweb.com/rs3/44/frm/mentions/tooltipster.css" />
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}
 
   <!-- BEGIN switch_fb_login -->
      <script src="https://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="{JQUERY_DIR}ticker/ticker.css" />
      <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->
 
   <!-- BEGIN switch_ticker_new -->
      <script src="{JQUERY_DIR}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() {
 
               $('#fa_ticker_content').css('display','block');
 
               var width_max = $('ul#fa_ticker_content').width();
               var width_item = Math.floor(width_max / {switch_ticker.SIZE});
 
               if (width_max > 0)
               {
                  $('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');
            if(pm != null) { pm.focus(); }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
            $(document).ready(function() {
               Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {switch_ticker.STOP_TIME}
               });
            });
         <!-- END switch_ticker -->
      });
 
      <!-- BEGIN switch_login_popup -->
            var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
 
            $(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}
 
   <style type="text/css">
      #page-footer, div.navbar, div.navbar ul.linklist {
         display: block !important;
      }
 
      ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
         display: inline !important;
      }
 
      <!-- BEGIN switch_ticker_new -->
      .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;
      }
      <!-- END switch_ticker_new -->
   </style>
 
   {HOSTING_JS}
 
   <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
         //<![CDATA[
                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
                ga('create', '{G_ANALYTICS_ID}', 'auto');
                <!-- BEGIN google_analytics_code_bis -->
                ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
                <!-- END google_analytics_code_bis -->
                ga('send', 'pageview');
                <!-- BEGIN google_analytics_code_bis -->
                ga('bis.send', 'pageview');
                <!-- END google_analytics_code_bis -->
               ga('set', 'anonymizeIp', true);
            <!-- BEGIN google_analytics_code_bis -->
            ga('bis.set', 'anonymizeIp', true);
            <!-- END google_analytics_code_bis -->
            //]]>
      </script>
   <!-- END google_analytics_code -->
 
   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
   <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
</head>
 
<body id="modernbb">
   <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
         <h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
         <div class="content">
            <p>
               {hitskin_preview.L_THEME_SITE_PREVIEW}
               <br />
               <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
 
         </div>
      </div>
   <!-- END hitskin_preview -->
 
   <!-- BEGIN switch_login_popup -->
      <div id="login_popup" style="z-index: 10000 !important;">
         <div class="h3">{SITENAME}</div>
            <div id="login_popup_message">
                {LOGIN_POPUP_MSG}
            </div>
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button1" value="{L_LOGIN}" />
               <input type="button" class="button1" 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>
   <!-- END switch_login_popup -->
 
   <a id="top" name="top" accesskey="t"></a>
   {JAVASCRIPT}
 
   <div id="page-header">
      <div class="headerbar">
                   </div>
      </div>
 
      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
         <div class="module">
            <div class="inner">
               <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>
            </div>
         </div>
      </div>
      <!-- END switch_ticker_new -->
   </div>
       <nav class="menu">
      <div class="menu-container">
         <div class="menu-link-wrapper">
            <a class="menu-link" href="/forum">
               <div class="icon forum"></div>
               <div class="text">Início</div>
            </a>
            <a class="menu-link" href="/portal">
               <div class="icon portal"></div>
               <div class="text">Portal</div>
                             </a>
                                <a class="menu-link" href="/memberlist">
               <div class="icon membros"></div>
               <div class="text">Membros</div>
                                </a>
                                <a class="menu-link" href="/groups">
               <div class="icon grupos"></div>
               <div class="text">Grupos</div>
            </a>
                                <a class="menu-link" href="/honrarias">
               <div class="icon honrarias"></div>
               <div class="text">Honrarias</div>
            </a>
         </div>
        <a href="/forum"><div class="menu-logo"></div></a>
      </div>
   </nav>
                           <div class="navbar-user">
                                  <div class="is-normal">
                                        <input type="checkbox" href="#" class="user-menu-open" name="user-menu-open" id="user-menu-open" />
                                            <label class="user-menu-open-button" for="user-menu-open">
                                              <div class="avatar">
                                                <!-- BEGIN switch_user_logged_in -->
                                                <script type="text/javascript">
                                                  //<![CDATA[
                                                  $(function() {
                                                      'use strict';
                                                
                                                    $('.avatar').append("<img src='https://www.blet.cf/avatar?user=" + _userdata.username + "&action=std&direction=2&head_direction=2&img_format=png&gesture=std&headonly=0&size=lU' title='Clique para mais opções'/>");
                                                      $('.avatar img').css('left', '10px');
                                                      $('.avatar img').css('top', '-5px');
                                                  });
                                                  //]]>
                                                </script>
                                                <!-- END switch_user_logged_in -->
                                                <!-- BEGIN switch_user_logged_out -->
                                                  <img src="https://i.imgur.com/D2vHls4.png" />
                                                <!-- END switch_user_logged_out -->
                                              </div>
                                            </label>
                                            <!-- BEGIN switch_user_logged_in -->
                                            <a href="/profile?mode=editprofile" title="Editar o meu perfil" class="user-item blue"><i class="fas fa-user-cog"></i></a>
                                            <a href="/privmsg?folder=inbox" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" class="user-item green"><i class="fas fa-envelope"></i></a>
                                            <a href="/login?logout=1" title="Fechar sessão" class="user-item red"><i class="fas fa-sign-out-alt"></i></a>
                                            <!-- END switch_user_logged_in -->
                                            <!-- BEGIN switch_user_logged_out -->
                                            <a href="/login" title="Iniciar sessão" class="user-item blue login-btn"><i class="fas fa-sign-in-alt"></i></a>
                                            <a href="/register" title="Registrar-se" class="user-item green"><i class="fas fa-user-plus"></i></a>
                                            <a href="/profile?mode=sendpassword" title="Esqueci minha senha" class="user-item red"><i class="fas fa-question"></i></a>
                                            <!-- END switch_user_logged_out -->
                                          </div>
                                            </div>
 
   <div class="conteneur_minwidth_IE">
   <div class="conteneur_layout_IE">
   <div class="conteneur_container_IE">
   <div id="wrap">
      <div id="page-body">
 
         <!-- BEGIN switch_ticker -->
         <div id="fa_ticker_block" style="margin-top:4px;">
            <div class="module">
               <div class="inner">
                  <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="{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="container">
                     <div id="content-main">
                        <div id="main">
                           <div id="main-content">

Em seguida, aceda a:
Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de Estilo CSS e substitua todos os elementos e valores da sua folha de estilo relacionados ao topo da página por este código:

Código:
/*--- Begin Menu ---*/
.menu {
    width: 80%;
    position: absolute;
    top: 0;
    background-color: rgb(20,20,20);
    height: 70px;
    z-index: 999;
    margin-top: 313px;
    border-radius: 3px;
    margin-left: 10%;
    box-shadow: inset 0 -4px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.25), 0 4px rgba(0,0,0,0.1);
}

.menu .menu-container .menu-logo {
    background: url(https://i.imgur.com/gsyrWFw.png) no-repeat center center;
    float: left;
    width: 30%;
    height: 70px;
}
 
.menu .menu-container {
    width: 95%;
    margin: 0 auto;
}
/*--- End Menu ---*/
 
/*--- Begin Navbar ---*/
.menu .menu-container .menu-link-wrapper {
    width: 40%;
    float: left;
    margin-left: 15px;
}
 
.menu-link-wrapper .menu-link {
    background-color: rgba(190, 190, 190, 0.05);
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    cursor: pointer;
}
 
.menu-link-wrapper .menu-link .icon {
    width: 100%;
    filter: grayscale(100%);
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
}
 
.menu-link-wrapper .menu-link:hover .icon { filter: grayscale(0%); }
 
.menu-link-wrapper .menu-link .icon.forum { background-image: url(https://1.bp.blogspot.com/-8A4uHKnI428/Waow4RdDtlI/AAAAAAAA8vE/6Jc-grPJWds5GK9nKKLEwOJFsEF5wdTdQCKgBGAs/s1600/ARM24.gif); }
.menu-link-wrapper .menu-link .icon.portal { background-image: url(https://4.bp.blogspot.com/-Gilkz4TaSBU/Wc13EYUEyWI/AAAAAAAA-hc/9cPgN7U-2SEkOiJpfWGiRnvUXD87iU73QCKgBGAs/s1600/IT434.gif); }
.menu-link-wrapper .menu-link .icon.membros { background-image: url(https://4.bp.blogspot.com/-T1JjPkQC7cY/WjLnvvP6qaI/AAAAAAABBzA/eWe9D1XMiBYUWdndhuMTqHhiOcK60EvTACKgBGAs/s1600/FR525.gif); }
.menu-link-wrapper .menu-link .icon.grupos { background-image: url(https://1.bp.blogspot.com/-kk9WItDUaU8/XIGVKZBNSkI/AAAAAAABMc8/VRaNDpHEonsctrsQY8kcun9Wcl4h468dQCKgBGAs/s1600/FR91A.gif); }
.menu-link-wrapper .menu-link .icon.honrarias { background-image: url(https://images.habbo.com/c_images/album1584/PT473.gif); }
 
.menu-link-wrapper .menu-link .text {
    border: 1px solid #2b2b2b;
    border-radius: 4px;
    background-color: #212121;
    box-shadow: 0 0 2px 1px rgba(255,255,255,.3) inset, 0 3px 9px rgba(0,0,0,.18);
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 25px;
    color: #fff;
    position: absolute;
    bottom: -30px;
    left: -5px;
    z-index: 2;
    width: calc(100% + 5px + 5px);
    height: 28px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,.18);
    opacity: 0;
    -webkit-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
}
 
.menu-link-wrapper .menu-link:hover .text {
    opacity: 1;
    -webkit-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
}
 
.menu-link-wrapper .menu-link .text:after {
    position: absolute;
    top: -8px;
    left: calc(50% - 7px);
    content: '';
    -webkit-filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #464646;
}
/*--- Begin Navbar.User ---*/
.navbar-user {
    position: absolute;
    right: 50px;
    z-index: 999;
    margin-top: -40px;
    margin-right: 135px;
}
.navbar-user .is-normal {
    position: absolute;
    top: -15px;
    right: 20px;
}
.navbar-user .is-normal .user-menu-open { display: none!important; }
 
.navbar-user .is-normal .avatar {
    position: relative;
    width: 80px;
    height: 80px;
    background-image: url(https://2img.net/u/1811/12/23/68/album/ddeuds10.png);
    padding: 7px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 2px 3px rgba(0,0,0,0.8), 0 0 2px rgb(0,0,0);
    border: none;
    z-index: 1;
    margin-top: 13px;
}
 
.navbar-user .is-normal .avatar img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    position: absolute;
    left: 15px;
    width: auto;
    top: 10px;
}
.is-normal .user-item {
    background: #EEEEEE;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    color: #FFFFFF!important;
    margin-left: 10px;
    text-align: center;
    font-size: 20px;
    padding-top: 15px;
    -webkit-transform: translate3d(5px, -65px, 0);
    transform: translate3d(5px, -65px, 0);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}
 
.is-normal .user-item:hover { background-color: #FFF!important; }
 
.is-normal .user-menu-open:checked ~ .user-item:nth-child(3) {
  transition-duration: 180ms;
  -webkit-transition-duration: 180ms;
  -webkit-transform: translate3d(-55px, -135px, 0);
  transform: translate3d(-55px, -135px, 0);
}
 
.is-normal .user-menu-open:checked ~ .user-item:nth-child(4) {
  transition-duration: 280ms;
  -webkit-transition-duration: 280ms;
  -webkit-transform: translate3d(5px, -135px, 0);
  transform: translate3d(5px, -135px, 0);
}
 
.is-normal .user-menu-open:checked ~ .user-item:nth-child(5) {
  transition-duration: 380ms;
  -webkit-transition-duration: 380ms;
  -webkit-transform: translate3d(65px, -135px, 0);
  transform: translate3d(65px, -135px, 0);
}
 
.is-normal .user-item.blue {
  background-color: #669AE1;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
 
.is-normal .user-item.blue:hover {
  color: #669AE1!important;
  text-shadow: none;
}
 
.is-normal .user-item.green {
  background-color: #70CC72;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
 
.is-normal .user-item.green:hover {
  color: #70CC72!important;
  text-shadow: none;
}
 
.is-normal .user-item.red {
  background-color: #FE4365;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
 
.is-normal .user-item.red:hover {
  color: #FE4365!important;
  text-shadow: none;
}
 
 
/*--- End Navbar.User ---*/
/*--- End Navbar ---*/
 
/*--- Begin Headerbar ---*/
.headerbar {
    height: 350px!important;
    background-size: initial;
    background-color: #1D262C;
}
/*--- End Headerbar ---*/

Se você tiver problemas ou necessitar de ajuda pra fazer a substituição dos elementos relacionados ao topo da página, basta me enviar a sua folha de estilo.

Espero ter ajudado.
Chanp Feliz


Última edição por Chanp em 12.05.20 18:33, editado 1 vez(es)
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar a barra de navegação personalizada

Mensagem por Strilk 12.05.20 18:21

valeu
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar a barra de navegação personalizada

Mensagem por tikky 12.05.20 18:39

Tópico resolvido


Movido para "Questões resolvidas".
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

 
Permissões neste sub-fórum
Não podes responder a tópicos