ArtigosTamanho do topo da página
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Tamanho do topo da página
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- ***
- Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257 -
Re: Tamanho do topo da página
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
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- Super Membro
- Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191 -
Re: Tamanho do topo da página
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&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&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- ***
- Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257 -
Re: Tamanho do topo da página
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- Super Membro
- Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191 -
Re: Tamanho do topo da página
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- ***
- Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257 -
Vete- ***
- Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257 -
Re: Tamanho do topo da página
por Roevs 26.07.20 22:37
Olá,
Adiciona esse código na sua Folha de estilo CSS
Altere o valor de width até fica da forma que deseja e confira se é isso que deseja
Até mais!
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- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Tamanho do topo da página
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.
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- ***
- Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257 -
Re: Tamanho do topo da página
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.
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:
Atenciosamente,
Chagas
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- Membro
- Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102 -
Re: Tamanho do topo da página
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- ***
- Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257 -
Re: Tamanho do topo da página
por Chagas 27.07.20 19:44
Saudações,
A remoção ocorreu devido ao código teste que lhe passei:
Remova isso e as imagens voltarão ao seu estado normal e vê se isso resolve sua questão.
Atenciosamente,
Chagas
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- Membro
- Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102 -
Re: Tamanho do topo da página
por Vete 27.07.20 19:51
Perfeito Chagas,
agora quando eu colocar um banner ele irá ajustar o topo da página ?
agora quando eu colocar um banner ele irá ajustar o topo da página ?
Vete- ***
- Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257 -
Re: Tamanho do topo da página
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:
e exclua esse trecho.
Em seguida, na sua folha de estilo, localize:
e substitua por:
Por fim, ainda na folha de estilo, localize:
e substitua por:
Isso resolve sua questão?
Chanp
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
Chanp- Super Membro
- Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191 -
Re: Tamanho do topo da página
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
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&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&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- ***
- Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257 -
Re: Tamanho do topo da página
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
Esta questão está resolvida?
Chanp
Chanp- Super Membro
- Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191 -
Re: Tamanho do topo da página
por Vete 28.07.20 18:53
Está sim, muito obrigadoChanp 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
Vete- ***
- Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257 -
Re: Tamanho do topo da página
por Chanp 28.07.20 20:13
Tópico resolvidoMovido para "Questões resolvidas". |
Chanp- Super Membro
- Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191 -
Tópicos semelhantes» Alterar tamanho da imagem de topo
» Personalizar topo da página
» Slide no topo da página
» Botão de fim e topo da página
» Botão de fim e topo da página
» Personalizar topo da página
» Slide no topo da página
» Botão de fim e topo da página
» Botão de fim e topo da página
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos