Tamanho do topo da página

4 participantes

Ir para baixo

Tópico resolvido Tamanho do topo da página

Mensagem por Vete 24.07.20 23:51

Detalhes da questão


Endereço do fórum: https://soa-nwdgames.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá meus amigos, boa noite a todos.

Eu gostaria de ajustar o tamanho do meu banner, atualmente ele ocupa uma área muito grande do meu fórum.

Gostaria de deixar ele nas dimensões 1440x250

Obrigado pessoal
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Chanp 25.07.20 4:22

Olá @Vete,

Não consegui entender muito bem a sua questão, mas acredito que você esteja falando de redimensionar a imagem. Se for isso, você deve criar um novo tópico na Seção de Criações Gráficas.

Se não for isso, explique com outras palavras, por favor.

Chanp
Chanp
Chanp
Super Membro

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

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Vete 25.07.20 4:34

Chanp escreveu:Olá @Vete,

Não consegui entender muito bem a sua questão, mas acredito que você esteja falando de redimensionar a imagem. Se for isso, você deve criar um novo tópico na Seção de Criações Gráficas.

Se não for isso, explique com outras palavras, por favor.

Chanp

Desculpe Chanp, não fui muito claro na questão.

É que o banner ocupa uma área muito grande do topo do fórum, gostaria de diminui mais ou menos nessas dimensões que passei, deixar a região assim:

https://i.imgur.com/nelR290.png

Obrigado Chanp.

Edit1:
Desculpe, acho que vai precisar da overall

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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.1.0-4/css/all.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.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;
 
            $(document).ready( function() {
                $(window).resize(function() {
                    var windowWidth = document.documentElement.clientWidth;
                    var popupWidth = $("#login_popup").width();
                    var mypopup = $("#login_popup");
 
                    $("#login_popup").css({
                        "left": windowWidth/2 - popupWidth/2
                    });
                });
            });
      <!-- END switch_login_popup -->
      //]]>
  </script>
 
  {GREETING_POPUP}
 
  <style type="text/css">
      #page-footer, div.navbar, div.navbar ul.linklist {
        display: block !important;
      }
 
      ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
        display: inline !important;
      }
 
      <!-- BEGIN switch_ticker_new -->
      .jcarousel-skin-tango .jcarousel-item {
        text-align:center;
        width: 10px;
      }
 
      .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-right: {switch_ticker.SPACING}px;
      }
 
      .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
      }
      <!-- END switch_ticker_new -->
  </style>
 
  {HOSTING_JS}
 
  <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
        //<![CDATA[
                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
                ga('create', '{G_ANALYTICS_ID}', 'auto');
                <!-- BEGIN google_analytics_code_bis -->
                ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
                <!-- END google_analytics_code_bis -->
                ga('send', 'pageview');
                <!-- BEGIN google_analytics_code_bis -->
                ga('bis.send', 'pageview');
                <!-- END google_analytics_code_bis -->
              ga('set', 'anonymizeIp', true);
            <!-- BEGIN google_analytics_code_bis -->
            ga('bis.set', 'anonymizeIp', true);
            <!-- END google_analytics_code_bis -->
            //]]>
      </script>
  <!-- END google_analytics_code -->
 
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
  <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
</head>
 
<body id="modernbb">
  <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
        <h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
              {hitskin_preview.L_THEME_SITE_PREVIEW}
              <br />
              <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
 
        </div>
      </div>
  <!-- END hitskin_preview -->
 
  <!-- BEGIN switch_login_popup -->
      <div id="login_popup" style="z-index: 10000 !important;">
        <div class="h3">{SITENAME}</div>
            <div id="login_popup_message">
                {LOGIN_POPUP_MSG}
            </div>
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button1" value="{L_LOGIN}" />
              <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  <!-- END switch_login_popup -->
 
  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}
 
  <div id="page-header">
      <div class="headerbar">
        <div id="headerbar-top">
            <div class="wrap">
              <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 
 
            </div>
        </div>
 
        <div class="wrap">
            <div id="site-desc">
              <!-- 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>
<div class="socialmedia">
    <a href="https://facebook.com/nwdgames" target="_blank" class="social facebook">
        <i class="fab fa-facebook-f"></i>
    </a>
    <a href="https://encurtador.com.br/adrGW" target="_blank" class="social whatsapp">
        <i class="fab fa-whatsapp"></i>
    </a>
    <a href="https://instagram.com/nwd_games/" target="_blank" class="social instagram">
        <i class="fab fa-instagram"></i>
    </a>
    <a href="https://discord.gg/eN6eKTY" target="_blank" class="social discord">
        <i class="fab fa-discord"></i>
    </a>
    <a href="samp://rpg.nwdgames.com.br:7778" target="_blank" class="social server">
        <i class="fa fa-gamepad"></i>
    </a>
</div>
<audio class="stream" src="https://stream.open.fm/32" autoplay controls></audio>
        </div>
      </div>
 
      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <div id="fa_ticker_container">
                  <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                    <!-- BEGIN ticker_row -->
                    <li>{switch_ticker.ticker_row.ELEMENT}</li>
                    <!-- END ticker_row -->
                  </ul>
              </div>
            </div>
        </div>
      </div>
      <!-- END switch_ticker_new -->
  </div>
 
  <div class="conteneur_minwidth_IE">
  <div class="conteneur_layout_IE">
  <div class="conteneur_container_IE">
 
<!-- BEGIN switch_user_logged_out -->
<div class="topBar">
<div id="user_navigation" class="logged_in"><ul class="ipsList_inline right"><div class="register"><li><a href="/register"><i class="fa fa-plus-square" style="margin-right: 5px;" aria-hidden="true"></i> CRIAR CONTA</a></li></div>
<div class="login"> <li><a href="/login"><i class="fa fa-user-circle" style="margin-right: 5px;" aria-hidden="true"></i> ENTRAR</a></li></div></ul></div>
</div>
 
