Personalizar menu do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar menu do fórum

Mensagem por Dex7er em 18/05/15, 12:15 am

Bom queria pedir a terminação desse código... http://ajuda.forumeiros.com/t99455-personalizar-o-menu-do-forum para editar o menu do meu fórum se for possível


Última edição por Dex7er em 23/05/15, 02:30 pm, editado 1 vez(es)
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Shaman em 18/05/15, 01:31 am

Olá, o que deseja colocar mais no "menu" ?
Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 18/05/15, 10:05 am

Bom conforme meu fórum tem mesmo tema... E observando bem já esta com com a demonstração do menu http://i.imgur.com/bnNzIPa.png
http://imp-family.forumeiros.com/forum e gostaria que ele ficasse assim http://i.imgur.com/Hgn6DTn.png se for possível para adicionar um banner...
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Sennior em 18/05/15, 11:31 am

Saudações,

Seu fórum é este, correto?
Seta http://www.familyvingadores.tk/forum

E o que deseja de imediato é só a descida do menu para baixo, correto?
Se sim, mande-me teu CSS.

Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 18/05/15, 11:42 am

@Sennior escreveu:Saudações,

Seu fórum é este, correto?
Seta http://www.familyvingadores.tk/forum

E o que deseja de imediato é só a descida do menu para baixo, correto?
Se sim, mande-me teu CSS.

Até mais.
Sennior

É esse daqui http://imp-family.forumeiros.com
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Rafael em 18/05/15, 11:58 am

Saudações.

Queira fornecer o template overall_header assim como a folha de estilos CSS.

Abraços.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre HTML & BBCode'
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 18/05/15, 12:17 pm

iChees escreveu:Saudações.

Queira fornecer o template overall_header assim como a folha de estilos CSS.

Abraços.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre HTML & BBCode'

