Personalização do overall_header

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

Atendido / Resolvido Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 04:17 am

Detalhes da questão


Endereço do fórum: http://dsrhb.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá, sou o Nicolas. Queria saber como: Como eu deixo a minha barra de rolamento e menu assim?

avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 04:26 am

Vi este menu em: http://www.policiarcc.com/forum
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Roger123 em 02/01/19, 08:22 am

Olá,

Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:


Atenção!



Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.

Uso de formatação de texto



Informamos que a formatação excessiva não é permitida no Fórum dos Fóruns. Isto é, o uso do riscado, o uso de alinhamentos, a alteração do texto, cor ou tamanho da fonte.

Estes privilégios são  reservados à Staff do Fórum dos Fóruns.
Peço desculpa, mas a que barra se refere Tonto ?

Cordialmente.
Título alterado de 'PERSONALIZAR MENU' para 'Personalização de menu'.
avatar

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 475
Pontos Ativos : 614

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 05:02 pm

Me refiro ao menu, poxa. Menu de navegação!
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Roger123 em 02/01/19, 05:37 pm

Olá novamente,

Adicione isto à folha de estilo css:
Código:
#headerbar-top {
background-color: grey !important;
}
Código:
mainmenu {
background-color: grey;
}
Cordialmente.
avatar

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 475
Pontos Ativos : 614

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 05:41 pm

Opa, e agora?
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Roger123 em 02/01/19, 05:43 pm

Tente adicionar mais este código...
Código:
#headerbar {
background-color: grey !important;
}
avatar

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 475
Pontos Ativos : 614

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 05:45 pm

Pronto. Pode mandar tudo de uma vez só?
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Roger123 em 02/01/19, 05:48 pm

Assim?
Código:
#headerbar {
background-color: grey !important;
}
mainmenu {
background-color: grey;
}
#headerbar-top {
background-color: grey !important;
}
avatar

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 475
Pontos Ativos : 614

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 05:50 pm

Me referia ao menu todo. Manda tudo o que tenho que fazer de uma vez só...
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Roger123 em 02/01/19, 05:56 pm

Desculpe, tente adicionar este código:
Código:
.headerbar {
    background-color: #1D262C;
    background-image: url() !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
avatar

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 475
Pontos Ativos : 614

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 05:59 pm

Adicionei... depois disso o fórum está começando a lagar, demorando para carregar as páginas.
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Pedxz em 02/01/19, 06:25 pm

Olá @nicolas79789,

Atenção!


Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.
O Senhor tem de ter cuidado com o flood, é totalmente proibido nesta seção do fórum. Passe-me a sua folha de estilo, para que possa verificar se existe algum erro - carregamento da página.


Aguardo uma resposta sua,
pedxz.


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2388
Pontos Ativos : 3021

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 06:27 pm

[list=linenums]
[*]#headerbar {

[*]background-color: grey !important;

[*]}

[*]mainmenu {

[*]background-color: grey;

[*]}

[*]#headerbar-top {

[*]background-color: grey !important;

[*]}

[/list]
[list=linenums]
[*].headerbar {

[*]    background-color: #1D262C;

[*]    background-image: url() !important;

[*]    background-position: center center;

[*]    background-repeat: no-repeat;

[*]    background-size: cover;

[*]    height: 450px !important;

[*]    margin: 0;

[*]    overflow: hidden;

[*]    padding: 0;

[*]    position: relative;

[*]}

[/list]
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Pedxz em 02/01/19, 06:34 pm

Remova os códigos passados neste tópico; e passe-me o seguinte template: overall_header


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2388
Pontos Ativos : 3021

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 06:46 pm

É o original do ModernBb.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

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

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

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

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

case 'left':
break;

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

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

default:
slid_vert = true;
}

$(document).ready(function() {

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

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

if (width_max > 0)
{
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});

if (slid_vert)
{
var height_max = h_perso;

$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );

$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}


$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->

<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME} 
});
});
<!-- END switch_ticker -->
});

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

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

<ul class="navbar navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</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>
</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">
<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">
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Pedxz em 02/01/19, 06:52 pm