<ul class="navbar navlinks">
<div class="dropdown"><a href="#"><i class="fa fa-bars" style="margin: 2px 5px auto;"></i>  NAVEGAÇÃO</a>
<div class="dropdown-content">
<a href="/forum"><i class="fa fa-list" style="margin: 2px 5px auto;"></i>  FÓRUM</a>
<a href="/portal"><i class="fa fa-book" style="margin: 2px 5px auto;"></i>  PORTAL</a>
<a href="/memberlist"><i class="fa fa-users" style="margin: 2px 5px auto;"></i>  MEMBROS</a></div>
</div></ul>
<!-- END switch_user_logged_out -->
 
          <!-- BEGIN switch_user_logged_in -->
 
<div class="topBar"><div class="perfil"><div class="dropdown"> <a href="#">     
<script>document.write(_userdata.avatar);document.write(_userdata.username);$(function() {var avataruser = _userdata.avatar;var username = _userdata.username;var userId  = _userdata.user_id;$('#user_id_menu').attr('href', '/u' + userId);$('#posts_id_menu').attr('href', '/spa/' + username);$('#topicos_id_menu').attr('href', '/search?search_topics=' + username);$('#user_id_footer').attr('href', '/u' + userId);});</script>{USERNAME}<style>.perfil img {border-radius: 60px;height: 25px;margin: -2px 10px 0 0;object-fit: cover;vertical-align: middle;width: 25px;}</style>
</a><div class="dropdown-content"><a id="user_id_menu" href="/u"><i class="fa fa-user-circle" style="margin: 2px 5px auto;"></i> VER PERFIL</a><a href="/profile?mode=editprofile"><i class="fa fa-user" style="margin: 2px 5px auto;"></i> EDITAR PERFIL</a><a href="/profile?mode=editprofile&amp;page_profil=avatars"><i class="fa fa-picture-o" style="margin: 2px 5px auto;"></i> EDITAR AVATAR</a><a id="posts_id_menu" href="/spa/coldTeus"><i class="ion-android-chat" style="margin: 2px 5px auto;"></i> MEUS POSTS</a><a id="topicos_id_menu" href="/search?search_topics=coldTeus"><i class="ion-android-list" style="margin: 2px 5px auto;"></i> MEUS TÓPICOS</a></div></div></div> <div class="mensp"><li><a href="/privmsg?folder=inbox" title="Mensagens Privadas"><i class="fa fa-envelope-o" style="padding: 18px 0;"></i></a></li></div><div class="sair"><li><a href="/login?logout=1" title="Deslogar do fórum"><i class="fa fa-sign-out" style="padding: 18px 0;"></i></a></li></div>          </div>
 
<ul class="navbar navlinks">
<div class="dropdown"><a href="#"><i class="fa fa-bars" style="margin: 2px 5px auto;"></i>  NAVEGAÇÃO</a>
<div class="dropdown-content">
<a href="/forum"><i class="fa fa-list" style="margin: 2px 5px auto;"></i>  FÓRUM</a>
<a href="/portal"><i class="fa fa-book" style="margin: 2px 5px auto;"></i>  PORTAL</a>
<a href="/memberlist"><i class="fa fa-users" style="margin: 2px 5px auto;"></i>  MEMBROS</a></div>
</div></ul>
 <!-- END switch_user_logged_in -->
 
  <div id="wrap">
      <div id="page-body">
 
        <!-- BEGIN switch_ticker -->
        <div id="fa_ticker_block" style="margin-top:4px;">
            <div class="module">
              <div class="inner">
                  <div id="fa_ticker_container">
                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                          <!-- BEGIN ticker_row -->
                          <div>{switch_ticker.ticker_row.ELEMENT}</div>
                          <!-- END ticker_row -->
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
        <!-- END switch_ticker -->
 
        <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
            <div id="outer-wrapper">
              <div id="wrapper">
                  <div id="{ID_LEFT}">
                    <!-- BEGIN giefmod_index1 -->
                        {giefmod_index1.MODVAR}
                        <!-- BEGIN saut -->
                          <div style="height:{SPACE_ROW}px"></div>
                        <!-- END saut -->
                    <!-- END giefmod_index1 -->
                  </div>
 
                  <div id="container">
                    <div id="content-main">
                        <div id="main">
                          <div id="main-content">
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Chanp 25.07.20 4:40

Na verdade, precisarei apenas da folha de estilo. Alguns códigos necessitam ser removidos e tudo pode ser feito com CSS.

Acredito que lhe darei uma resposta apenas pela manhã.
Chanp
Chanp
Super Membro

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

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Vete 25.07.20 5:48

Chanp escreveu:Na verdade, precisarei apenas da folha de estilo. Alguns códigos necessitam ser removidos e tudo pode ser feito com CSS.

Acredito que lhe darei uma resposta apenas pela manhã.


Claro Chanp, sem problemas.

Aqui está:

Código:
.sub-header-info {
    width: 100%;
    text-align: center;
    background-color: #000000;
    padding: 9px;
}
h1.page-title a {
    color: white!important;
}

.forabg.hidden {
    background-color: red!important;
    background-image: none!important;
    background-weight: bold!important;
}

.forumtitle {
    font-weight: bold!important;
}

.sceditor-container iframe, .sceditor-container textarea {
    background: url(https://i.imgur.com/vmfz6q6.png) no-repeat 50% 50% transparent!important;
}

.statistics, #page-footer {
    background-color: rgba(0,0,0,0.2);
    color: #FF0000;
}


[id^="p"].online .postprofile[id^="profile"]:not(#profile0):before {
    background-color: #54962f;
    content: 'Online';
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
[id^="p"] .postprofile[id^="profile"]:not(#profile0):before {
    background-color: #e6e6e6;
    color: black;
    content: 'Offline';
    display: block;
    padding: 3px 6px;
    margin: -10px auto 10px auto;
    border-radius: 2px;
    width: max-content;
    font-weight: 500;
}

.socialmedia {
    position: absolute;
    top: 80%;
    right: 6%;
}
.socialmedia .social {
    box-shadow: inset 0 3px rgba(255,255,255,0.15), inset 0 -3px rgba(0,0,0,0.15), 0 3px rgba(0,0,0,0.1);
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    margin-top: 0px;
    text-align: center;
    color: #FFF;
    text-shadow: 0 4px rgba(0,0,0,0.2);
    font-size: 18px;
    float: left;
    padding: 5%;
    margin-right: 10px;
}
.social.facebook {
    background: linear-gradient(to bottom, #50719c, #375073);
}
.social.whatsapp {
    background: linear-gradient(to bottom, #34af23, #227317);
}
.social.instagram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    text-shadow: none;
}
.social.discord {
    background: linear-gradient(to bottom, #7289da, #869adf);
}
.social.server {
    background: linear-gradient(to bottom, #830103, #500000);
}
.fa.fa-gamepad {
    margin-left: -4px!important;
}
.socialmedia .social i {
    margin-top: -3px;
    margin-left: -1px;
}



.stream {
    margin-left: 75%;
    margin-top: 5%;
}
.block-footer {
  text-align: center;
}

::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb {
  background: #888;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
::-webkit-scrollbar-button {
    background: black;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
}
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #000000;
}
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

#LEGENDA
.block-groups { font-size: 0!important; text-align: center; }
 
.block-groups b { font-size: 12px!important; }
 
.block-groups b:not(:last-child) { padding-right: 1em; }

.block-footer.block-groups {
    font-size: 0;
}


.forabg {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #6E6B6B;
}
 
.postprofile {
    text-align: center;
}
div.postprofile dl dt img {
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all .5s ease-out;
    border: 5px solid #eee;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    margin-left: 3px;
}
.postprofile-avatar:hover {
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
}
.postprofile-avatar {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease;
}
 
###LEGENDA
        .block-footer a[href^="/g"] {
  transition: .3s;
}
 
.block-footer a[href^="/g"]:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
 
###brilho
 
a[href^="/g1"],
a[href^="/u"] span[style$="#FF0000"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
text-shadow: 2px 0px 11px red;
}
a[href^="/g2"],
a[href^="/u"] span[style$="#FF0000"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
text-shadow: 2px 0px 11px red;
}
a[href^="/g3"],
a[href^="/u"] span[style$="#00FF00"] {
background: url(https://i.imgur.com/FgKNYTV.gif);
text-shadow: 2px 0px 11px green;
}

.postprofile {
    background: #f8f8f8;
    border-color: rgba(0,0,0,0.18);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    margin-right: 1% !important;
    max-width: 200px !important;
    text-align: center;
}
.postprofile img {
        max-width: 100%;
        border-radius: 0!important;
}
.post-head {
        padding-right: 230px !important
}
.postprofile-avatar img {
    height: auto !important;
    max-width: 150px !important;
    width: auto !important;
    border-radius: 0% !important;
}
 
/*************** EE CONTA ************************/
.topBar {
    float: right;
    height: 50px;
    margin-right: 40px;
    max-width: 1400px;
    width: 25%;
}
.register {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
}
.topBar li {
    margin: 0!important;
}
.topBar a {
    color: #FFFFFF !important; /** cor do texto **/
    display: inline-block!important;
    font-family: 'Fira Sans Condensed', sans-serif, "Trebuchet MS", Sans-serif, Arial, Helvetica, Verdana!important;
    font-size: 13px!important;
    font-weight: 700!important;
    height: 50px!important;
    line-height: 50px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-plus-square:before {
    content: "\f0fe";
}
.login {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
    margin-right: 5px;
}
.fa-user-circle:before {
    content: "\f2bd";
}
.topBar a:hover {
    background-color: #000!important; /** cor do mouse **/
    border-radius: 0;
}
/**************************** ESTRUTURA ************************************/
.dropdown {
    display: inline-block;
    position: relative;
}
.navbar a {
    color: #FFFFFF!important; /** cor do link **/
    display: inline-block!important;
    height: 50px!important;
    line-height: 53px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.navbar a {
    border-radius: 3px;
    font-size: 1.3rem;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.navbar li {
    margin: 0!important;
}
.navbar li {
    display: inline-block;
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
#tabs:after, .navbar:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.navbar a:hover {
    background-color: #000000!important; /** cor do link quando passa o mouse **/
    border-radius: 0;
}
.navbar a:hover {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.dropdown-content {
    background-color: #2c353b; /** cor dos submenus **/
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    min-width: 160px;
    position: absolute;
    z-index: 10;
      display: none;
}
.fa-list:before {
    content: "\f03a";
}
.fa-book:before {
    content: "\f02d";
}
.fa-group:before, .fa-users:before {
    content: "\f0c0";
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content a:hover {
    background-color: #000;
}
.navbar {
    background: #000!important; /** cor da barra de navegação **/
    background-position: center center;
    height: 50px;
    line-height: 38px;
    margin: 0 auto;
    width: 95%;
    z-index: 999;
}
.fa-user:before {
    content: "\f007";
}
.fa-envelope-o:before {
    content: "\f003";
}
.mensp {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.sair {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.fa-sign-out:before {
    content: "\f08b";
}
.perfil {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.dropdown {
    float: left!important;
}
.navbar {
    border-radius: 5px 5px 5px 5px!important;
}
 
/# PERFFIL
 
 
div#page-header {
    margin-top: 70px;
}
 
div#page-header {
    margin-top: 70px;
}
 
 
div#page-header {
    margin-top: 70px;
}
.headerbar {
    background-color: black;
    background-image: url(https://i.imgur.com/tk1awW3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain!important;
    height: 271px!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative!important;
}
 
#header-banner {
    height: 220px;
    width: 100%;
}
 
.block-footer a.gensmall[href^="/g"] {
  border-bottom: 6px solid transparent;
  transition: border-color 0.6s linear;
}
 
.block-footer a.gensmall[href^="/g"]:hover {
  border-color: currentColor;
}
 
.block-footer#legend {
  background: darkgrey;
}
 
 
#AVATAR
 
.lastpost-avatar img {
    height: 50px;
    width: 50px;
    margin-top: -7px;
}

Obrigado.


Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Vete 26.07.20 19:39

Up 24 horas
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Roevs 26.07.20 22:37

Olá,

Adiciona esse código na sua Folha de estilo CSS

Código:
.headerbar {
    width: 1044px!important;
    margin: 0 auto!important;
}

Altere o valor de width até fica da forma que deseja e confira se é isso que deseja

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Vete 27.07.20 1:20

Olá amigo Roevs, acho que fui meio confuso em minha dúvida, deixa eu explicar melhor.
Quero deixar a área do banner com mais ou menos essas dimensões, para que ocupe menos espaço:

https://i.imgur.com/fyFNGLr.png

Retirando os espaços extras do meu fórum.

Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Chagas 27.07.20 14:30

Saudações,

Na verdade, o topo da página tem suas dimensões bem definidas, o que ocorre é que você tem uma imagem definida na classe body, o que define um fundo preto cinzelado.

Se você trocar sua folha do código por este código abaixo, perceberá que você tem exclusivamente um topo com dimensões pedidas, acontece que por conta das cores semelhantes, pareceu que ao ver que estão juntas, mas é ao contraio.

Código:
.sub-header-info {
    width: 100%;
    text-align: center;
    background-color: #000000;
    padding: 9px;
}
h1.page-title a {
    color: white!important;
}
 
.forabg.hidden {
    background-color: red!important;
    background-image: none!important;
    background-weight: bold!important;
}
 
.forumtitle {
    font-weight: bold!important;
}
 
.sceditor-container iframe, .sceditor-container textarea {
    background: url(https://i.imgur.com/vmfz6q6.png) no-repeat 50% 50% transparent!important;
}
 
.statistics, #page-footer {
    background-color: rgba(0,0,0,0.2);
    color: #FF0000;
}
 
 
[id^="p"].online .postprofile[id^="profile"]:not(#profile0):before {
    background-color: #54962f;
    content: 'Online';
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
[id^="p"] .postprofile[id^="profile"]:not(#profile0):before {
    background-color: #e6e6e6;
    color: black;
    content: 'Offline';
    display: block;
    padding: 3px 6px;
    margin: -10px auto 10px auto;
    border-radius: 2px;
    width: max-content;
    font-weight: 500;
}
 
.socialmedia {
    position: absolute;
    top: 80%;
    right: 6%;
}
.socialmedia .social {
    box-shadow: inset 0 3px rgba(255,255,255,0.15), inset 0 -3px rgba(0,0,0,0.15), 0 3px rgba(0,0,0,0.1);
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    margin-top: 0px;
    text-align: center;
    color: #FFF;
    text-shadow: 0 4px rgba(0,0,0,0.2);
    font-size: 18px;
    float: left;
    padding: 5%;
    margin-right: 10px;
}
.social.facebook {
    background: linear-gradient(to bottom, #50719c, #375073);
}
.social.whatsapp {
    background: linear-gradient(to bottom, #34af23, #227317);
}
.social.instagram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    text-shadow: none;
}
.social.discord {
    background: linear-gradient(to bottom, #7289da, #869adf);
}
.social.server {
    background: linear-gradient(to bottom, #830103, #500000);
}
.fa.fa-gamepad {
    margin-left: -4px!important;
}
.socialmedia .social i {
    margin-top: -3px;
    margin-left: -1px;
}
 
 
 
.stream {
    margin-left: 75%;
    margin-top: 5%;
}
.block-footer {
  text-align: center;
}
 
::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb {
  background: #888;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
::-webkit-scrollbar-button {
    background: black;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
}
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #000000;
}
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
 
#LEGENDA
.block-groups { font-size: 0!important; text-align: center; }
 
.block-groups b { font-size: 12px!important; }
 
.block-groups b:not(:last-child) { padding-right: 1em; }
 
.block-footer.block-groups {
    font-size: 0;
}
 
 
.forabg {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #6E6B6B;
}
 
.postprofile {
    text-align: center;
}
div.postprofile dl dt img {
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all .5s ease-out;
    border: 5px solid #eee;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    margin-left: 3px;
}
.postprofile-avatar:hover {
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
}
.postprofile-avatar {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease;
}
 
###LEGENDA
        .block-footer a[href^="/g"] {
  transition: .3s;
}
 
.block-footer a[href^="/g"]:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
 
###brilho
 
a[href^="/g1"],
a[href^="/u"] span[style$="#FF0000"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
text-shadow: 2px 0px 11px red;
}
a[href^="/g2"],
a[href^="/u"] span[style$="#FF0000"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
text-shadow: 2px 0px 11px red;
}
a[href^="/g3"],
a[href^="/u"] span[style$="#00FF00"] {
background: url(https://i.imgur.com/FgKNYTV.gif);
text-shadow: 2px 0px 11px green;
}
 
.postprofile {
    background: #f8f8f8;
    border-color: rgba(0,0,0,0.18);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    margin-right: 1% !important;
    max-width: 200px !important;
    text-align: center;
}
.postprofile img {
        max-width: 100%;
        border-radius: 0!important;
}
.post-head {
        padding-right: 230px !important
}
.postprofile-avatar img {
    height: auto !important;
    max-width: 150px !important;
    width: auto !important;
    border-radius: 0% !important;
}
 
/*************** EE CONTA ************************/
.topBar {
    float: right;
    height: 50px;
    margin-right: 40px;
    max-width: 1400px;
    width: 25%;
}
.register {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
}
.topBar li {
    margin: 0!important;
}
.topBar a {
    color: #FFFFFF !important; /** cor do texto **/
    display: inline-block!important;
    font-family: 'Fira Sans Condensed', sans-serif, "Trebuchet MS", Sans-serif, Arial, Helvetica, Verdana!important;
    font-size: 13px!important;
    font-weight: 700!important;
    height: 50px!important;
    line-height: 50px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-plus-square:before {
    content: "\f0fe";
}
.login {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
    margin-right: 5px;
}
.fa-user-circle:before {
    content: "\f2bd";
}
.topBar a:hover {
    background-color: #000!important; /** cor do mouse **/
    border-radius: 0;
}
/**************************** ESTRUTURA ************************************/
.dropdown {
    display: inline-block;
    position: relative;
}
.navbar a {
    color: #FFFFFF!important; /** cor do link **/
    display: inline-block!important;
    height: 50px!important;
    line-height: 53px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.navbar a {
    border-radius: 3px;
    font-size: 1.3rem;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.navbar li {
    margin: 0!important;
}
.navbar li {
    display: inline-block;
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
#tabs:after, .navbar:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.navbar a:hover {
    background-color: #000000!important; /** cor do link quando passa o mouse **/
    border-radius: 0;
}
.navbar a:hover {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.dropdown-content {
    background-color: #2c353b; /** cor dos submenus **/
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    min-width: 160px;
    position: absolute;
    z-index: 10;
      display: none;
}
.fa-list:before {
    content: "\f03a";
}
.fa-book:before {
    content: "\f02d";
}
.fa-group:before, .fa-users:before {
    content: "\f0c0";
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content a:hover {
    background-color: #000;
}
.navbar {
    background: #000!important; /** cor da barra de navegação **/
    background-position: center center;
    height: 50px;
    line-height: 38px;
    margin: 0 auto;
    width: 95%;
    z-index: 999;
}
.fa-user:before {
    content: "\f007";
}
.fa-envelope-o:before {
    content: "\f003";
}
.mensp {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.sair {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.fa-sign-out:before {
    content: "\f08b";
}
.perfil {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.dropdown {
    float: left!important;
}
.navbar {
    border-radius: 5px 5px 5px 5px!important;
}
 
/# PERFFIL

.headerbar {
    background-color: black;
    background-image: url(https://i.imgur.com/tk1awW3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain!important;
    height: 271px!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative!important;
}
 
#header-banner {
    height: 220px;
    width: 100%;
}
 
.block-footer a.gensmall[href^="/g"] {
  border-bottom: 6px solid transparent;
  transition: border-color 0.6s linear;
}
 
.block-footer a.gensmall[href^="/g"]:hover {
  border-color: currentColor;
}
 
.block-footer#legend {
  background: darkgrey;
}

#AVATAR
 
.lastpost-avatar img {
    height: 50px;
    width: 50px;
    margin-top: -7px;
}

Ressaltando que havia códigos que fizesse o topo ficar desajustado na questão de top de cima para baixo, oque deixou essa visão. Depois de feita as alterações, coloque esse código só de teste para ver que você tem um topo corretamente:

Código:
body, html {
    background-image: none!important;
}

Atenciosamente,
Chagas
Chagas
Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Vete 27.07.20 17:44

Chagas escreveu:Saudações,

Na verdade, o topo da página tem suas dimensões bem definidas, o que ocorre é que você tem uma imagem definida  na classe body, o que define um fundo preto cinzelado.

Se você trocar sua folha do código por este código abaixo, perceberá que você tem exclusivamente um topo com dimensões pedidas, acontece que por conta das cores semelhantes, pareceu que ao ver que estão juntas, mas é ao contraio.

Código:
.sub-header-info {
    width: 100%;
    text-align: center;
    background-color: #000000;
    padding: 9px;
}
h1.page-title a {
    color: white!important;
}
 
.forabg.hidden {
    background-color: red!important;
    background-image: none!important;
    background-weight: bold!important;
}
 
.forumtitle {
    font-weight: bold!important;
}
 
.sceditor-container iframe, .sceditor-container textarea {
    background: url(https://i.imgur.com/vmfz6q6.png) no-repeat 50% 50% transparent!important;
}
 
.statistics, #page-footer {
    background-color: rgba(0,0,0,0.2);
    color: #FF0000;
}
 
 
[id^="p"].online .postprofile[id^="profile"]:not(#profile0):before {
    background-color: #54962f;
    content: 'Online';
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
[id^="p"] .postprofile[id^="profile"]:not(#profile0):before {
    background-color: #e6e6e6;
    color: black;
    content: 'Offline';
    display: block;
    padding: 3px 6px;
    margin: -10px auto 10px auto;
    border-radius: 2px;
    width: max-content;
    font-weight: 500;
}
 
.socialmedia {
    position: absolute;
    top: 80%;
    right: 6%;
}
.socialmedia .social {
    box-shadow: inset 0 3px rgba(255,255,255,0.15), inset 0 -3px rgba(0,0,0,0.15), 0 3px rgba(0,0,0,0.1);
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    margin-top: 0px;
    text-align: center;
    color: #FFF;
    text-shadow: 0 4px rgba(0,0,0,0.2);
    font-size: 18px;
    float: left;
    padding: 5%;
    margin-right: 10px;
}
.social.facebook {
    background: linear-gradient(to bottom, #50719c, #375073);
}
.social.whatsapp {
    background: linear-gradient(to bottom, #34af23, #227317);
}
.social.instagram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    text-shadow: none;
}
.social.discord {
    background: linear-gradient(to bottom, #7289da, #869adf);
}
.social.server {
    background: linear-gradient(to bottom, #830103, #500000);
}
.fa.fa-gamepad {
    margin-left: -4px!important;
}
.socialmedia .social i {
    margin-top: -3px;
    margin-left: -1px;
}
 
 
 
.stream {
    margin-left: 75%;
    margin-top: 5%;
}
.block-footer {
  text-align: center;
}
 
::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb {
  background: #888;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
::-webkit-scrollbar-button {
    background: black;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
}
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #000000;
}
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
 
#LEGENDA
.block-groups { font-size: 0!important; text-align: center; }
 
.block-groups b { font-size: 12px!important; }
 
.block-groups b:not(:last-child) { padding-right: 1em; }
 
.block-footer.block-groups {
    font-size: 0;
}
 
 
.forabg {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #6E6B6B;
}
 
.postprofile {
    text-align: center;
}
div.postprofile dl dt img {
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all .5s ease-out;
    border: 5px solid #eee;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    margin-left: 3px;
}
.postprofile-avatar:hover {
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
}
.postprofile-avatar {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease;
}
 
###LEGENDA
        .block-footer a[href^="/g"] {
  transition: .3s;
}
 
.block-footer a[href^="/g"]:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
 
###brilho
 
a[href^="/g1"],
a[href^="/u"] span[style$="#FF0000"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
text-shadow: 2px 0px 11px red;
}
a[href^="/g2"],
a[href^="/u"] span[style$="#FF0000"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
text-shadow: 2px 0px 11px red;
}
a[href^="/g3"],
a[href^="/u"] span[style$="#00FF00"] {
background: url(https://i.imgur.com/FgKNYTV.gif);
text-shadow: 2px 0px 11px green;
}
 
.postprofile {
    background: #f8f8f8;
    border-color: rgba(0,0,0,0.18);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    margin-right: 1% !important;
    max-width: 200px !important;
    text-align: center;
}
.postprofile img {
        max-width: 100%;
        border-radius: 0!important;
}
.post-head {
        padding-right: 230px !important
}
.postprofile-avatar img {
    height: auto !important;
    max-width: 150px !important;
    width: auto !important;
    border-radius: 0% !important;
}
 
/*************** EE CONTA ************************/
.topBar {
    float: right;
    height: 50px;
    margin-right: 40px;
    max-width: 1400px;
    width: 25%;
}
.register {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
}
.topBar li {
    margin: 0!important;
}
.topBar a {
    color: #FFFFFF !important; /** cor do texto **/
    display: inline-block!important;
    font-family: 'Fira Sans Condensed', sans-serif, "Trebuchet MS", Sans-serif, Arial, Helvetica, Verdana!important;
    font-size: 13px!important;
    font-weight: 700!important;
    height: 50px!important;
    line-height: 50px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-plus-square:before {
    content: "\f0fe";
}
.login {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
    margin-right: 5px;
}
.fa-user-circle:before {
    content: "\f2bd";
}
.topBar a:hover {
    background-color: #000!important; /** cor do mouse **/
    border-radius: 0;
}
/**************************** ESTRUTURA ************************************/
.dropdown {
    display: inline-block;
    position: relative;
}
.navbar a {
    color: #FFFFFF!important; /** cor do link **/
    display: inline-block!important;
    height: 50px!important;
    line-height: 53px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.navbar a {
    border-radius: 3px;
    font-size: 1.3rem;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.navbar li {
    margin: 0!important;
}
.navbar li {
    display: inline-block;
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
#tabs:after, .navbar:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.navbar a:hover {
    background-color: #000000!important; /** cor do link quando passa o mouse **/
    border-radius: 0;
}
.navbar a:hover {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.dropdown-content {
    background-color: #2c353b; /** cor dos submenus **/
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    min-width: 160px;
    position: absolute;
    z-index: 10;
      display: none;
}
.fa-list:before {
    content: "\f03a";
}
.fa-book:before {
    content: "\f02d";
}
.fa-group:before, .fa-users:before {
    content: "\f0c0";
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content a:hover {
    background-color: #000;
}
.navbar {
    background: #000!important; /** cor da barra de navegação **/
    background-position: center center;
    height: 50px;
    line-height: 38px;
    margin: 0 auto;
    width: 95%;
    z-index: 999;
}
.fa-user:before {
    content: "\f007";
}
.fa-envelope-o:before {
    content: "\f003";
}
.mensp {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.sair {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.fa-sign-out:before {
    content: "\f08b";
}
.perfil {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.dropdown {
    float: left!important;
}
.navbar {
    border-radius: 5px 5px 5px 5px!important;
}
 
/# PERFFIL

.headerbar {
    background-color: black;
    background-image: url(https://i.imgur.com/tk1awW3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain!important;
    height: 271px!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative!important;
}
 
#header-banner {
    height: 220px;
    width: 100%;
}
 
.block-footer a.gensmall[href^="/g"] {
  border-bottom: 6px solid transparent;
  transition: border-color 0.6s linear;
}
 
.block-footer a.gensmall[href^="/g"]:hover {
  border-color: currentColor;
}
 
.block-footer#legend {
  background: darkgrey;
}

#AVATAR
 
.lastpost-avatar img {
    height: 50px;
    width: 50px;
    margin-top: -7px;
}

Ressaltando que havia códigos que fizesse o topo ficar desajustado na questão de top de cima para baixo, oque deixou essa visão. Depois de feita as alterações, coloque esse código só de teste para ver que você tem um topo corretamente:

Código:
body, html {
    background-image: none!important;
}

Atenciosamente,
Chagas

Olá Chagas, ao fazer os passos que me passou, ocorreu a remoção do fundo do meu fórum e também do banner do mesmo, que continua com as dimensões originais, ocupando um espaço muito grande, veja:
https://i.imgur.com/2Nn9WBg.png

Eu acredito que isso seja original da minha template, gostaria de alterar isso.
Eu quero que a área que o banner ocupe seja menor em altura.
Obrigado Chagas.
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Chagas 27.07.20 19:44

Saudações,

A remoção ocorreu devido ao código teste que lhe passei:

Código:
body, html {
    background-image: none!important;
}

Remova isso e as imagens voltarão ao seu estado normal e vê se isso resolve sua questão.

Atenciosamente,
Chagas
Chagas
Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Vete 27.07.20 19:51

Perfeito Chagas,
agora quando eu colocar um banner ele irá ajustar o topo da página ?
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Chanp 28.07.20 17:21

Olá @Vete,

Pelo que pude notar, você está aplicando o banner como um logo. Portanto, ele não está ficando ajustado.

No seu overall_header procure por:

Código:
<a href="/" id="logo">
  <img src="https://2img.net/i.imgur.com/F2RTiRY.png" alt="SOA MC">
</a>

e exclua esse trecho.

Em seguida, na sua folha de estilo, localize:

Código:
.headerbar {
    background-color: black;
    background-image: url(https://i.imgur.com/tk1awW3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain!important;
    height: 271px!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative!important;
}

e substitua por:

Código:
.headerbar {
    background-color: transparent;
    background-image: url(https://2img.net/i.imgur.com/F2RTiRY.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain!important;
    height: 180px!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative!important;
}

Por fim, ainda na folha de estilo, localize:

Código:
.navbar {
    background: #000!important; /** cor da barra de navegação **/
    background-position: center center;
    height: 50px;
    line-height: 38px;
    margin: 0 auto;
    width: 95%;
    z-index: 999;
}

e substitua por:

Código:
.navbar {
    background: #000!important; /** cor da barra de navegação **/
    background-position: center center;
    height: 50px;
    line-height: 38px;
    width: 100%;
    z-index: 999;
}

Isso resolve sua questão?
Chanp Rosa
Chanp
Chanp
Super Membro

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

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Vete 28.07.20 17:32

Chanp escreveu:Olá @Vete,

Pelo que pude notar, você está aplicando o banner como um logo. Portanto, ele não está ficando ajustado.

No seu overall_header procure por:

Código:
<a href="/" id="logo">
  <img src="https://2img.net/i.imgur.com/F2RTiRY.png" alt="SOA MC">
</a>

e exclua esse trecho.

Em seguida, na sua folha de estilo, localize:

Código:
.headerbar {
    background-color: black;
    background-image: url(https://i.imgur.com/tk1awW3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain!important;
    height: 271px!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative!important;
}

e substitua por:

Código:
.headerbar {
    background-color: transparent;
    background-image: url(https://2img.net/i.imgur.com/F2RTiRY.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain!important;
    height: 180px!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative!important;
}

Por fim, ainda na folha de estilo, localize:

Código:
.navbar {
    background: #000!important; /** cor da barra de navegação **/
    background-position: center center;
    height: 50px;
    line-height: 38px;
    margin: 0 auto;
    width: 95%;
    z-index: 999;
}

e substitua por:

Código:
.navbar {
    background: #000!important; /** cor da barra de navegação **/
    background-position: center center;
    height: 50px;
    line-height: 38px;
    width: 100%;
    z-index: 999;
}

Isso resolve sua questão?
Chanp Rosa


Chanp, desculpe a ignorância, mas não consegui achar esse trecho na minha 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>
  <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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.1.0-4/css/all.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.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;
 
            $(document).ready( function() {
                $(window).resize(function() {
                    var windowWidth = document.documentElement.clientWidth;
                    var popupWidth = $("#login_popup").width();
                    var mypopup = $("#login_popup");
 
                    $("#login_popup").css({
                        "left": windowWidth/2 - popupWidth/2
                    });
                });
            });
      <!-- END switch_login_popup -->
      //]]>
  </script>
 
  {GREETING_POPUP}
 
  <style type="text/css">
      #page-footer, div.navbar, div.navbar ul.linklist {
        display: block !important;
      }
 
      ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
        display: inline !important;
      }
 
      <!-- BEGIN switch_ticker_new -->
      .jcarousel-skin-tango .jcarousel-item {
        text-align:center;
        width: 10px;
      }
 
      .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-right: {switch_ticker.SPACING}px;
      }
 
      .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
      }
      <!-- END switch_ticker_new -->
  </style>
 
  {HOSTING_JS}
 
  <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
        //<![CDATA[
                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
                ga('create', '{G_ANALYTICS_ID}', 'auto');
                <!-- BEGIN google_analytics_code_bis -->
                ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
                <!-- END google_analytics_code_bis -->
                ga('send', 'pageview');
                <!-- BEGIN google_analytics_code_bis -->
                ga('bis.send', 'pageview');
                <!-- END google_analytics_code_bis -->
              ga('set', 'anonymizeIp', true);
            <!-- BEGIN google_analytics_code_bis -->
            ga('bis.set', 'anonymizeIp', true);
            <!-- END google_analytics_code_bis -->
            //]]>
      </script>
  <!-- END google_analytics_code -->
 
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
  <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
</head>
 
<body id="modernbb">
  <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
        <h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
              {hitskin_preview.L_THEME_SITE_PREVIEW}
              <br />
              <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
 
        </div>
      </div>
  <!-- END hitskin_preview -->
 
  <!-- BEGIN switch_login_popup -->
      <div id="login_popup" style="z-index: 10000 !important;">
        <div class="h3">{SITENAME}</div>
            <div id="login_popup_message">
                {LOGIN_POPUP_MSG}
            </div>
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button1" value="{L_LOGIN}" />
              <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  <!-- END switch_login_popup -->
 
  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}
 
  <div id="page-header">
      <div class="headerbar">
        <div id="headerbar-top">
            <div class="wrap">
              <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 
 
            </div>
        </div>
 
        <div class="wrap">
            <div id="site-desc">
              <!-- 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>
<div class="socialmedia">
    <a href="https://facebook.com/nwdgames" target="_blank" class="social facebook">
        <i class="fab fa-facebook-f"></i>
    </a>
    <a href="https://encurtador.com.br/adrGW" target="_blank" class="social whatsapp">
        <i class="fab fa-whatsapp"></i>
    </a>
    <a href="https://instagram.com/nwd_games/" target="_blank" class="social instagram">
        <i class="fab fa-instagram"></i>
    </a>
    <a href="https://discord.gg/eN6eKTY" target="_blank" class="social discord">
        <i class="fab fa-discord"></i>
    </a>
    <a href="samp://rpg.nwdgames.com.br:7778" target="_blank" class="social server">
        <i class="fa fa-gamepad"></i>
    </a>
</div>
<audio class="stream" src="https://stream.open.fm/32" autoplay controls></audio>
        </div>
      </div>
 
      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <div id="fa_ticker_container">
                  <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                    <!-- BEGIN ticker_row -->
                    <li>{switch_ticker.ticker_row.ELEMENT}</li>
                    <!-- END ticker_row -->
                  </ul>
              </div>
            </div>
        </div>
      </div>
      <!-- END switch_ticker_new -->
  </div>
 
  <div class="conteneur_minwidth_IE">
  <div class="conteneur_layout_IE">
  <div class="conteneur_container_IE">
 
<!-- BEGIN switch_user_logged_out -->
<div class="topBar">
<div id="user_navigation" class="logged_in"><ul class="ipsList_inline right"><div class="register"><li><a href="/register"><i class="fa fa-plus-square" style="margin-right: 5px;" aria-hidden="true"></i> CRIAR CONTA</a></li></div>
<div class="login"> <li><a href="/login"><i class="fa fa-user-circle" style="margin-right: 5px;" aria-hidden="true"></i> ENTRAR</a></li></div></ul></div>
</div>
 
<ul class="navbar navlinks">
<div class="dropdown"><a href="#"><i class="fa fa-bars" style="margin: 2px 5px auto;"></i>  NAVEGAÇÃO</a>
<div class="dropdown-content">
<a href="/forum"><i class="fa fa-list" style="margin: 2px 5px auto;"></i>  FÓRUM</a>
<a href="/portal"><i class="fa fa-book" style="margin: 2px 5px auto;"></i>  PORTAL</a>
<a href="/memberlist"><i class="fa fa-users" style="margin: 2px 5px auto;"></i>  MEMBROS</a></div>
</div></ul>
<!-- END switch_user_logged_out -->
 
          <!-- BEGIN switch_user_logged_in -->
 
<div class="topBar"><div class="perfil"><div class="dropdown"> <a href="#">      
<script>document.write(_userdata.avatar);document.write(_userdata.username);$(function() {var avataruser = _userdata.avatar;var username = _userdata.username;var userId  = _userdata.user_id;$('#user_id_menu').attr('href', '/u' + userId);$('#posts_id_menu').attr('href', '/spa/' + username);$('#topicos_id_menu').attr('href', '/search?search_topics=' + username);$('#user_id_footer').attr('href', '/u' + userId);});</script>{USERNAME}<style>.perfil img {border-radius: 60px;height: 25px;margin: -2px 10px 0 0;object-fit: cover;vertical-align: middle;width: 25px;}</style>
</a><div class="dropdown-content"><a id="user_id_menu" href="/u"><i class="fa fa-user-circle" style="margin: 2px 5px auto;"></i> VER PERFIL</a><a href="/profile?mode=editprofile"><i class="fa fa-user" style="margin: 2px 5px auto;"></i> EDITAR PERFIL</a><a href="/profile?mode=editprofile&amp;page_profil=avatars"><i class="fa fa-picture-o" style="margin: 2px 5px auto;"></i> EDITAR AVATAR</a><a id="posts_id_menu" href="/spa/coldTeus"><i class="ion-android-chat" style="margin: 2px 5px auto;"></i> MEUS POSTS</a><a id="topicos_id_menu" href="/search?search_topics=coldTeus"><i class="ion-android-list" style="margin: 2px 5px auto;"></i> MEUS TÓPICOS</a></div></div></div> <div class="mensp"><li><a href="/privmsg?folder=inbox" title="Mensagens Privadas"><i class="fa fa-envelope-o" style="padding: 18px 0;"></i></a></li></div><div class="sair"><li><a href="/login?logout=1" title="Deslogar do fórum"><i class="fa fa-sign-out" style="padding: 18px 0;"></i></a></li></div>          </div>
 
<ul class="navbar navlinks">
<div class="dropdown"><a href="#"><i class="fa fa-bars" style="margin: 2px 5px auto;"></i>  NAVEGAÇÃO</a>
<div class="dropdown-content">
<a href="/forum"><i class="fa fa-list" style="margin: 2px 5px auto;"></i>  FÓRUM</a>
<a href="/portal"><i class="fa fa-book" style="margin: 2px 5px auto;"></i>  PORTAL</a>
<a href="/memberlist"><i class="fa fa-users" style="margin: 2px 5px auto;"></i>  MEMBROS</a></div>
</div></ul>
 <!-- END switch_user_logged_in -->
 
  <div id="wrap">
      <div id="page-body">
 
        <!-- BEGIN switch_ticker -->
        <div id="fa_ticker_block" style="margin-top:4px;">
            <div class="module">
              <div class="inner">
                  <div id="fa_ticker_container">
                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                          <!-- BEGIN ticker_row -->
                          <div>{switch_ticker.ticker_row.ELEMENT}</div>
                          <!-- END ticker_row -->
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
        <!-- END switch_ticker -->
 
        <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
            <div id="outer-wrapper">
              <div id="wrapper">
                  <div id="{ID_LEFT}">
                    <!-- BEGIN giefmod_index1 -->
                        {giefmod_index1.MODVAR}
                        <!-- BEGIN saut -->
                          <div style="height:{SPACE_ROW}px"></div>
                        <!-- END saut -->
                    <!-- END giefmod_index1 -->
                  </div>
 
                  <div id="container">
                    <div id="content-main">
                        <div id="main">
                          <div id="main-content">

Em que local está exatamente ?

Obrigado

Edit1
Não foi bem desse jeito, mas consegui resolver rsrs

Chanp, você consegue perceber algum código que está dando conflito em minha folha css?
Pois sempre que adiciono um novo código, ele só surge efeito se eu colocar nas primeiras linhas :/
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Chanp 28.07.20 18:51

Se isso acontece, certamente é porque já existe uma propriedade aplicada naquela classe. O CSS dá preferência para o código que está no topo da folha. Portanto, sem dúvidas, há algum conflito na sua folha de estilo. No entanto, é necessário que você abra uma nova questão para que eu possa analisá-la.

Esta questão está resolvida?
Chanp
Chanp
Chanp
Super Membro

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

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Vete 28.07.20 18:53

Chanp escreveu:Se isso acontece, certamente é porque já existe uma propriedade aplicada naquela classe. O CSS dá preferência para o código que está no topo da folha. Portanto, sem dúvidas, há algum conflito na sua folha de estilo. No entanto, é necessário que você abra uma nova questão para que eu possa analisá-la.

Esta questão está resolvida?
Chanp
Está sim, muito obrigado
Vete
Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tamanho do topo da página

Mensagem por Chanp 28.07.20 20:13

Tópico resolvido


Movido para "Questões resolvidas".
Chanp
Chanp
Super Membro

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

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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