overall_header
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>
      <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
      <!-- END switch_compat_meta -->
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

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

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

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

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

            case 'left':
                break;

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

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

            default:
                slid_vert = true;
          }

          $(document).ready(function() {

            var 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[
      jQuery().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 -->
            $(window).load(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 = 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 -->
    </head>
    <script>
    var headerHeight = 45;
    var minHeaderHeight = 45;
    var maxScrollAmount = headerHeight - minHeaderHeight;
      
        $(window).scroll(function() {
            var amountScrolled = $(window).scrollTop();
            var newHeight = headerHeight - amountScrolled;
            if (($(window).scrollTop() >= 0) && ($(window).scrollTop() <= maxScrollAmount)){
                $('.collapseHeader .brandingBackground').css('opacity', '0');
                $('.collapseHeader #branding').css('height', newHeight + 'px');
                $('.collapseHeader #logo a').css('line-height', newHeight + 'px');
            } else if ($(window).scrollTop() > maxScrollAmount) {
                $('.collapseHeader .brandingBackground').css('opacity', '1');
                $('.collapseHeader #branding').css('height', minHeaderHeight + 'px');
                $('.collapseHeader #logo a').css('line-height', minHeaderHeight + 'px');
            }
        });
    </script>
    <body class=" collapseHeader animatedBackground toggleBackgroundColours">
      <div id="background"><div id="gradient" class="applied" style="background-position: -13175px 0px;"></div></div>
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://illiweb.com/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 id="topo""></div>"<div id="branding"><div class="wrapper clearfix">
                    <div id="logo">
                      
                          
                      <a href="/" title="Ir para o inicio de tudo" rel="home" accesskey="1" class="textLogo">Family ImPacT BruTaL</a>
                      
                    </div>
                <!-- ::: APPLICATION TABS ::: -->
                <div id="primary_nav" class="clearfix">
                          <ul class="ipsList_inline" id="community_app_menu">
                            
                            <li id="nav_home" class="left"><a href="/portal" title="Ir para o Portal" >Portal</a></li>
                          
                            <li id="nav_app_forums" class="left"><a href="/forum" title="Ir para o Fórum">Fórums</a></li>
    
            <li id="nav_app_members" class="left "><a href="/memberlist" title="Ir para a lista de Membro">Membros</a></li>

            <li id="nav_app_downloads" class="left "><a href="/f20-downloads" title="Ir para os Downloads">Downloads</a></li>

            <li id="nav_app_blog" class="left "><a href="/f3-manual" title="Ir para as Regras">Regras</a></li>
        
                            <li id="nav_app_nexus" class="left "><a href="/#" title="Ir para a Loja">Loja</a></li>
                
                              </ul>
            </div>
                    
                
            </div></div>
      <!--userbar-->
      <div class="clearfix wrapper">
              
                <div id="backgroundToggle" class="left clearfix">
                  <span id="enableColour" title="Enable colorful background" class="show"></span>
                  <span id="enableGrey" title="Enable greyscale background"></span>
                </div>
              
                  <div id="user_bar" class="withToggle clearfix">
                      <div id="user_navigation" class="not_logged_in">
                            
                              <ul class="ipsList_inline">
                                          <!-- BEGIN switch_user_logged_in -->
                  <li><a href="/profile?mode=editprofile" title="Editar Perfil"/>
                        <script>
                  jQuery(document).ready(function(){
                    jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
                      link = jQuery('.frm dl dd img', data).attr('src');
                      if(link){
                        jQuery('#avatar').html('<center><img src="'+link+'" alt="" /></center>');
                      }else{
                    jQuery('#avatar').html('');
                      }
                    });
                  });
                  </script>
                        <div id="avatar"><center></center></div>                            
                        <li><a class="profilename" href="/profile?mode=editprofile" class="USERNAME">Perfil</a></li>
                        <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Mensagem Privada"><img src="http://i56.servimg.com/u/f56/17/97/98/69/yymnyc10.png" alt=""></a></li>
                        <li><a id="notify_link" href="/search?search_id=watchsearch" title="Notificações"><img src="http://i56.servimg.com/u/f56/17/97/98/69/gyfvip11.png" alt=""></a></li>
                        <li><a href="/login?logout">Sair</a></li>
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                          <li><span class="services">
        </span>
    <a href="/login" title="Entrar" id="sign_in"><img src="http://i.imgur.com/0ns7zBy.png" alt=""> Entrar</a>
    </li>
    <li>
    <a href="/register" title="Cadastre-se" id="register_link"><img src="http://i.imgur.com/W4pPjOe.png" alt=""> Cadastre-se</a>
    </li>
                        <!-- END switch_user_logged_out -->
                              </ul>
                          </div>
                      
                  </div>
                  </div>
      <div class="minwidth_IE">
          <div class="layout_IE">
            <div class="container_IE">
                <div class="pun">
                  <div id="pun-intro" class="clearfix">
                      <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                      <!-- 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 id="pun-head">
                      <div id="pun-navlinks">
                        <ul class="clearfix">
                            <li>{GENERATED_NAV_BAR}</li>
                        </ul>
                      </div>
                  </div>

                  <!-- 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="page-body">
                      <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">
 
                                          
                                          
          <!-- #region sign_in_popup -->
        <div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
        <div id="sign_in_popup_popup" style="display:none; position: absolute; top: 9%; left: 27%; z-index: 10001" class="popupWrapper">
         <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
         <div style="" id="inline_login_form">
         <form id="login" method="post" action="/login.forum">
         <h3>Entrar</h3>
         <!-- BEGIN switch_fb_connect -->
         <div class="ipsBox_notice">
         <ul class="ipsList_inline">
         <li>
         <a class="ipsButton_secondary" href="/facebook_connect.forum" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">
         <img alt="Facebook" src="http://i69.servimg.com/u/f69/16/62/61/50/facebo10.png">   Use Facebook
         </a>
         </li>
         </ul>
         </div>
         <!-- END switch_fb_connect -->
         <br>
         <div class="ipsForm ipsForm_horizontal">
         <fieldset>
         <ul>
         <li class="ipsField">
         <div class="ipsField_content">
         Precisa de uma conta? <a title="Registre-se agora!" href="/register">Registre-se agora!</a>
         </div>
         </li>
         <li class="ipsField ipsField_primary">
         <label class="ipsField_title" for="username">Usuário ou E-mail:</label>
         <div class="ipsField_content">
         <input type="text" tabindex="0" size="30" name="username" class="input_text" id="ips_username">
         </div>
         </li>
         <li class="ipsField ipsField_primary">
         <label class="ipsField_title" for="password">Senha</label>
         <div class="ipsField_content">
         <input type="password" tabindex="0" size="30" name="password" class="input_text" id="ips_password"><br>
         <a title="Retrieve password" href="/profile?mode=sendpassword">Esqueci minha senha</a>
         </div>
         </li>
         <li class="ipsField ipsField_checkbox">
         <input type="checkbox" tabindex="0" class="input_check" value="1" name="autologin" checked="checked" id="autologin">
         <div class="ipsField_content">
         <label for="autologin">
         <strong>Lembrar dados</strong><br>
         <span class="desc lighter">Não recomendado para computadores públicos</span>
         </label>
         </div>
         </li>
         <li class="ipsPad_top ipsForm_center desc ipsType_smaller">
         <a href="{FORUMURLINK}" rel="nofollow">Privacy Policy</a>
         </li>
         </ul>
         </fieldset>
         <div class="ipsForm_submit ipsForm_center">
         <!-- <input type="submit" tabindex="0" value="Entrar" class="ipsButton"> -->
         <input type="submit" tabindex="0" class="login-submit ipsButton" name="login" value="Entrar"/>
         <input name="redirect" type="hidden" value="" /><br />
         </div>
         </div>
         </form>
         </div>
         </div>
         <div id="sign_in_popup_close" class="popupClose clickable">
         <img alt="x" src="http://i69.servimg.com/u/f69/16/62/61/50/close_10.png" onclick="sign_in_popup();">
         </div>
        </div>
        <script type="text/javascript">
         //<![CDATA[
         $(document).ready(function() {
         $('#user_navigation #sign_in').attr('href', '#').attr('onclick', 'sign_in_popup()');
         /*
         $('#user_navigation #sign_in').click(function() {
         sign_in_popup();
         });
         */
         });
         function sign_in_popup() {
         var x = document.getElementById('sign_in_popup_popup');
         if (x.style.display == 'none') {
         jQuery(x).add('#document_modal').fadeIn('slow');
         var r = x.getElementsByTagName('form')[0].redirect;
         r.value = window.location.href;
         } else {
         jQuery(x).add('#document_modal').fadeOut('slow');
         }
         }
         jQuery(function(){if(document.getElementById('logout')) document.getElementById('sign_in_popup_popup').style.display = 'none'; });
         //]]>
        </script>
        <style type="text/css">
         <!--
         .popupWrapper {background-color: rgba(70, 70, 70, 0.6);border-radius: 4px 4px 4px 4px;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);padding: 4px;}
         .popupInner {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);overflow-x: hidden;overflow-y: auto;width: 500px;}
         .popupInner h3 {background-color: #2C5687;background: url("http://www.autoitbrasil.com/public/style_images/master/maintitle.png") repeat-x scroll center top #2C5687;border-color: #316897;border-style: solid;border-width: 1px 1px 0;box-shadow: 0 1px 0 #528CBC inset;color: #FFFFFF;font-size: 16px;font-weight: 300;padding: 8px 10px 9px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
         .ipsBox_notice {line-height: 1.6;margin-bottom: 10px;padding: 10px;}
         .ipsBox_notice, .ipsBox_highlight {background: none repeat scroll 0 0 #F4FCFF;border-bottom: 1px solid #CAE9F5;}
         .ipsList_inline > li:last-child {margin-right: 0;}
         .ipsList_inline > li:first-child {margin-left: 0;}
         .ipsList_inline > li {display: inline-block;}
         .ipsForm_horizontal .ipsField {margin-bottom: 15px;}
         .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit {margin-left: 200px;}
         .ipsForm_horizontal .ipsField_title {float: left;line-height: 1.8;padding-right: 15px;text-align: right;width: 185px;}
         .ipsField .ipsField_title {font-size: 15px;font-weight: bold;}
         .ipsField_primary input {font-size: 18px;}
         .input_text, .ipsTagBox_wrapper {background: none repeat scroll 0 0 #FFFFFF;border-color: #848484 #C1C1C1 #E1E1E1;border-radius: 2px 2px 2px 2px;border-style: solid;border-width: 1px;padding: 4px;}
         .input_text:focus {border-color: #4E4E4E #7C7C7C #A3A3A3;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
         input.inactive, select.inactive, textarea.inactive {color: #C4C4C4;}
         .ipsForm_horizontal .ipsField_checkbox {margin: 0 0 5px 200px;}
         .ipsForm .ipsField_checkbox input {float: left;margin-top: 3px;}
         .ipsForm .ipsField_checkbox .ipsField_content {margin-left: 25px;}
         .desc.lighter, .desc.lighter.blend_links a {color: #A4A4A4;}
         .ipsForm_center {text-align: center;}
         .desc, .desc.blend_links a, p.posted_info {color: #777777;font-size: 12px;}
         .ipsPad_top {padding-top: 9px;}
         .ipsType_smaller, .ipsType_smaller a {font-size: 11px !important;}
         .ipsForm_submit {background-color: #CCCCCC;background: -moz-linear-gradient(center top , #E4E4E4 0%, #CCCCCC 100%) repeat-x scroll 0 0 transparent !important;border-top: 1px solid #CCCCCC;margin-top: 25px;padding: 5px 10px;}
         .popupClose {position: absolute;right: 16px;top: 12px;}
         .clickable {cursor: pointer;}
         .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .topic_buttons li a, .topic_buttons li span, .ipsButton{
         -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: url("http://www.autoitbrasil.com/public/style_images/master/topic_button.png") repeat-x scroll center top #212121;
         border-color: #212121;border-image: none;border-radius: 3px 3px 3px 3px;border-style: solid;border-width: 1px 1px 0;box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2);color: #FFFFFF;cursor: pointer;display: inline-block;
         font: 300 12px/30px Helvetica,Arial,sans-serif;height: 30px;min-width: 125px;padding: 0 10px;text-align: center;text-shadow: 0 -1px 0 #191919;
         }
         .ipsButton_secondary {
         background-color: #DBDBDB;background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat-x scroll 0 0 transparent !important;border: 1px solid #DBDBDB;border-radius: 3px 3px 3px 3px;
         box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);color: #616161;display: inline-block;font-size: 12px;height: 22px;line-height: 22px;padding: 0 10px;transition: all 0.2s ease-in-out 0s;white-space: nowrap;
         }
         -->
        </style>
        <!-- #endregion sign_in_popup -->

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

folha de estilos CSS http://pastebin.com/3nbwDccp
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Rafael em 19/05/15, 12:47 pm

Olá amigo!

Troque o seu CSS por este: http://pastebin.com/pbAmXX5V
Para alterar o header procure por:
e troque para a imagem desejada.

Troque o seu template 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>
      <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
      <!-- END switch_compat_meta -->
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

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

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

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

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

            case 'left':
                break;

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

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

            default:
                slid_vert = true;
          }

          $(document).ready(function() {

            var 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[
      jQuery().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 -->
            $(window).load(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 = 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 -->
    </head>
    <script>
    var headerHeight = 45;
    var minHeaderHeight = 45;
    var maxScrollAmount = headerHeight - minHeaderHeight;
      
        $(window).scroll(function() {
            var amountScrolled = $(window).scrollTop();
            var newHeight = headerHeight - amountScrolled;
            if (($(window).scrollTop() >= 0) && ($(window).scrollTop() <= maxScrollAmount)){
                $('.collapseHeader .brandingBackground').css('opacity', '0');
                $('.collapseHeader #branding').css('height', newHeight + 'px');
                $('.collapseHeader #logo a').css('line-height', newHeight + 'px');
            } else if ($(window).scrollTop() > maxScrollAmount) {
                $('.collapseHeader .brandingBackground').css('opacity', '1');
                $('.collapseHeader #branding').css('height', minHeaderHeight + 'px');
                $('.collapseHeader #logo a').css('line-height', minHeaderHeight + 'px');
            }
        });
    </script>
    <body class=" collapseHeader animatedBackground toggleBackgroundColours">
      <div id="background"><div id="gradient" class="applied" style="background-position: -13175px 0px;"></div></div>
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://illiweb.com/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 id="topo"></div><div id="branding"><div class="wrapper clearfix">
                    <div id="logo">
                      
                          
                      <a href="/" title="Ir para o inicio de tudo" rel="home" accesskey="1" class="textLogo">Family ImPacT BruTaL</a>
                      
                    </div>
                <!-- ::: APPLICATION TABS ::: -->
                <div id="primary_nav" class="clearfix">
                          <ul class="ipsList_inline" id="community_app_menu">
                            
                            <li id="nav_home" class="left"><a href="/portal" title="Ir para o Portal" >Portal</a></li>
                          
                            <li id="nav_app_forums" class="left"><a href="/forum" title="Ir para o Fórum">Fórums</a></li>
    
            <li id="nav_app_members" class="left "><a href="/memberlist" title="Ir para a lista de Membro">Membros</a></li>

            <li id="nav_app_downloads" class="left "><a href="/f20-downloads" title="Ir para os Downloads">Downloads</a></li>

            <li id="nav_app_blog" class="left "><a href="/f3-manual" title="Ir para as Regras">Regras</a></li>
        
                            <li id="nav_app_nexus" class="left "><a href="/#" title="Ir para a Loja">Loja</a></li>
                
                              </ul>
            </div>
                    
                
            </div></div>
      <!--userbar-->
      <div class="clearfix wrapper">
              
                <div id="backgroundToggle" class="left clearfix">
                  <span id="enableColour" title="Enable colorful background" class="show"></span>
                  <span id="enableGrey" title="Enable greyscale background"></span>
                </div>
              
                  <div id="user_bar" class="withToggle clearfix">
                      <div id="user_navigation" class="not_logged_in">
                            
                              <ul class="ipsList_inline">
                                          <!-- BEGIN switch_user_logged_in -->
                  <li><a href="/profile?mode=editprofile" title="Editar Perfil"/>
                        <script>
                  jQuery(document).ready(function(){
                    jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
                      link = jQuery('.frm dl dd img', data).attr('src');
                      if(link){
                        jQuery('#avatar').html('<center><img src="'+link+'" alt="" /></center>');
                      }else{
                    jQuery('#avatar').html('');
                      }
                    });
                  });
                  </script>
                        <div id="avatar"><center></center></div>                            
                        <li><a class="profilename" href="/profile?mode=editprofile" class="USERNAME">Perfil</a></li>
                        <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Mensagem Privada"><img src="http://i56.servimg.com/u/f56/17/97/98/69/yymnyc10.png" alt=""></a></li>
                        <li><a id="notify_link" href="/search?search_id=watchsearch" title="Notificações"><img src="http://i56.servimg.com/u/f56/17/97/98/69/gyfvip11.png" alt=""></a></li>
                        <li><a href="/login?logout">Sair</a></li>
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                          <li><span class="services">
        </span>
    <a href="/login" title="Entrar" id="sign_in"><img src="http://i.imgur.com/0ns7zBy.png" alt=""> Entrar</a>
    </li>
    <li>
    <a href="/register" title="Cadastre-se" id="register_link"><img src="http://i.imgur.com/W4pPjOe.png" alt=""> Cadastre-se</a>
    </li>
                        <!-- END switch_user_logged_out -->
                              </ul>
                          </div>
                      
                  </div>
                  </div>
      <div class="minwidth_IE">
          <div class="layout_IE">
            <div class="container_IE">
                <div class="pun">
                  <div id="pun-intro" class="clearfix">
                      <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                      <!-- 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 id="pun-head">
                      <div id="pun-navlinks">
                        <ul class="clearfix">
                            <li>{GENERATED_NAV_BAR}</li>
                        </ul>
                      </div>
                  </div>

                  <!-- 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="page-body">
                      <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">
 
                                          
                                          
          <!-- #region sign_in_popup -->
        <div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
        <div id="sign_in_popup_popup" style="display:none; position: absolute; top: 9%; left: 27%; z-index: 10001" class="popupWrapper">
         <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
         <div style="" id="inline_login_form">
         <form id="login" method="post" action="/login.forum">
         <h3>Entrar</h3>
         <!-- BEGIN switch_fb_connect -->
         <div class="ipsBox_notice">
         <ul class="ipsList_inline">
         <li>
         <a class="ipsButton_secondary" href="/facebook_connect.forum" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">
         <img alt="Facebook" src="http://i69.servimg.com/u/f69/16/62/61/50/facebo10.png">   Use Facebook
         </a>
         </li>
         </ul>
         </div>
         <!-- END switch_fb_connect -->
         <br>
         <div class="ipsForm ipsForm_horizontal">
         <fieldset>
         <ul>
         <li class="ipsField">
         <div class="ipsField_content">
         Precisa de uma conta? <a title="Registre-se agora!" href="/register">Registre-se agora!</a>
         </div>
         </li>
         <li class="ipsField ipsField_primary">
         <label class="ipsField_title" for="username">Usuário ou E-mail:</label>
         <div class="ipsField_content">
         <input type="text" tabindex="0" size="30" name="username" class="input_text" id="ips_username">
         </div>
         </li>
         <li class="ipsField ipsField_primary">
         <label class="ipsField_title" for="password">Senha</label>
         <div class="ipsField_content">
         <input type="password" tabindex="0" size="30" name="password" class="input_text" id="ips_password"><br>
         <a title="Retrieve password" href="/profile?mode=sendpassword">Esqueci minha senha</a>
         </div>
         </li>
         <li class="ipsField ipsField_checkbox">
         <input type="checkbox" tabindex="0" class="input_check" value="1" name="autologin" checked="checked" id="autologin">
         <div class="ipsField_content">
         <label for="autologin">
         <strong>Lembrar dados</strong><br>
         <span class="desc lighter">Não recomendado para computadores públicos</span>
         </label>
         </div>
         </li>
         <li class="ipsPad_top ipsForm_center desc ipsType_smaller">
         <a href="{FORUMURLINK}" rel="nofollow">Privacy Policy</a>
         </li>
         </ul>
         </fieldset>
         <div class="ipsForm_submit ipsForm_center">
         <!-- <input type="submit" tabindex="0" value="Entrar" class="ipsButton"> -->
         <input type="submit" tabindex="0" class="login-submit ipsButton" name="login" value="Entrar"/>
         <input name="redirect" type="hidden" value="" /><br />
         </div>
         </div>
         </form>
         </div>
         </div>
         <div id="sign_in_popup_close" class="popupClose clickable">
         <img alt="x" src="http://i69.servimg.com/u/f69/16/62/61/50/close_10.png" onclick="sign_in_popup();">
         </div>
        </div>
        <script type="text/javascript">
         //<![CDATA[
         $(document).ready(function() {
         $('#user_navigation #sign_in').attr('href', '#').attr('onclick', 'sign_in_popup()');
         /*
         $('#user_navigation #sign_in').click(function() {
         sign_in_popup();
         });
         */
         });
         function sign_in_popup() {
         var x = document.getElementById('sign_in_popup_popup');
         if (x.style.display == 'none') {
         jQuery(x).add('#document_modal').fadeIn('slow');
         var r = x.getElementsByTagName('form')[0].redirect;
         r.value = window.location.href;
         } else {
         jQuery(x).add('#document_modal').fadeOut('slow');
         }
         }
         jQuery(function(){if(document.getElementById('logout')) document.getElementById('sign_in_popup_popup').style.display = 'none'; });
         //]]>
        </script>
        <style type="text/css">
         <!--
         .popupWrapper {background-color: rgba(70, 70, 70, 0.6);border-radius: 4px 4px 4px 4px;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);padding: 4px;}
         .popupInner {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);overflow-x: hidden;overflow-y: auto;width: 500px;}
         .popupInner h3 {background-color: #2C5687;background: url("http://www.autoitbrasil.com/public/style_images/master/maintitle.png") repeat-x scroll center top #2C5687;border-color: #316897;border-style: solid;border-width: 1px 1px 0;box-shadow: 0 1px 0 #528CBC inset;color: #FFFFFF;font-size: 16px;font-weight: 300;padding: 8px 10px 9px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
         .ipsBox_notice {line-height: 1.6;margin-bottom: 10px;padding: 10px;}
         .ipsBox_notice, .ipsBox_highlight {background: none repeat scroll 0 0 #F4FCFF;border-bottom: 1px solid #CAE9F5;}
         .ipsList_inline > li:last-child {margin-right: 0;}
         .ipsList_inline > li:first-child {margin-left: 0;}
         .ipsList_inline > li {display: inline-block;}
         .ipsForm_horizontal .ipsField {margin-bottom: 15px;}
         .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit {margin-left: 200px;}
         .ipsForm_horizontal .ipsField_title {float: left;line-height: 1.8;padding-right: 15px;text-align: right;width: 185px;}
         .ipsField .ipsField_title {font-size: 15px;font-weight: bold;}
         .ipsField_primary input {font-size: 18px;}
         .input_text, .ipsTagBox_wrapper {background: none repeat scroll 0 0 #FFFFFF;border-color: #848484 #C1C1C1 #E1E1E1;border-radius: 2px 2px 2px 2px;border-style: solid;border-width: 1px;padding: 4px;}
         .input_text:focus {border-color: #4E4E4E #7C7C7C #A3A3A3;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
         input.inactive, select.inactive, textarea.inactive {color: #C4C4C4;}
         .ipsForm_horizontal .ipsField_checkbox {margin: 0 0 5px 200px;}
         .ipsForm .ipsField_checkbox input {float: left;margin-top: 3px;}
         .ipsForm .ipsField_checkbox .ipsField_content {margin-left: 25px;}
         .desc.lighter, .desc.lighter.blend_links a {color: #A4A4A4;}
         .ipsForm_center {text-align: center;}
         .desc, .desc.blend_links a, p.posted_info {color: #777777;font-size: 12px;}
         .ipsPad_top {padding-top: 9px;}
         .ipsType_smaller, .ipsType_smaller a {font-size: 11px !important;}
         .ipsForm_submit {background-color: #CCCCCC;background: -moz-linear-gradient(center top , #E4E4E4 0%, #CCCCCC 100%) repeat-x scroll 0 0 transparent !important;border-top: 1px solid #CCCCCC;margin-top: 25px;padding: 5px 10px;}
         .popupClose {position: absolute;right: 16px;top: 12px;}
         .clickable {cursor: pointer;}
         .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .topic_buttons li a, .topic_buttons li span, .ipsButton{
         -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: url("http://www.autoitbrasil.com/public/style_images/master/topic_button.png") repeat-x scroll center top #212121;
         border-color: #212121;border-image: none;border-radius: 3px 3px 3px 3px;border-style: solid;border-width: 1px 1px 0;box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2);color: #FFFFFF;cursor: pointer;display: inline-block;
         font: 300 12px/30px Helvetica,Arial,sans-serif;height: 30px;min-width: 125px;padding: 0 10px;text-align: center;text-shadow: 0 -1px 0 #191919;
         }
         .ipsButton_secondary {
         background-color: #DBDBDB;background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat-x scroll 0 0 transparent !important;border: 1px solid #DBDBDB;border-radius: 3px 3px 3px 3px;
         box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);color: #616161;display: inline-block;font-size: 12px;height: 22px;line-height: 22px;padding: 0 10px;transition: all 0.2s ease-in-out 0s;white-space: nowrap;
         }
         -->
        </style>
        <!-- #endregion sign_in_popup -->

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

Abraços Muito feliz
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 19/05/15, 07:13 pm

Bom ficou ótimo mais gostaria que o menu ainda ficasse junto com a barra de rolagem
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Sennior em 19/05/15, 08:53 pm

No caso é a resolução que ficou ruim?
Poderia me mostrar uma Print Screen do erro meu querido?

Abraços.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 20/05/15, 11:09 am

Bom ocorreu esse erro aqui http://i.imgur.com/mnALqVj.png e como disse acima gostaria que ficasse junto(fixo), o menu com a barra de rolagem se for possivel
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Rafael em 20/05/15, 02:27 pm

Saudações!

Adicione a sua folha de estilos (CSS):

Código:
#logo a.textLogo {
  line-height: 50px !important;
}

Abraços Muito feliz
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 20/05/15, 07:04 pm

ta mais ótimo, mais e o menu não esta descendo junto com a barra de rolagem...
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Sennior em 21/05/15, 01:30 am

Saudações,

Ficará meio ruim a visualização senhor mas cá esta o código:
Cpainel ->> Visualização ->> Gestão de imagens -*>> Cores ->> Folha de Estilo CSS
Código:
div#branding {position: fixed!important;}

Coloque o código acima no inicio de teu CSS.
Até mais.
Tio Sennior Tchau
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 21/05/15, 11:37 am

Bom o menu esta junto com a barra de rolagem mais olha como ficou http://i.imgur.com/7Saj7LN.png tem como deixar ela no topo?
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Sennior em 21/05/15, 11:43 am

Bem, mas aí ficaria assim:
Código:
div#branding {position: fixed!important;top: -11pc!important;}

Coloque o código no inicio de teu CSS e veja se lhe agrada deste jeito.
Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 21/05/15, 12:12 pm

bom quero que ele fica o menu antes do banner quando descer a barra de rolagem ele fiar no topo será que me entende...
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por MateusA em 21/05/15, 12:50 pm

Olá!

Crie um novo javascript. Investimento: "Em todas as páginas".
Código:
$(function(){
var posicaoAtual=$(window).scrollTop();$(window).scroll(function(){posicaoAtual=$(window).scrollTop(),posicaoAtual>=230&&($("#branding").attr("id","brandin"),$("head").after("<style>#brandin {-moz-box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  -webkit-box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  background: rgba(20,20,20,0.9);  border-bottom: 1px solid rgba(0,0,0,0.5);  box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  height: 45px;  left: 0;margin-top: 180px;  position: fixed; right: 0; top: -175px !important;  z-index: 999;\n}</style>")),230>posicaoAtual&&$("div#brandin").attr("id","branding")});
});

Feliz
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 21/05/15, 07:54 pm

Tem como juntar mais no topo o menu? E fazer ele descer com a barra de rolagem certo, porque ela está descendo a pois a barra do perfil...
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Sennior em 21/05/15, 07:58 pm

Olá,

Altere teu código pelo abaixo:
Código:
$(function(){
var posicaoAtual=$(window).scrollTop();$(window).scroll(function(){posicaoAtual=$(window).scrollTop(),posicaoAtual>=230&&($("#branding").attr("id","brandin"),$("head").after("<style>#brandin {-moz-box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  -webkit-box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  background: rgba(20,20,20,0.9);  border-bottom: 1px solid rgba(0,0,0,0.5);  box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  height: 45px;  left: 0;margin-top: 180px;  position: fixed; right: 0; top: -170px !important;  z-index: 999;\n}</style>")),230>posicaoAtual&&$("div#brandin").attr("id","branding")});
});
@Dex7er escreveu:E fazer ele descer com a barra de rolagem certo, porque ela está descendo a pois a barra do perfil...

Não entendi. Louco
Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 21/05/15, 08:10 pm

Bom está dando esse erro aqui http://i.imgur.com/CHtVdQ1.png - http://i.imgur.com/btAUoiQ.png "vez de descer junto ocorre isso quando desce mais" http://i.imgur.com/KsaTtyi.png ai aparece do nada '-' e não fica no topo tem como arrumar isso?
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por MateusA em 22/05/15, 07:18 am

Hã, claro. É que eu formulei para o index. Feliz

Substitua por esse:
Código:
$(function(){
if(location.pathname == "/"){
var posicaoAtual=$(window).scrollTop();$(window).scroll(function(){posicaoAtual=$(window).scrollTop(),posicaoAtual>=230&&($("#branding").attr("id","brandin"),$("head").after("<style>#brandin {-moz-box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  -webkit-box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  background: rgba(20,20,20,0.9);  border-bottom: 1px solid rgba(0,0,0,0.5);  box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  height: 45px;  left: 0;margin-top: 180px;  position: fixed; right: 0; top: -170px !important;  z-index: 999;\n}</style>")),230>posicaoAtual&&$("div#brandin").attr("id","branding")});
} else {
// TOPICOS
var posicaoAtual=$(window).scrollTop();$(window).scroll(function(){posicaoAtual=$(window).scrollTop(),posicaoAtual>=230&&($("#branding").attr("id","brandin"),$("head").after("<style>#brandin {-moz-box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  -webkit-box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  background: rgba(20,20,20,0.9);  border-bottom: 1px solid rgba(0,0,0,0.5);  box-shadow: rgba(0,0,0,0.45) 0 1px 5px;  height: 45px;  left: 0;margin-top: 180px;  position: fixed; right: 0; top: -170px !important;  z-index: 999;\n}</style>")),230>posicaoAtual&&$("div#brandin").attr("id","branding")});
}


});
Na segunda parte, depois de //TOPICOS, procure por:
posicaoAtual>=230&&
O número 230 é onde o efeito será disparado, diminua-o que ele começará mais cedo. Compreendeu ?
Agora a posição do menu, hmm..


Ainda abaixo de //TOPICOS:
Procure por:
top: -170px !important;
Aumente o 170 (mantenha o -) para subir o menu.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar menu do fórum

Mensagem por Dex7er em 23/05/15, 02:29 pm

pode fechar, falei com o outro dono do fórum e ele disse para deixar assim mesmo
avatar

Dex7er
Nível 8

Masculino
Inscrito dia : 28/10/2014
Mensagens : 113
Pontos Ativos : 161

Ver perfil do usuário http://imp-family.forumeiros.com

Resolvido Re: Personalizar menu do fórum

Mensagem por Rafael em 23/05/15, 03:45 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum