Menu de navegação

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

Resolvido Menu de navegação

Mensagem por Yu le em 02/04/17, 02:07 pm

Detalhes da questão


Endereço do fórum: http://megacityrpg.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Olá gostaria de um menu de navegação igual a este.

http://prntscr.com/erkjnh

forum aonde vi: https://www.loskatchorros.com.br/cvrforum/


Última edição por Biel_Staff em 02/04/17, 10:42 pm, editado 1 vez(es)
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Luiz em 02/04/17, 04:19 pm

Olá,

Precisarei de sua Folha de Estilo CSS, e de seu template overall_header.

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Menu de navegação

Mensagem por Yu le em 02/04/17, 04:43 pm

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>
    <!-- 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;
   <!-- 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}
   <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[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
         var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
         ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
         var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="https://illiweb.com/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>
   {LOGIN_POPUP_MSG}
   <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 -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>
   {JAVASCRIPT}

   <div id="page-header">
      <div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <div id="logo-desc">
            <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
         </div>

         <span class="corners-bottom"><span></span></span></div>
      </div>

      <div class="navbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

         <!-- BEGIN switch_search_box -->
         <div id="search-box">
            <form method="get" action="{ACTION_SEARCH}" id="search">
               <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
               {JS_SESSION_ID_INPUT}
               <input class="button2" type="submit" value="{L_SEARCH}" /></p>
            </form>
         </div>
         <!-- END switch_search_box -->

         <span class="corners-bottom"><span></span></span></div>
      </div>

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

      <!-- BEGIN switch_ticker -->
      <div id="fa_ticker_block" style="margin-top:4px;">
         <div class="module">
            <div class="inner">
               <span class="corners-top"><span></span></span>
                  <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>
               <span class="corners-bottom"><span></span></span>
            </div>
         </div>
      </div>
      <!-- END switch_ticker -->
   </div>

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

Código:
#page-header > div.navbar > div > ul {
    position: initial;
    width: auto;
}
/*BORDA DO PERFIL*/
.postprofile {
  border: 1px dashed #d2d2d2;
  border-radius: 5px;
  text-align: left;
  background-image: url(http://hitskin.com/themes/13/92/59/i_list_bg.png);
  background-repeat: repeat;
  -moz-box-shadow: 0px 5px 5px #CCCCCC;
  -webkit-box-shadow: 0px 5px 5px #CCCCCC;
  box-shadow: 0px 5px 5px #CCCCCC;
}
/*TITULO DO TÓPICO*/
.lastpost a,
.lastpost a:visited,
.lastpost a:link {
  color: #0372be;
}
/*NOME DO USUARIO EM CIMA*/
.postprofile a[href*="/u"] span[style] strong {
  position: absolute;
  top: 21px;
  left: 25px;
}
 
.postprofile a[href*="/u"] img[src][alt] {
  margin-top: 40px;
}
/*RANKS PARA FORUM */
.Fundador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E01212;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Helper {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00E30F;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Sub-dono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D41792;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Supervisor {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2F850D;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Master {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E06EE6;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Administrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2E2EFF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Membro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
/* Início - Widgets Final do Fórum */
.widgetsbottom {
  display: block !important;
    background-color: #fff;
    clear: both;
    width:100%;
  margin: 15px 0px;
}
#fa_stats {
    background: #2E3133 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: Arial,Verdana,sans-serif;
    padding: 15px 0px;
    text-align: center;
    font-size: 10px;
}
.stat_label {
    background: #F2F2F2 none repeat scroll 0% 0%;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0px;
    margin: 0px 12px 0px 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7.5%;
    text-transform: uppercase;
}
.qeel_title {
    background: #369FCF none repeat scroll 0% 0%;
    color: #FFF;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 6px;
    text-transform: uppercase;
}
.qeel_title a {
    color: #FFF;
}
.qeel_section {
    background: #FAFAFA none repeat scroll 0% 0%;
    color: #333;
    font-size: 11px;
    padding: 8px 6px;
}
 
span.legend {
    width: 61%;
    text-align: center;
    background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
    border: 2px solid #DDD;
    border-radius: 6px;
    padding: 8px 8px 9px 5px;
    display: block;
    margin: 0 auto;
    font-size: 0px;
    color: transparent;
}
 
span.legend a {-webkit-transition-duration: .3s;text-shadow: 0px 1px 1px #454545;font-size: 15px;margin: 0 5px;font-style: normal;font-weight: normal;}
 
span.legend a:hover {
    background: #DDD;
    padding: 9px 10px 10px;
}
 
/* Fim - Widgets Final do Fórum */
/*reputação*/
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
/* Novos botões BBcode */ 
.sucesso, .alerta, .aviso, .infos { padding: 8px 8px 8px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px; } .sucesso { background: url('http://i39.servimg.com/u/f39/18/75/31/38/action10.png') no-repeat 6px #effeb9; border: 1px solid #9ac601; color: #4F8A10; } .alerta { background: url('http://i39.servimg.com/u/f39/18/75/31/38/delete11.png') no-repeat 6px #fccac3; border: 1px solid #db3f23; color: #D8000C; } .aviso { background: url('http://i39.servimg.com/u/f39/18/75/31/38/sign-a10.png') no-repeat 6px #ffeaa9; border: 1px solid #f9b516; color: #9F6000; } .infos { background: url('http://i39.servimg.com/u/f39/18/75/31/38/status10.png') no-repeat 6px #d1e4f3; border: 1px solid #4d8fcb; color: #00529B; }
/*caixa de respostas*/
select {
    background-color: #fff;
    border: 1px solid #a1a1a1;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-image-slice: initial;
    border-image-source: initial;
    border-image-width: initial;
    color: #666;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    outline: none;
    padding: 3px;
    vertical-align: middle
}

div.sceditor-container {
    border: 1px solid #8db2e3!important;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-image-slice: initial;
    border-image-source: initial;
    border-image-width: initial
}

div.sceditor-toolbar {
    background: linear-gradient(rgb(222,232,245) 0px, #c7d8ed 29%, #ccdcee 61%, #c0d8ef 100%)!important;
    border-bottom: 1px solid #95a9c3!important
}

div.sceditor-group {
    background: linear-gradient(rgb(202,220,240) 24%, #bcd0e9 38%, #d0e1f7 99%)!important;
    border: 1px solid #7596bf!important;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-image-slice: initial;
    border-image-source: initial;
    border-image-width: initial;
    padding: 0!important
}

.sceditor-button:first-child {
    border-radius: 4px 0 0 4px!important
}

.sceditor-button:last-child {
    border-radius: 0 4px 4px 0!important
}

.sceditor-button {
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -webkit-box-shadow: #d5e3f1 0 1px inset, #e3edfb 0 -1px inset, #cddcef 1px 0 inset, #b8ceea -1px 0 inset!important;
    border-radius: 0!important;
    box-shadow: #d5e3f1 0 1px inset, #e3edfb 0 -1px inset, #cddcef 1px 0 inset, #b8ceea -1px 0 inset!important;
    height: 16px!important;
    padding: 3px 4px!important
}

.sceditor-button:hover {
    -moz-box-shadow: inset 0 1px #fffbe8,inset -1px 0 #ffefc4,inset 0 -1px #fff9cc!important;
    -webkit-box-shadow: inset 0 1px #fffbe8,inset -1px 0 #ffefc4,inset 0 -1px #fff9cc!important;
    background: linear-gradient(rgb(254,247,213) 0, #fae5a9 42%, #ffd048 42%, #ffe59f 100%)!important;
    background-color: #fef7d5!important;
    box-shadow: inset 0 1px #fffbe8,inset -1px 0 #ffefc4,inset 0 -1px #fff9cc!important
}

.hover,.sceditor-button.active,.sceditor-button:active {
    -moz-box-shadow: inset 0 1px #ebd1b4,inset 0 -1px #ffe47f,inset -1px 0 #b8ceea!important;
    -webkit-box-shadow: inset 0 1px #ebd1b4,inset 0 -1px #ffe47f,inset -1px 0 #b8ceea!important;
    background: linear-gradient(rgb(251,219,181) 11%, #feb438 29%, #fdeb9f 99%)!important;
    box-shadow: inset 0 1px #ebd1b4,inset 0 -1px #ffe47f,inset -1px 0 #b8ceea!important
}

.hover:hover,.sceditor-button.active:hover {
    -moz-box-shadow: inset 0 1px 1px #9e8255,inset 0 -1px #fcce6b!important;
    -webkit-box-shadow: inset 0 1px 1px #9e8255,inset 0 -1px #fcce6b!important;
    background: linear-gradient(rgb(219,163,104) 0px, #ffbd79 4%, #fea335 34%, #ffc64c 66%, #fee069 100%)!important;
    box-shadow: inset 0 1px 1px #9e8255,inset 0 -1px #fcce6b!important
}

.sceditor-button div {
    margin: 0!important
}

.sceditor-button.sceditor-button-size {
    background: url(http://i56.servimg.com/u/f56/18/07/42/17/size1010.png) 0 0 no-repeat scroll!important;
    height: 18px!important;
    width: 61px
}

.sceditor-button.sceditor-button-font {
    background: url(http://i56.servimg.com/u/f56/18/07/42/17/fonte110.png) 0 0 no-repeat scroll!important;
    height: 18px!important;
    width: 81px
}

.sceditor-button.sceditor-button-font,.sceditor-button.sceditor-button-size {
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 3px!important;
    box-shadow: none!important;
    cursor: default
}

.sceditor-button.sceditor-button-font > div,.sceditor-button.sceditor-button-size > div {
    display: none
}

.sceditor-container iframe,.sceditor-container textarea {
    max-width: 99%!important;
    min-height: 180px
}

#textarea_content {
    min-width: 98%!important
}

#smiley-box {
    border: 1px solid #DDD;
    padding: 3px;
    width: 99%
}
/* NÃO É PARA BOTAR A censurado DO BRILHO NO NICK,! */
/* NÃO MEXA EM NENHUM CÓDIGO SEM CONTATAR OS OWNERS DO FÓRUM, POR FAVOR, AGRADEÇO !!*/
/* NÃO MEXA NOS CÓDIGOS CSS RELACIONADOS ÀS POSTAGENS, TÓPICOS E PERFIS SEM AUTORIZAÇÃO - Atenciosamente GABRIEL */
#fa_ticker_block{ /* ISSO ESCONDE O LETREIRO TOSCO QUE EU NÃO SEI TIRAR, NÃO DELETA GABRIEL */ 
 
ul.topics dt, ul.topics dd.dterm {
padding-left:90px;
}
.pun .post {
background: transparent !important;
}
    display: none;
    width: 0px;
    height: 0px;
    visibility: hidden;
}
.postprofile dl dt a img:first-child {
width: 170px;
height: 300px;
}
.postbody ul.profile-icons{
 margin-top: 0px !important;
 margin-right: 30px !important;
 margin-bottom: 0px !important;
}

.leee596{
  display: none;
  width: 0px;
  height: 0px;
  visibility: hidden;
}

.rodape {
line-height: 20px;
height: 20px;
margin-top: 13px;
opacity: 0.96;
padding: 1px 1px 1px 1px !important;
width: 100%;
background-color: #ffffff;
color: #000000;
text-align: center;
}

hr{
  border-top: 0px solid #d6d6d6 !important;
}
#chatbox_top {
 margin-left: -10px;
}

.row3{
 background-color: transparent;
}

.panel{
 background-color: transparent;
}

body {
  background-repeat: no-repeat;
}

.navbar {
 background-color: transparent;
}
ul.navlinks {
 position: absolute;
 top: 0;
 z-index: 3;
 border-bottom: 0px solid #d6d6d6;
}
#wrap {
filter:alpha(opacity=0.95);
-moz-opacity: 0.95;
opacity: 0.95;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d6d6d6;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('http://brasilgameoflifebgl.forumeiros.com/t3572-brasil-game-of-life-vps-e-team-speak-3?p_vote=22943&eval=plus');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.post {
box-shadow: 0 0 0px #d6d6d6;
border: 0px solid black;
padding: 0px;
text-decoration: none;
border-radius: 0px 0px 0px 0px;
margin-bottom: 6px;
}

{
/* ------ CORES ------*/
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
    v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
    rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
    am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
    c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
    r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
    vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
    l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
    m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
    w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
    pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
    sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
    #text_editor_controls, .left-box{position:relative !important}
/* ------ Fim CORES ------ */
}a:hover{
color: #d6d6d6;
}
.forabg:hover{
box-shadow: 0 0 10px #d6d6d6;
-moz-box-shadow: 0 0 10px #333;lo
-webkit-box-shadow: 0 0 10px #333;
-o-box-shadow: 0 0 10px #333;
}
.headerbar {
background-image: url('') !important;
background-color: transparent;
margin-top: 30px;
// NEON
}
.h3 {
text-align: center !important;
font-family: Arial;
background-color: #d6d6d6;
color: #000000 !important;
border-bottom: 0px solid #d6d6d6;
}
.module {
background-color: #ffffff;
border-bottom: 1px solid #d6d6d6;
}

.forabg .topiclist.forums .row{background-color:white;background-attachment:scroll;background-image:-webkit-linear-gradient(top,white,#FFFFFF); opacity: 0.8;}.forabg .topiclist.forums .row:hover{background-color:#FFFFFF;background-image:-webkit-linear-gradient(top,#d6d6d6,white)}
.postbody{
 width: 75% !important;
}

#savec { position:relative; }.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #d6d6d6; background: #d6d6d6 url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }.save-bloc div:hover { color: #d6d6d6!important; }.save-bloc div { cursor: pointer; }.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
.botao_neon {
opacity: 0;
}
.botao_neon:active {
opacity: 100;
}
#search_menu {
background: url("http://i44.servimg.com/u/f44/15/64/85/86/bgname10.gif") repeat scroll 0% 0% transparent;
border: 2px solid rgb(204, 204, 204);
border-radius: 0px 0px 11px 11px;
left: 0px;
list-style: none outside none;
text-align: center !important;
top: 40px;
z-index: 999;
}

#search_menu .dashed{
display: none;
}

#search_menu .title-overview.row2 {
background: transparent;
}#search_menu {
background: url("http://i42.servimg.com/u/f42/17/32/13/00/cinza-10.png") repeat scroll 0% 0% transparent;
border: 2px solid rgb(204, 204, 204);
border-radius: 0px 0px 11px 11px;
left: 0px;
list-style: none outside none;
text-align: center !important;
top: 40px;
z-index: 999;
}

#search_menu .dashed{
display: none;
}

#search_menu .title-overview.row2 {
background: transparent;
}
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0;
float: left;
height: 12em;
left: -33em;
padding: 16px 0 20px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
border-radius: 3px;
display: block;
height: 100%;
padding: 5px 5px 10px;
}
.setPerfil > span {
background: #d6d6d6;
border: 1px solid #999;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
}
.setPerfil .PerfilInfoImg {
background: #d6d6d6;
box-shadow: 0px 0px 0 #CCC;
display: table;
float: left;
height: 0px;
padding: 0px;
width: 0px;
}
.setPerfil h2 {
background: #d6d6d6;
border-radius: 0 10px 0 0;
box-shadow: 1px 1px 0 #CCC;
display: block;
float: left;
font-family: "Trebuchet MS";
font-size: 19px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-bottom: 0px;
padding: 5px;
text-shadow: 1px 1px 0 white;
width: 382px;
}
.setPerfil p:hover {
-moz-box-shadow: -1px 1px 0 #9A9A9A;
-ms-box-shadow: -1px 1px 0 #9A9A9A;
-o-box-shadow: -1px 1px 0 #9A9A9A;
-webkit-box-shadow: -1px 1px 0 #9A9A9A;
border-left: 0 solid #333;
border-right: 4px solid #333;
box-shadow: -1px 1px 0 #9A9A9A;
}
.setPerfil p {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F1F1F1;
border-left: 3px solid #333;
border-top: 1px solid #333;
box-shadow: 1px 1px 0 #CCC;
display: block;
float: right;
font-weight: 400;
margin: 2px 5px;
padding: 5px;
text-align: left;
width: 350px;
}
.linkPrf:hover {
border-color: #d6d6d6;
color: #d6d6d6;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #d6d6d6;
border: 1px solid #d6d6d6;
border-radius: 0 0 4px 4px;
border-top: none;
bottom: -14px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #d6d6d6;
float: left;
height: 14px;
left: 9.6em;
margin: 2px;
padding: 5px;
position: relative;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf a {
color: #d6d6d6!important;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}

az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}

a[href="http://www.brasilplaycity.com.br/g1-owners"] {
background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat;
padding-left: 15px;
padding-top: 1px;
}

#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #d6d6d6; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #d6d6d6; -webkit-box-shadow: 2px 2px 0px #d6d6d6}
/*---------------------------- Efeito foto -----------------------------------*/
div.postprofile dl dt img{
    margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; 
}
-Barra
#raid
{
 display:inline;
 color #d6d6d6;
}
#raid
{
 display:inline;
 color:#d6d6d6;
}
#raid a:hover
{
 display:inline;
 color:#d6d6d6;
}
#topotopo2
{
 position:fixed;
 right: 12px;
 top: 3px;
 color:#d6d6d6;
 font-family:"Courier New", Courier, monospace
 font-size:14px;
 font-weight:bold;
 text-shadow: black 0.15em 0.15em 0.2em;
}
#topotopo3
{
 position:fixed;
 left:0;
 top: -130px;
 color:#d6d6d6;
 font-family:"Courier New", Courier, monospace
 font-size:14px;
 font-weight:bold;
 text-shadow: black 0.15em 0.15em 0.2em;
 padding-left:10px;
}
#topotopo4
{
 position:fixed;
 left:0;
 top: 0px;
 background-color:#222;
 min-width:100%;
 height:22px;
 padding-left:10px;
 box-shadow:0px 0px 20px #fff;
/* implementação para o firefox */
-moz-box-shadow:0px 0px 20px #fff;
/* implementação para safari */
-webkit-box-shadow:0px 0px 20px, #fff;
opacity:9.9;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 50px;
height: 50px;
margin: 0 5px;
border-radius: 2px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
/*teste perfil*/
.postprofile {
border: 0px solid #eee;
text-align: center;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
}
.postprofile {
text-align: left;
}
.postprofile {
border-color: #d6d6d6;
border-right-style: solid;
border-right-width: 0px;
color: #000;
display: inline;
float: left;
margin: 10px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
/* Reputação só Positva: Mister */
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}
/*Fim da reputação */
/* Quote personalizado By Mister */
blockquote {
border-color: #000000;
background-color: #d6d6d6;
}
/* Fim do Quote Personalizado */
/* Caixa de códigos By Mister */
dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #d6d6d6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}
/* Fim Caixa de Códigos */
/*Caracteres mínimos para responder - By Mister*/
form span.tgcounter {float: right;color: #000;}
form p.tgcounter {font-size: 11px;float: left;color: #000;}
form p.tgcounter> span {color: #000;}
/*Fim Caracteres*/
/* Anti-Bugador/Botão by mister*/
   
#main-content a.cgu-buttons, .button2, .button1, button.button2, input.button1, input.button2 {
display: inline !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #d6d6d6 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border-radius: 3px;
line-height: 17px;
margin: 0px;
padding: 3px 7px;
text-align: center;
text-decoration: none;
}
fieldset.submit-buttons input {
padding-bottom: 3px;
padding-top: 3px;
vertical-align: middle;
}
/*Fim do Anti-Bugador/Botão*/
/*FECHADO Tópicos by bister*/
.grfclose{background:url(http://i.imgur.com/el3Ct.png) no-repeat 99.9% 0}
/*Fim FECHADO Tópicos*/
/* CSS Color Picker: */

                .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #d6d6d6;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }

/* Fim do Color Picker */
/* SEPARADOR DO PERFIL COM O TÓPICO */
.postprofile {
border-right: 0px dashed #d6d6d6;
border-top: 0px dashed #d6d6d6;
margin-top: 6px;
margin-right: 6px;
padding-top: 10px;
padding-left: 10px;
}
/* FIM SEPARADOR DO PERFIL COM O TÓPICO */
/*Responsáveis*/
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
/* FIM DOS RESPONSÁVEIS */
/* Cor disponibilidade usuário */ 
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
/* Fim cor disponibilidade usuário */
/*Borda nas Ultimas Mensagens by mister*/
/*.lastpost{-moz-border-radius:7px;-moz-box-shadow:0 0 8px #666;-webkit-border-radius:7px;-webkit-box-shadow:0 0 8px #666;border:2px solid #EEE;border-radius:7px;box-shadow:0 0 8px #666;margin:3px;width:auto}
.lastpost{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}*/
/*Fim das Bordas*/
/*Brilho no Nick by mister*/
/*Fim brilho no nick*/
/* Barra de Rolagem - By Mister */
/* ::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #fff; }
::-webkit-scrollbar-thumb:vertical {
height: 55px;
background: #333;
border-radius: 20px;
border: 3px groove;}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
} */
/* FIM da Barra de rolagem */
/* Inicio AVISO RESPOSTA RAPIDA */
.aviso_normas {
background: none repeat scroll 0 0 #d6d6d6;
border: 1px solid #d6d6d6;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}
/* FIM AVISO RESPOSTA RAPIDA */
/* GUIA RÁPIDO FORUM - BY MISTER */
#acc-welc {
background: url(http://i45.servimg.com/u/f45/12/05/75/97/63083010.png) no-repeat scroll left top
transparent;
color: #39c9ed;
display: block;
font-family: verdana;
font-size: 1.7em;
font-style: italic;
min-height: 40px;
padding: 5px 0 0 25px;
}
/* FIM GUIA RAPIDO */
#i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}

#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;

 
 
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Luiz em 02/04/17, 04:55 pm

Olá,

Fará uma grande mudança, mas é provisório.
Troque o overall_header por:
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>
    <!-- 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;
  <!-- 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}
  <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[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
        var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
        ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
  <h1><img src="https://illiweb.com/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>
  {LOGIN_POPUP_MSG}
  <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 -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}

  <div id="main-top">
      <div class="barraheader">
        <div class="innere">

        <div id="logo-desc">
            <header id="main-header" style="background-image: url({LOGO})">
              <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
                <li>{GENERATED_NAV_BAR}</li>
              </ul>
            </header>
        </div>

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

      <!-- BEGIN switch_ticker -->
      <div id="fa_ticker_block" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <span class="corners-top"><span></span></span>
                  <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>
              <span class="corners-bottom"><span></span></span>
            </div>
        </div>
      </div>
      <!-- END switch_ticker -->
  </div>

  <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">
Faça um backup antes de alterar!

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Menu de navegação

Mensagem por Yu le em 02/04/17, 05:33 pm

O menu de navegação foi lá pra cima.
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Luiz em 02/04/17, 05:41 pm

Olá,

Adicione este CSS:
Código:
header#main-header {
  height: 315px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: -4px;
  position: relative;
}

ul.linklist.navlinks.borderless {
  position: absolute;
  top: 15px;
  right: 15px;
}

Se o senhor quiser o menu igual ao que citou na primeira mensagem, terá que remover as imagens do menu, para que eu possa terminar os ajustes.

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Menu de navegação

Mensagem por Yu le em 02/04/17, 05:58 pm

Pronto luiz, agora prossiga.
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Luiz em 02/04/17, 06:01 pm

Ainda não vejo o texto dos menus... Pensativo

Aceda à:
Painel de Controle -> Página inicial -> Cabeçalho & Navegação.
Feito isso, procure por: "Exibir apenas as imagens no menu de navegação". Marque "Não".

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Menu de navegação

Mensagem por Yu le em 02/04/17, 06:02 pm

Pronto
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Luiz em 02/04/17, 06:11 pm

Adicione ao final de sua CSS:
Código:
a.mainmenu {
  display: inline-block;
  color: #fff!important;
  padding-right: 10px;
  font-size: 13px;
  text-transform: uppercase;
}

ul.linklist.navlinks {
  background-color: rgba(66, 66, 66, 0.78);
}

li:last-child a.mainmenu::after {content: ""!important;}

ul.linklist.navlinks {
  padding: 10px 20px;
}

a.mainmenu::after {content: "|";margin-left: 15px;font-weight: 500;margin-right: -3px;display: inline-block;}

li:last-child a.mainmenu {
  margin-right: -30px;
}

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Menu de navegação

Mensagem por Yu le em 02/04/17, 06:14 pm

Creio que não chegamos aonde queremos ainda.
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Luiz em 02/04/17, 06:18 pm

Isso está muito pouco específico.
Diga o ponto em que quer que chegamos para que eu possa ajustar. Feliz

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Menu de navegação

Mensagem por Yu le em 02/04/17, 06:20 pm

Luiz, peço que veja meu fórum, e o print do menu, como eu quero que fique.
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Luiz em 02/04/17, 06:23 pm

Olá,

Eu já fiz isso. Triste
Peço que seja mais específico. Para mim está igual. Quais mudanças o senhor deseja?
Me desculpe se me expressei mal. Envergonhado

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Menu de navegação

Mensagem por Yu le em 02/04/17, 06:31 pm

Relaxa luiz, vamos lá.

O menu teria que somente ter aquelas três opções ali igual na print, e também alinhar ele ali no meio, e por tipo uma imagem temporária até que eu faça um designer parecido com a print, entendeu?
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Luiz em 02/04/17, 06:38 pm

Olá,

Fazendo igual ao fórum que o senhor indicou:
Código:
header#main-header {
  height: 88px!important;
}

header#main-header::before {
  content: url(http://placehold.it/300x60);
  position: absolute;
  left: 30px;
  top: 15px;
}

Altere
http://placehold.it/300x60
para uma imagem à teu gosto, depois.

Quanto à retirar os menus, use o código:
Código:
a.mainmenu[href="/faq"] {display: none!important;}
E fazer isso para cada um deles.

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Menu de navegação

Mensagem por Yu le em 02/04/17, 06:46 pm

Ainda não resulta
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Yu le em 02/04/17, 06:48 pm

Luiz, se estiver complicado, peço que retorne ao que estava, e queria o menu de navegação com aqueles detalhes mesmo, só que com o menu abaixo do banner e centralizado por favor, desde já agradeço (y)
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

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

Resolvido Re: Menu de navegação

Mensagem por Luiz em 03/04/17, 01:40 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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

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