Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosAlterar a barra de navegação
2 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
Alterar a barra de navegação
por Vitor Hugo18 03.04.22 5:06
Detalhes da questão
Endereço do fórum: https://forumrhe.forumeiros.com
Versão do fórum: ModernBB
Descrição
Olá, boa noite. queria deixar o início do meu fórum assim:
https://imgur.com/RuWYeED
Vitor Hugo18- *
- Membro desde : 29/03/2022
Mensagens : 36
Pontos : 66 -
Re: Alterar a barra de navegação
por Musashi 03.04.22 17:59
Boa tarde @Vitor Hugo18
Poderia informar o link do site que você retirou essa print? Lembrando que não podemos fornecer o trabalhar 100% igual por tratar-se de uma cópia e/ou plágio de um fórum, sendo assim, podemos fornecer algo semelhante para você. Caso esteja de acordo, informe o seu overall_header por gentileza!
(Aguardo respostas)
Abraços,
do seu amigo da comunidade, Musashi!
Poderia informar o link do site que você retirou essa print? Lembrando que não podemos fornecer o trabalhar 100% igual por tratar-se de uma cópia e/ou plágio de um fórum, sendo assim, podemos fornecer algo semelhante para você. Caso esteja de acordo, informe o seu overall_header por gentileza!
(Aguardo respostas)
Abraços,
do seu amigo da comunidade, Musashi!
Musashi- Membro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Re: Alterar a barra de navegação
por Vitor Hugo18 03.04.22 18:26
Olá, boa tarde. Desculpe não lembro onde achei essa foto. Não precisa ser 100% igual mas que tenha tipo: Inicio, Listagens, Perfil, Grupos e Mensagens Privadas, e do lado 2 ícones 1 do whatsapp e outro do Discord, pro pessoal clicar e ir pro grupo oficial, se puder, vou agradecer muito.
- overall_header:
- Código:
[size=13]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
[size=13]"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/size]
[size=13]<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"[/size]
[size=13] xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>[/size]
[size=13]<head>[/size]
[size=13] <title>{SITENAME_TITLE}{PAGE_TITLE}</title>[/size]
[size=13] <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>[/size]
[size=13] <meta http-equiv="content-script-type" content="text/javascript"/>[/size]
[size=13] <meta http-equiv="content-style-type" content="text/css"/>[/size]
[size=13] <!-- BEGIN switch_compat_meta -->[/size]
[size=13] <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>[/size]
[size=13] <!-- END switch_compat_meta -->[/size]
[size=13] <!-- BEGIN switch_canonical_url -->[/size]
[size=13] <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>[/size]
[size=13] <!-- END switch_canonical_url -->[/size]
[size=13] {META_FAVICO}[/size]
[size=13] {META}[/size]
[size=13] {META_FB_LIKE}[/size]
[size=13] <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>[/size]
[size=13] {T_HEAD_STYLESHEET}[/size]
[size=13] {CSS}[/size]
[size=13] <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>[/size]
[size=13] <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>[/size]
[size=13] <script src="{JQUERY_PATH}" type="text/javascript"></script>[/size]
[size=13] <!-- BEGIN switch_recent_jquery -->[/size]
[size=13] <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>[/size]
[size=13] <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>[/size]
[size=13] <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>[/size]
[size=13] <!-- END switch_recent_jquery -->[/size]
[size=13] <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>[/size]
[size=13] {RICH_SNIPPET_GOOGLE}[/size]
[size=13]
[/size]
[size=13] <!-- BEGIN switch_fb_login -->[/size]
[size=13] <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>[/size]
[size=13] <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>[/size]
[size=13] <!-- END switch_fb_login -->[/size]
[size=13]
[/size]
[size=13] <!-- BEGIN switch_ticker -->[/size]
[size=13] <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>[/size]
[size=13] <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>[/size]
[size=13] <!-- END switch_ticker -->[/size]
[size=13]
[/size]
[size=13] <!-- BEGIN switch_ticker_new -->[/size]
[size=13] <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>[/size]
[size=13] <script type="text/javascript">[/size]
[size=13] //<![CDATA[[/size]
[size=13] /* Definir le sens de direction en fonction du panneau admin */[/size]
[size=13] var tickerDirParam = "{switch_ticker.DIRECTION}";[/size]
[size=13] var slid_vert = false;[/size]
[size=13] var auto_dir = 'next';[/size]
[size=13] var h_perso = parseInt({switch_ticker.HEIGHT});[/size]
[size=13]
[/size]
[size=13] switch (tickerDirParam) {[/size]
[size=13] case 'top' :[/size]
[size=13] slid_vert = true;[/size]
[size=13] break;[/size]
[size=13]
[/size]
[size=13] case 'left':[/size]
[size=13] break;[/size]
[size=13]
[/size]
[size=13] case 'bottom':[/size]
[size=13] slid_vert = true;[/size]
[size=13] auto_dir = 'prev';[/size]
[size=13] break;[/size]
[size=13]
[/size]
[size=13] case 'right':[/size]
[size=13] auto_dir = 'prev';[/size]
[size=13] break;[/size]
[size=13]
[/size]
[size=13] default:[/size]
[size=13] slid_vert = true;[/size]
[size=13] }[/size]
[size=13]
[/size]
[size=13] $(document).ready(function () {[/size]
[size=13]
[/size]
[size=13] $('#fa_ticker_content').css('display', 'block');[/size]
[size=13]
[/size]
[size=13] var width_max = $('ul#fa_ticker_content').width();[/size]
[size=13] var width_item = Math.floor(width_max / {switch_ticker.SIZE});[/size]
[size=13]
[/size]
[size=13] if (width_max > 0) {[/size]
[size=13] $('ul#fa_ticker_content li').css('float', 'left').css('list-style', 'none').width(width_item).find('img').each(function () {[/size]
[size=13] if ($(this).width() > width_item) {[/size]
[size=13] var ratio = $(this).width() / width_item;[/size]
[size=13] var new_height = Math.round($(this).height() / ratio);[/size]
[size=13] $(this).height(new_height).width(width_item);[/size]
[size=13] }[/size]
[size=13] });[/size]
[size=13]
[/size]
[size=13] if (slid_vert) {[/size]
[size=13] var height_max = h_perso;[/size]
[size=13]
[/size]
[size=13] $('ul#fa_ticker_content li').each(function () {[/size]
[size=13] if ($(this).height() > height_max) {[/size]
[size=13] height_max = $(this).height();[/size]
[size=13] }[/size]
[size=13] });[/size]
[size=13]
[/size]
[size=13] $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');[/size]
[size=13] $('ul#fa_ticker_content li').height(height_max);[/size]
[size=13] }[/size]
[size=13]
[/size]
[size=13]
[/size]
[size=13] $('#fa_ticker_content').jcarousel({[/size]
[size=13] vertical: slid_vert,[/size]
[size=13] wrap: 'circular',[/size]
[size=13] auto: {switch_ticker.STOP_TIME},[/size]
[size=13] auto_direction: auto_dir,[/size]
[size=13] scroll: 1,[/size]
[size=13] size: {switch_ticker.SIZE},[/size]
[size=13] height_max: height_max,[/size]
[size=13] animation: {switch_ticker.SPEED}[/size]
[size=13] });[/size]
[size=13] } else {[/size]
[size=13] $('ul#fa_ticker_content li:not(:first)').css('display', 'none');[/size]
[size=13] $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');[/size]
[size=13] }[/size]
[size=13] });[/size]
[size=13] //]]>[/size]
[size=13] </script>[/size]
[size=13] <!-- END switch_ticker_new -->[/size]
[size=13]
[/size]
[size=13] <script type="text/javascript">//<![CDATA[[/size]
[size=13] $(document).ready(function () {[/size]
[size=13] <!-- BEGIN switch_enable_pm_popup -->[/size]
[size=13] pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');[/size]
[size=13] if (pm != null) {[/size]
[size=13] pm.focus();[/size]
[size=13] }[/size]
[size=13] <!-- END switch_enable_pm_popup -->[/size]
[size=13] <!-- BEGIN switch_report_popup -->[/size]
[size=13] 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}');[/size]
[size=13] if (report != null) {[/size]
[size=13] report.focus();[/size]
[size=13] }[/size]
[size=13] <!-- END switch_report_popup -->[/size]
[size=13] <!-- BEGIN switch_ticker -->[/size]
[size=13] $(document).ready(function () {[/size]
[size=13] Ticker.start({[/size]
[size=13] height: {switch_ticker.HEIGHT},[/size]
[size=13] spacing: {switch_ticker.SPACING},[/size]
[size=13] speed: {switch_ticker.SPEED},[/size]
[size=13] direction: '{switch_ticker.DIRECTION}',[/size]
[size=13] pause: {switch_ticker.STOP_TIME}[/size]
[size=13] });[/size]
[size=13] });[/size]
[size=13] <!-- END switch_ticker -->[/size]
[size=13] });[/size]
[size=13]
[/size]
[size=13] <!-- BEGIN switch_login_popup -->[/size]
[size=13] var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},[/size]
[size=13] logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;[/size]
[size=13]
[/size]
[size=13] $(document).ready(function () {[/size]
[size=13] $(window).resize(function () {[/size]
[size=13] var windowWidth = document.documentElement.clientWidth;[/size]
[size=13] var popupWidth = $("#login_popup").width();[/size]
[size=13] var mypopup = $("#login_popup");[/size]
[size=13]
[/size]
[size=13] $("#login_popup").css({[/size]
[size=13] "left": windowWidth / 2 - popupWidth / 2[/size]
[size=13] });[/size]
[size=13] });[/size]
[size=13] });[/size]
[size=13] <!-- END switch_login_popup -->[/size]
[size=13] //]]>[/size]
[size=13] </script>[/size]
[size=13]
[/size]
[size=13] {GREETING_POPUP}[/size]
[size=13]
[/size]
[size=13] <style type="text/css">[/size]
[size=13] #page-footer, div.navbar, div.navbar ul.linklist {[/size]
[size=13] display: block !important;[/size]
[size=13] }[/size]
[size=13]
[/size]
[size=13] ul.linklist li.rightside, ul.linklist li.rightside a.copyright {[/size]
[size=13] display: inline !important;[/size]
[size=13] }[/size]
[size=13]
[/size]
[size=13] <!-- BEGIN switch_ticker_new -->[/size]
[size=13] .jcarousel-skin-tango .jcarousel-item {[/size]
[size=13] text-align: center;[/size]
[size=13] width: 10px;[/size]
[size=13] }[/size]
[size=13]
[/size]
[size=13] .jcarousel-skin-tango .jcarousel-item-horizontal {[/size]
[size=13] margin-right: {switch_ticker.SPACING}px;[/size]
[size=13] }[/size]
[size=13]
[/size]
[size=13] .jcarousel-skin-tango .jcarousel-item-vertical {[/size]
[size=13] margin-bottom: {switch_ticker.SPACING}px;[/size]
[size=13] }[/size]
[size=13]
[/size]
[size=13] <!-- END switch_ticker_new -->[/size]
[size=13] </style>[/size]
[size=13]
[/size]
[size=13] {HOSTING_JS}[/size]
[size=13]
[/size]
[size=13] <!-- BEGIN google_analytics_code -->[/size]
[size=13] <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>[/size]
[size=13] <script>[/size]
[size=13] window.dataLayer = window.dataLayer || [];[/size]
[size=13] function gtag(){dataLayer.push(arguments);}[/size]
[size=13] gtag('js', new Date());[/size]
[size=13] gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});[/size]
[size=13] <!-- BEGIN google_analytics_code_bis -->[/size]
[size=13] gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});[/size]
[size=13] <!-- END google_analytics_code_bis -->[/size]
[size=13] </script>[/size]
[size=13] <!-- END google_analytics_code -->[/size]
[size=13]
[/size]
[size=13] <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&display=swap"[/size]
[size=13] rel="stylesheet"/>[/size]
[size=13] <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"/>[/size]
[size=13]</head>[/size]
[size=13]
[/size]
[size=13]<body id="modernbb">[/size]
[size=13]<!-- BEGIN hitskin_preview -->[/size]
[size=13]<div id="hitskin_preview" style="display: block;">[/size]
[size=13] <h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" loading="lazy" /> <em>Hit</em>skin.com</h1>[/size]
[size=13] <div class="content">[/size]
[size=13] <p>[/size]
[size=13] {hitskin_preview.L_THEME_SITE_PREVIEW}[/size]
[size=13] <br/>[/size]
[size=13] <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>[/size]
[size=13] </p>[/size]
[size=13]
[/size]
[size=13] </div>[/size]
[size=13]</div>[/size]
[size=13]<!-- END hitskin_preview -->[/size]
[size=13]
[/size]
[size=13]<!-- BEGIN inactive_users_modal -->[/size]
[size=13]<div id="inactive_popup" style="z-index: 10000 !important;">[/size]
[size=13] <div class="h3">{inactive_users_modal.L_MODAL_TITLE}</div>[/size]
[size=13] <div id="inactive_popup_message">{inactive_users_modal.L_MODAL_BODY}</div>[/size]
[size=13] <div id="inactive_popup_buttons">[/size]
[size=13] <button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</button>[/size]
[size=13] <button id="inactive_popup_close" class="button1">{inactive_users_modal.L_CLOSE}</button>[/size]
[size=13] </div>[/size]
[size=13]</div>[/size]
[size=13]<script type="text/javascript">[/size]
[size=13] $('#inactive_popup #inactive_popup_close').on('mouseup', function () {[/size]
[size=13] document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";[/size]
[size=13] $('#inactive_popup').hide(50);[/size]
[size=13] });[/size]
[size=13] $('#inactive_popup #inactive_popup_url').on('mouseup', function () {[/size]
[size=13] document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";[/size]
[size=13] location.href = '{inactive_users_modal.U_MODAL}'[/size]
[size=13] })[/size]
[size=13]</script>[/size]
[size=13]<!-- END inactive_users_modal -->[/size]
[size=13]
[/size]
[size=13]<!-- BEGIN switch_login_popup -->[/size]
[size=13]<div id="login_popup" style="z-index: 10000 !important;">[/size]
[size=13] <div class="h3">{SITENAME}</div>[/size]
[size=13] <div id="login_popup_message">[/size]
[size=13] {LOGIN_POPUP_MSG}[/size]
[size=13] </div>[/size]
[size=13] <!-- BEGIN switch_quick_login -->[/size]
[size=13] <br/>[/size]
[size=13] <div class="h3">{switch_login_popup.switch_quick_login.L_QUICK_CONNECT}</div>[/size]
[size=13] <div>[/size]
[size=13] <div class="mt10">[/size]
[size=13] <div class="social_btn">[/size]
[size=13] <!-- BEGIN fb_quick_connect -->[/size]
[size=13] <div class="fb-login-button"></div>[/size]
[size=13] <!-- END fb_quick_connect -->[/size]
[size=13] [/size]
[size=13] <!-- BEGIN topicit_quick_connect -->[/size]
[size=13] <div class="ti-connect"></div>[/size]
[size=13] <!-- END topicit_quick_connect -->[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] <br/>[/size]
[size=13] <!-- END switch_quick_login -->[/size]
[size=13] <div id="login_popup_buttons">[/size]
[size=13] <form action="{S_LOGIN_ACTION}" method="get">[/size]
[size=13] <input type="submit" class="button1" value="{L_LOGIN}"/>[/size]
[size=13] <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>[/size]
[size=13] <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}"/>[/size]
[size=13] </form>[/size]
[size=13] </div>[/size]
[size=13]</div>[/size]
[size=13]<!-- END switch_login_popup -->[/size]
[size=13]
[/size]
[size=13]<!-- BEGIN switch_like_popup -->[/size]
[size=13]<div id="like_popup" style="z-index: 10000 !important;">[/size]
[size=13] <div class="h3">{SITENAME}</div>[/size]
[size=13] <div id="like_popup_message">[/size]
[size=13] {LIKE_POPUP_MSG}[/size]
[size=13] </div>[/size]
[size=13] <div id="like_popup_buttons">[/size]
[size=13] <form action="{S_LOGIN_ACTION}" method="get">[/size]
[size=13] <input type="submit" class="button1" value="{L_LOGIN}"/>[/size]
[size=13] <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>[/size]
[size=13] <input id="like_popup_close" type="button" class="button2" value="{L_LIKE_CLOSE}"/>[/size]
[size=13] </form>[/size]
[size=13] </div>[/size]
[size=13]</div>[/size]
[size=13]<!-- END switch_like_popup -->[/size]
[size=13]
[/size]
[size=13]<a id="top" name="top" accesskey="t"></a>[/size]
[size=13]{JAVASCRIPT}[/size]
[size=13]
[/size]
[size=13]<div id="page-header">[/size]
[size=13] <div class="headerbar">[/size]
[size=13] <div id="headerbar-top">[/size]
[size=13] <div class="wrap">[/size]
[size=13] <a href="{U_INDEX}" id="logo"><img loading="lazy" src="{LOGO}" alt="{L_INDEX}"/></a>[/size]
[size=13]
[/size]
[size=13] <ul class="navbar navlinks{NAVBAR_BORDERLESS}">[/size]
[size=13] <li>{GENERATED_NAV_BAR}</li>[/size]
[size=13] </ul>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13]
[/size]
[size=13] <div class="wrap">[/size]
[size=13] <div id="site-desc">[/size]
[size=13] <!-- BEGIN switch_h1 -->[/size]
[size=13] <div id="site-title">{switch_h1.MAIN_SITENAME}</div>[/size]
[size=13] <!-- END switch_h1 -->[/size]
[size=13] <!-- BEGIN switch_desc -->[/size]
[size=13] <p>{switch_desc.SITE_DESCRIPTION}</p>[/size]
[size=13] <!-- END switch_desc -->[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13]
[/size]
[size=13] <!-- BEGIN switch_ticker_new -->[/size]
[size=13] <div id="fa_ticker_blockD" style="margin-top:4px;">[/size]
[size=13] <div class="module">[/size]
[size=13] <div class="inner">[/size]
[size=13] <div id="fa_ticker_container">[/size]
[size=13] <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">[/size]
[size=13] <!-- BEGIN ticker_row -->[/size]
[size=13] <li>{switch_ticker.ticker_row.ELEMENT}</li>[/size]
[size=13] <!-- END ticker_row -->[/size]
[size=13] </ul>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] <!-- END switch_ticker_new -->[/size]
[size=13]</div>[/size]
[size=13]
[/size]
[size=13]<div class="conteneur_minwidth_IE">[/size]
[size=13] <div class="conteneur_layout_IE">[/size]
[size=13] <div class="conteneur_container_IE">[/size]
[size=13] <div id="wrap">[/size]
[size=13] <div id="page-body">[/size]
[size=13]
[/size]
[size=13] <!-- BEGIN switch_ticker -->[/size]
[size=13] <div id="fa_ticker_block" style="margin-top:4px;">[/size]
[size=13] <div class="module">[/size]
[size=13] <div class="inner">[/size]
[size=13] <div id="fa_ticker_container">[/size]
[size=13] <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">[/size]
[size=13] <div class="fa_ticker_content">[/size]
[size=13] <!-- BEGIN ticker_row -->[/size]
[size=13] <div>{switch_ticker.ticker_row.ELEMENT}</div>[/size]
[size=13] <!-- END ticker_row -->[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] </div>[/size]
[size=13] <!-- END switch_ticker -->[/size]
[size=13]
[/size]
[size=13] <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>[/size]
[size=13] <div id="outer-wrapper">[/size]
[size=13] <div id="wrapper">[/size]
[size=13] <div id="{ID_LEFT}">[/size]
[size=13] <!-- BEGIN giefmod_index1 -->[/size]
[size=13] {giefmod_index1.MODVAR}[/size]
[size=13] <!-- BEGIN saut -->[/size]
[size=13] <div style="height:{SPACE_ROW}px"></div>[/size]
[size=13] <!-- END saut -->[/size]
[size=13] <!-- END giefmod_index1 -->[/size]
[size=13] </div>[/size]
[size=13]
[/size]
[size=13] <div id="container">[/size]
[size=13] <div id="content-main">[/size]
[size=13] <div id="main">[/size]
[size=13] <div id="main-content">[/size]
[size=13] <li><a id="navigation-recent" href="https://chat.whatsapp.com/DxwkiW3KlNtERNtvP77yfL"><i class="material-icons">POLÍCIA RHE GRUPO</i> WHATSAPP</a></li>[/size]
Vitor Hugo18- *
- Membro desde : 29/03/2022
Mensagens : 36
Pontos : 66 -
Re: Alterar a barra de navegação
por Musashi 04.04.22 5:40
Boa madrugada @Vitor Hugo18
Modifique seu overall_header para o seguinte código:
E adicione em sua Folha de estilo (CSS):
(Aguardo respostas)
Abraços,
do seu amigo da comunidade, Musashi!
Modifique seu overall_header para o seguinte código:
- 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 async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- BEGIN google_analytics_code_bis -->
gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- END google_analytics_code_bis -->
</script>
<!-- END google_analytics_code -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 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="" loading="lazy" /> <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 inactive_users_modal -->
<div id="inactive_popup" style="z-index: 10000 !important;">
<div class="h3">{inactive_users_modal.L_MODAL_TITLE}</div>
<div id="inactive_popup_message">{inactive_users_modal.L_MODAL_BODY}</div>
<div id="inactive_popup_buttons">
<button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</button>
<button id="inactive_popup_close" class="button1">{inactive_users_modal.L_CLOSE}</button>
</div>
</div>
<script type="text/javascript">
$('#inactive_popup #inactive_popup_close').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
$('#inactive_popup').hide(50);
});
$('#inactive_popup #inactive_popup_url').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
location.href = '{inactive_users_modal.U_MODAL}'
})
</script>
<!-- END inactive_users_modal -->
<!-- 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>
<!-- BEGIN switch_quick_login -->
<br/>
<div class="h3">{switch_login_popup.switch_quick_login.L_QUICK_CONNECT}</div>
<div>
<div class="mt10">
<div class="social_btn">
<!-- BEGIN fb_quick_connect -->
<div class="fb-login-button"></div>
<!-- END fb_quick_connect -->
<!-- BEGIN topicit_quick_connect -->
<div class="ti-connect"></div>
<!-- END topicit_quick_connect -->
</div>
</div>
</div>
<br/>
<!-- END switch_quick_login -->
<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 -->
<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
<div id="like_popup_message">
{LIKE_POPUP_MSG}
</div>
<div id="like_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="like_popup_close" type="button" class="button2" value="{L_LIKE_CLOSE}"/>
</form>
</div>
</div>
<!-- END switch_like_popup -->
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
<div id="page-header">
<div class="headerbar">
<!-- BEGIN switch_user_logged_out -->
<div class="menu">
<a href="/forum" class="menu-link"><i class="fas fa-home"></i> Início</a>
<a href="/groups" class="menu-link"><i class="fas fa-user-friends"></i> Grupos</a>
<a href="/memberlist" class="menu-link"><i class="fas fa-user-check"></i> Membros</a>
<div class="redes-sociais" style="float: right;">
<a href="https://chat.whatsapp.com/DxwkiW3KlNtERNtvP77yfL" class="button-whatsapp"><i class="fab fa-whatsapp"></i></a>
<a href="#" class="button-discord"><i class="fab fa-discord"></i></a>
</div>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div class="menu">
<a href="/forum" class="menu-link"><i class="fas fa-home"></i> Início</a>
<a href="/groups" class="menu-link"><i class="fas fa-user-friends"></i> Grupos</a>
<a href="/memberlist" class="menu-link"><i class="fas fa-user-check"></i> Membros</a>
<a href="/t1-" class="menu-link"><i class="fas fa-address-card"></i> Setor Administrativo</a>
<a href="/t2-" class="menu-link"><i class="fas fa-landmark"></i> Setor Jurídico</a>
<a href="/privmsg" class="menu-link"><i class="fas fa-archive"></i> Mensagens Privadas</a>
<div class="redes-sociais" style="float: right;">
<a href="https://chat.whatsapp.com/DxwkiW3KlNtERNtvP77yfL" class="button-whatsapp"><i class="fab fa-whatsapp"></i></a>
<a href="#" class="button-discord"><i class="fab fa-discord"></i></a>
</div>
</div>
<!-- END switch_user_logged_in -->
</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">
E adicione em sua Folha de estilo (CSS):
- Código:
.menu {
position: absolute;
background: white;
height: 50px;
bottom: 0;
width: 100%;
box-shadow: inset 1px 2px 2px hsl(204deg 15% 20% / 33%);
}
.menu a {
font-size: 12px;
padding: 18px;
position: relative;
top: 15px;
border-left: 2px solid rgba(0,0,0,.1);
font-family: Poppins;
font-weight: 500;
left: 0;
}
.menu-link i {
color: #333;
}
.menu a:hover {
color: gray;
}
.menu .button-whatsapp {
background-color: green;
padding: 10px;
font-size: 15px;
color: white;
border-radius: 5px;
margin-right: 5px;
}
.menu .button-discord{
background-color: #7289DA;
padding: 10px;
font-size: 15px;
color: white;
border-radius: 5px;
}
.redes-sociais a:hover {
color: white!important;
}
(Aguardo respostas)
Abraços,
do seu amigo da comunidade, Musashi!
Musashi- Membro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Re: Alterar a barra de navegação
por Vitor Hugo18 04.04.22 17:52
Resolvido, meu amigo. Agradeço de coração por essa ajuda
Vitor Hugo18- *
- Membro desde : 29/03/2022
Mensagens : 36
Pontos : 66 -
Re: Alterar a barra de navegação
por Musashi 04.04.22 22:46
Tópico resolvidoMovido para "Questões resolvidas". |
Musashi- Membro
- Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762 -
Tópicos semelhantes» Alterar o tamanho da barra de navegação
» Alterar o tamanho dos ícones da barra de navegação
» Alterar a cor de fundo da barra de navegação ao descer a página para baixo
» Barra de navegação acompanha a navegação
» Alterar cor do menu de navegaçao
» Alterar o tamanho dos ícones da barra de navegação
» Alterar a cor de fundo da barra de navegação ao descer a página para baixo
» Barra de navegação acompanha a navegação
» Alterar cor do menu de navegaçao
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