Alterar a barra de navegação

Item: Alterar a barra de navegação
Rating: 1

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

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! Muito feliz

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] [/size] [size=13] <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>[/size] [size=13] [/size] [size=13] [/size] [size=13] <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>[/size] [size=13] [/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] [/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] [/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] [/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] [/size] [size=13] [/size] [size=13] [/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] [/size] [size=13] [/size] [size=13] [/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] [/size] [size=13] [/size] [size=13] <script type="text/javascript">//<![CDATA[[/size] [size=13] $(document).ready(function () {[/size] [size=13] [/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] [/size] [size=13] [/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] [/size] [size=13] [/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] [/size] [size=13] });[/size] [size=13] [/size] [size=13] [/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] [/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] [/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] [/size] [size=13] </style>[/size] [size=13] [/size] [size=13] {HOSTING_JS}[/size] [size=13] [/size] [size=13] [/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] [/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] [/size] [size=13] </script>[/size] [size=13] [/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][/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][/size] [size=13] [/size] [size=13][/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][/size] [size=13] [/size] [size=13][/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] [/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] [/size] [size=13] <div class="fb-login-button"></div>[/size] [size=13] [/size] [size=13]  [/size] [size=13] [/size] [size=13] <div class="ti-connect"></div>[/size] [size=13] [/size] [size=13] </div>[/size] [size=13] </div>[/size] [size=13] </div>[/size] [size=13] <br/>[/size] [size=13] [/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][/size] [size=13] [/size] [size=13][/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][/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] [/size] [size=13] <div id="site-title">{switch_h1.MAIN_SITENAME}</div>[/size] [size=13] [/size] [size=13] [/size] [size=13] <p>{switch_desc.SITE_DESCRIPTION}</p>[/size] [size=13] [/size] [size=13] </div>[/size] [size=13] </div>[/size] [size=13] </div>[/size] [size=13] [/size] [size=13] [/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] [/size] [size=13] <li>{switch_ticker.ticker_row.ELEMENT}</li>[/size] [size=13] [/size] [size=13] </ul>[/size] [size=13] </div>[/size] [size=13] </div>[/size] [size=13] </div>[/size] [size=13] </div>[/size] [size=13] [/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] [/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] [/size] [size=13] <div>{switch_ticker.ticker_row.ELEMENT}</div>[/size] [size=13] [/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] [/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] [/size] [size=13] {giefmod_index1.MODVAR}[/size] [size=13] [/size] [size=13] <div style="height:{SPACE_ROW}px"></div>[/size] [size=13] [/size] [size=13] [/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]

por Musashi 04.04.22 5:40

Boa madrugada @Vitor Hugo18

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"/>  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>   <link rel="canonical" href="{switch_canonical_url.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>  <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>  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> {RICH_SNIPPET_GOOGLE}  <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>   <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/> <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>   <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>  <script type="text/javascript">//<![CDATA[ $(document).ready(function () {  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if (pm != null) { pm.focus(); }   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(); }   $(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} }); });  });  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 }); }); });  //]]> </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; }  .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; }  </style> {HOSTING_JS}  <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});  gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});  </script>  <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">  <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>   <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>   <div id="login_popup" style="z-index: 10000 !important;"> <div class="h3">{SITENAME}</div> <div id="login_popup_message"> {LOGIN_POPUP_MSG} </div>  <br/> <div class="h3">{switch_login_popup.switch_quick_login.L_QUICK_CONNECT}</div> <div> <div class="mt10"> <div class="social_btn">  <div class="fb-login-button"></div>     <div class="ti-connect"></div>  </div> </div> </div> <br/>  <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>   <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>  <a id="top" name="top" accesskey="t"></a> {JAVASCRIPT} <div id="page-header"> <div class="headerbar">  <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>   <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>  </div> </div> <div class="wrap"> <div id="site-desc">  <div id="site-title">{switch_h1.MAIN_SITENAME}</div>   <p>{switch_desc.SITE_DESCRIPTION}</p>  </div> </div> </div>  <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">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>  </div> <div class="conteneur_minwidth_IE"> <div class="conteneur_layout_IE"> <div class="conteneur_container_IE"> <div id="wrap"> <div id="page-body">  <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">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </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! Muito feliz

por Vitor Hugo18 04.04.22 17:52

Resolvido, meu amigo. Agradeço de coração por essa ajuda

por Musashi 04.04.22 22:46

Tópico resolvido

Movido para "Questões resolvidas".

Alterar a barra de navegação