Mude para:
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://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.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 -->
 <div class="barra">
  <div class="meio">
    {SITENAME} <!-- BEGIN switch_desc -->- {switch_desc.SITE_DESCRIPTION}<!-- END switch_desc -->
    <div class="right">
      Redes Sociais:
      <a href="#"><div class="social"><i class="fa fa-google-plus" aria-hidden="true"></i></div></a>
      <a href="#"><div class="social"><i class="fa fa-youtube-play" aria-hidden="true"></i></div></a>
      <a href="#"><div class="social"><i class="fa fa-twitter" aria-hidden="true"></i></div></a>
      <a href="#"><div class="social"><i class="fa fa-facebook" aria-hidden="true"></i></div></a>
    </div>
  </div>
  </div>
  <ul class="menu">
    <div class="meio">
      <li class="div">{GENERATED_NAV_BAR}</li>
      </div>
  </ul>
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
 
<div id="page-header">
<div class="headerbar">
<div class="wrap">
<a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 
 
</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">
<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">
E adicione na folha de estilo:
Código:
.barra {
    background: #2EA3F2;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    text-indent: 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: 100%;
    z-index: 999;
}
.meio {
    height: auto;
    margin: auto;
    width: 75%;
}
.right {
    float: right;
}
.barra .social {
    color: #fff;
    float: right;
    font-size: 14px;
    margin-left: -6px;
    margin-top: 10px;
}
.menu {
    background: #fff;
    box-shadow: rgba(0,0,0,0.10) 0 1px 5px;
    height: 60px;
    line-height: 38px;
    width: 100%;
    z-index: 999;
    overflow-y: hidden;
}
.menu div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.menu li {
    color: #666;
    float: left;
    font-size: 14px;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    padding: 10px;
    transition: .05s all;
}
.menu li img { display: none; }
.headerbar {
    height: 200px;
}
#page-header .headerbar .wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2388
Pontos Ativos : 3021

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 02/01/19, 06:59 pm

Ficou desta forma:


Os itens do MENU: Início, membros e grupos devem estar no canto esquerdo. Perfil, sair ou conectar devem estar no canto direito do menu. A cor do menu está branca, tem que ficar desta cor: #367838
A parte de cima "Redes Sociais" tem que estar no meio (centralizado) e estar na cor: #114A0C 

(O menu tem que acompanhar a página, coisa que não está fazendo. Ao acompanhar, ele deve ficar meio transparante.).

NOTA: Os ícones sumiram.
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Pedxz em 03/01/19, 07:20 am

Altere o CSS para:
Código:
.barra {
    background: #114A0C;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    text-indent: 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: 100%;
    z-index: 999;
}
.meio {
    height: auto;
    margin: auto;
    width: 75%;
}
.barra .right {
    margin: auto!important;
}
.barra .social {
    color: #fff;
    float: right;
    font-size: 14px;
    margin-left: -6px;
    margin-top: 10px;
}
.menu {
    background: #367838;
    box-shadow: rgba(0,0,0,0.10) 0 1px 5px;
    height: 60px;
    line-height: 38px;
    width: 100%;
    z-index: 999;
    overflow-y: hidden;
}
.menu div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.menu li {
    color: #666;
    float: left;
    font-size: 14px;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    padding: 10px;
    transition: .05s all;
}
.headerbar {
    height: 200px;
}
#page-header .headerbar .wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2388
Pontos Ativos : 3021

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por nicolas79789 em 03/01/19, 02:34 pm



Os ícones não estão alinhados juntamente aos itens do menu.  Ao descer a tela, o menu não acompanha..

Os itens do menu não estão separados, como no site: 

Sim, Login | Registre-se. 
avatar

nicolas79789
Nível 3

Masculino
Inscrito dia : 10/04/2018
Mensagens : 15
Pontos Ativos : 19

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

Atendido / Resolvido Re: Personalização do overall_header

Mensagem por Roger123 em 04/01/19, 01:29 pm

Tópico resolvido


O autor do tópico foi banido, mas como apresentam-se soluções cabíveis para o problema, este tópico será arquivado.
avatar

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 475
Pontos Ativos : 614

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

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


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