Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Data/hora atual: Seg 13 maio 2024 - 15:21

385 resultados encontrados para Menu

Fixar a Navbar no topo

tikky escreveu:@Rayner: Recomendo este tutorial "Remover menu fixo ao descer a página" quando fizer diga para que possa ajustar.


Funcionou, obrigado Piscada
por Rayner
em Seg 25 Mar 2024 - 22:41
 
Procurar em: Questões resolvidas sobre HTML e BBCode
Tópico: Fixar a Navbar no topo
Respostas: 7
Vistos: 130

Menu não aparece para os Membros

Detalhes da questão


Endereço do fórum: https://embruh.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Olá membros do Fórum dos Fóruns,

Gostaria de solicitar ajuda em relação a um problema no menu de navegação, que está visível apenas para os Administradores, enquanto os Membros e os Convidados não conseguem visualizá-lo - Imagem do Problema - Realizamos alguns testes e parece que o problema está localizado entre o overall_header e o CSS. Suspeitamos que o overall_header possa ser a fonte do problema, pois ao excluí-lo, o menu volta a aparecer normalmente, embora essa solução afeta negativamente a parte superior, onde o quadro de anúncios acaba desaparecendo também.

Estamos utilizando a Skin disponibilizada no site https://star-dust.foroactivo.com/, embora tenhamos feito algumas modificações nas imagens e cores. Mesmo durante a instalação padrão da skin, o problema já estava presente.

Agradecemos antecipadamente por qualquer orientação ou sugestão que possam fornecer para resolver esse problema. Estamos abertos a qualquer sugestão ou instrução que possa nos ajudar a restaurar o funcionamento adequado do menu para todos os usuários do fórum.
por Spell Scribe
em Qui 21 Mar 2024 - 20:40
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Menu não aparece para os Membros
Respostas: 3
Vistos: 93

Fixar a Navbar no topo

@Rayner: Recomendo este tutorial "Remover menu fixo ao descer a página" quando fizer diga para que possa ajustar.
por tikky
em Ter 19 Mar 2024 - 1:55
 
Procurar em: Questões resolvidas sobre HTML e BBCode
Tópico: Fixar a Navbar no topo
Respostas: 7
Vistos: 130

Erro no modo noturno

Olá @Oterleski,

Substitua o seu overall_header por este:

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>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
    <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');
          ga('send', 'pageview');
          ga('set', 'anonymizeIp', true);
   
          <!-- BEGIN google_analytics_code_bis -->
          ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
          ga('bis.send', 'pageview');
          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://fonts.googleapis.com/css?family=Amatic+SC&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet">
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
    <link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet" />
    <!-- BEGIN switch_user_logged_out -->

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" integrity="sha256-RdH19s+RN0bEXdaXsajztxnALYs/Z43H/Cdm1U4ar24=" crossorigin="anonymous" />
    <!-- END switch_user_logged_out -->
    <script type="text/javascript">!function(){var t,e=document.getElementById("darkSwitch");if(e){t=null!==localStorage.getItem("darkSwitch")&&"dark"===localStorage.getItem("darkSwitch"),(e.checked=t)?document.body.setAttribute("data-theme","dark"):document.body.removeAttribute("data-theme"),e.addEventListener("change",function(t){e.checked?(document.body.setAttribute("data-theme","dark"),localStorage.setItem("darkSwitch","dark")):(document.body.removeAttribute("data-theme"),localStorage.removeItem("darkSwitch"))})}}();</script>
</head>

<body id="modernbb">
<div class="custom-switch"><input type="checkbox" class="toggle" id="darkSwitch"><label for="darkSwitch"></label></div> 
    <!-- 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>
        <!-- BEGIN switch_user_logged_out -->
        <div id="login-dialog" class="login-popup zoom-anim-dialog mfp-hide">
            <h3 class="aside-title">LOGAR NO FÓRUM</h3>
            <form action="{S_LOGIN_ACTION}" method="post" class="login-form" name="form_login">
                <label for="login-username-input-target" class="username-input">
                    <input type="text" name="username" class="rounded-input blue-active" id="login-username-input-target" placeholder="{L_USERNAME}" required/>
                    <i class="fas fa-user"></i>
                </label>
                <label for="login-password-input-target" class="password-input">
                    <input type="password" name="password" class="rounded-input blue-active" id="login-password-input-target" placeholder="{L_PASSWORD}" required/>
                    <i class="fas fa-key"></i>
                </label>
                <div style="font-size: 15px; margin-bottom: 5%;">
                    <input class="radio" id="autologin-check" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}/>
                    <label for="autologin-check">Manter-me conectado.</label>
                </div>
                <button type="submit" class="rounded-button" id="doLogin" name="login">Vamos lá!</button>
            </form>
        </div>
        <!-- END switch_user_logged_out -->

        <nav id="main-menu">
            <div class="wrap">
                <div class="navbar-content">
                    <ul class="navbar-links">
                        <a href="/forum">
                            <li><i class="fas fa-home"></i>Início</li>
                        </a>
                        <a href="/groups">
                            <li><i class="fas fa-user-friends"></i>Grupos</li>
                        </a>
                        <a href="/memberlist">
                            <li><i class="fas fa-users"></i>Membros</li>
                        </a>
                        <a href="/privmsg?folder=inbox">
                            <li><i class="fas fa-mail-bulk"></i>Mensagens Privadas</li>
                        </a>
                        <a href="/h1-">
                            <li><i class="fas fa-edit"></i>Realizar postagem</li>
                        </a>



                        <div class="navbar-user">
                            <div class="is-normal">
                                <input type="checkbox" href="#" class="user-menu-open" name="user-menu-open" id="user-menu-open" />
                                <label class="user-menu-open-button" for="user-menu-open">
                                    <div class="avatar">
                                        <!-- BEGIN switch_user_logged_in -->
                                        <script type="text/javascript">
                                            //<![CDATA[
                                                  $(function() {
                                                      'use strict';
                                           
                                                      $('.avatar').append("<img src='http://www.habbo.com.br/habbo-imaging/avatarimage?user=" + _userdata.username + "&action=std&direction=4&head_direction=3&gesture=sml&size=b' title='Clique para mais opções'/>");
                                                      $('.avatar img').css('left', '10px');
                                                      $('.avatar img').css('top', '-5px');
                                                  });
                                                  //]]>
                                        </script>
                                        <!-- END switch_user_logged_in -->
                                        <!-- BEGIN switch_user_logged_out -->
                                        <img src="https://i.imgur.com/D2vHls4.png" />
                                        <!-- END switch_user_logged_out -->
                                    </div>
                                </label>
                                <!-- BEGIN switch_user_logged_in -->
                                <a href="/profile?mode=editprofile" title="Editar o meu perfil" class="user-item blue"><i class="fas fa-user-cog"></i></a>
                                <a href="/privmsg?folder=inbox" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" class="user-item green"><i class="fas fa-envelope"></i></a>
                                <a href="/login?logout=1" title="Fechar sessão" class="user-item red"><i class="fas fa-sign-out-alt"></i></a>
                                <!-- END switch_user_logged_in -->
                                <!-- BEGIN switch_user_logged_out -->
                                <a href="/login" title="Iniciar sessão" class="user-item blue login-btn"><i class="fas fa-sign-in-alt"></i></a>
                                <a href="/register" title="Registrar-se" class="user-item green"><i class="fas fa-user-plus"></i></a>
                                <a href="/profile?mode=sendpassword" title="Esqueci minha senha" class="user-item red"><i class="fas fa-question"></i></a>
                                <!-- END switch_user_logged_out -->
                            </div>


                        </div>
                </div>
            </div>
    </div>
    </div>
    </nav>

    <!-- 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">


Atenciosamente,
Sleep
por Sleep
em Ter 20 Fev 2024 - 16:24
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Erro no modo noturno
Respostas: 8
Vistos: 164

Erro no modo noturno

Bom dia. Segue solicitados:
CSS:
Código:
 .custom-switch{margin:5px 13px;position:fixed}
.custom-switch:before{background:#444;color:#ddd;content:"\f185";float:left;font-family:FontAwesome;font-size:14px;font-weight:700;padding:3px;text-align:center}
.custom-switch input.toggle{display:none}
.custom-switch input.toggle + label{box-shadow:inset 0 0 0 1px #d5d5d5;color:#fff;display:inline-block;height:20px;margin:0;position:relative;text-align:center;width:40px}
.custom-switch input.toggle + label:before{background:#333;content:"";display:block;height:20px;transition:.1s ease-in-out}
.custom-switch input.toggle + label:after{background:#ddd;box-shadow:inset 0 0 0 5px #333;content:"";height:20px;left:0;position:absolute;top:0;transition:.1s ease-in-out;width:20px}
.custom-switch:after{background:#444;color:#0329a0;content:"\f186";float:right;font-family:FontAwesome;font-size:14px;font-weight:700;padding:3px;text-align:center}
.custom-switch input.toggle:checked + label:before{width:40px}
.custom-switch input.toggle:checked + label:after{background:#0329a0;left:20px}

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css") print;


.rank {
  background: url(https://i.imgur.com/nmBh3WZ.png);
  border-radius: 3px;
  box-shadow: 1px 2px 11px rgba(0, 0, 0, 0.29);
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  height: 25px;
  line-height: 25px;
  margin: 10px auto 0;
  max-width: 120px;
  padding: 0;
  position: relative;
  text-shadow: 1px -1px rgba(0, 0, 0, 0.29);
  text-transform: uppercase;
  text-align: center;
}
 
.rank:before {
  border-right: 1px solid rgba(255, 255, 255, 0.55);
  content: "BS";
  float: left;
  margin-top: -5px;
  padding: 5px 5px 0;
}
 
.rank.admin {
  background-color: red;
}
.topic-title-container > strong{background: url(https://media2.giphy.com/media/kkoRgXbTCPY3K/giphy.gif);
}
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}

a[href^="/u"] span[style*="#000099"] {
    background: repeating-linear-gradient(to right, #fafafa, #000000, #fafafa, #000000, #fafafa, #000000);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 5s ease infinite;
}

@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}

a[href^="/u"] span[style*="#00FFFF"] {
    background: repeating-linear-gradient(to right, #fafafa, #000000, #fafafa, #000000, #fafafa, #000000);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 5s ease infinite;
}

/* AVATAR RETANGULAR */
.post .postprofile-avatar img {
    width: unset;
    height: unset;
    border-radius: 0;
    max-height: 250px;
}

.postprofile {
    background: #f8f8f8;
    border-color: rgba(0,0,0,0.18);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    margin-left: 1% !important;
    max-width: 200px !important;
    text-align: center;
}

/* FDF postagem */

.postprofile{
    background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 60px 3px 3px;
    position: relative;
    text-align: center;}
.postprofile {
    border-color: #fff;
    border-left-style: solid;
    border-left-width: 1px;
    color: #666;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}
div.post .postprofile:before {
    content: url('https://i.imgur.com/RqXyg76.png');
    left: 0;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 2;
}
div.post .postprofile:after {
    background: #2E3133;
    border-bottom: 4px solid #868686;
    content: ".";
    font-size: 0;
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1;
}


/* rank colorido */

.rank {
 color: #fff;
 font-size: 13px;
 font-weight: 600;
 height: 36px;
 width: 160px;
 margin: 5px auto;
 border-radius: 12px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14), inset 0 0 1px 1px rgba(0, 0, 0, .1);
 text-align: center;
 line-height: 33px;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
 
.rank.admin {
 background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
 background-size: 1800% 1800%;
 -webkit-animation: rainbow 18s ease infinite;
 -z-animation: rainbow 18s ease infinite;
 -o-animation: rainbow 18s ease infinite;
 animation: rainbow 18s ease infinite;
}
 
@-webkit-keyframes rainbow {
 0% {
 background-position: 0% 82%
 }
 50% {
 background-position: 100% 19%
 }
 100% {
 background-position: 0% 82%
 }
}
 
@-moz-keyframes rainbow {
 0% {
 background-position: 0% 82%
 }
 50% {
 background-position: 100% 19%
 }
 100% {
 background-position: 0% 82%
 }
}
 
@-o-keyframes rainbow {
 0% {
 background-position: 0% 82%
 }
 50% {
 background-position: 100% 19%
 }
 100% {
 background-position: 0% 82%
 }
}
 
@keyframes rainbow {
 0% {
 background-position: 0% 82%
 }
 50% {
 background-position: 100% 19%
 }
 100% {
 background-position: 0% 82%
 }
}


#content-container #left {
    margin-top: 190px;
    margin-left: -25px;
}




.admin-link {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 999;
}
 
.admin-link a {
    padding: 10px;
    background-color: #28445b;
    border-radius: 3px;
    transition: .2s ease;
    color: #fff;
    font-size: 13px;
}
 
.admin-link a:hover { background-color: #182a38; }
 
.admin-link br { display: none; }



#content-container #left {
    margin-top: 105px;
    margin-left: -35px;
}


div [style*="#000000"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f0e3';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div [style*="#000099"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f505';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div [style*="#4F4F4F"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f2bd';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}


div
 [style*="#000000"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f24e';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div
 [style*="#42B837"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f304';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div
 [style*="#4BDB50"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f305';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div
 [style*="#CC1A1A"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f54c';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div
 [style*="#0CF000"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f5ae';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}


div
 [style*="#D4DB00"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f132';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div
 [style*="#0C800"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f508';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div
 [style*="#EB6767"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f501';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}
div
 [style*="#0028F0"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f02d';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div
 [style*="#F0C800"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f5a2';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}


div
 [style*="#7FCCE8"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f4ff';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}


div
 [style*="#0C95C7"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f007';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

div
 [style*="#B0B0B0"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f0e7';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}


li.header {
    border-bottom: 3px solid #008b8b;
}
.stat-card {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    color: #444;
    font-size: 0;
    float: left;
    height: 75px;
    padding: 15px;
    width: 23%;
    margin-right: 24px;
    text-align: right;
}
 
.stat-card:last-child { margin-right: 0; }
 
.stat-card title-stat {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
 
.stat-card strong {
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -1px;
    color: #008b8b;
}
 
.stat-card i {
    float: left;
    font-size: 40px;
    color: #008b8b;
    margin-top: -13px;
    margin-bottom: -25px;
}

/*BEGIN Who's online*/
a.gensmall {border: none;}
.block {width: 100%;display: block;float: left;border-radius: 3px;background-color: #fff;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);font-size: 13px;padding: 16px;}
.block a:link,.block a:visited {color: #444;}
.block .h3 { font-size: 20px;border: none;}
.block .h3 i {height: 28px;line-height: 30px;margin-right: 10px;color: #fff;}
.stats-tabs br {display:none;}
.stats-tabs section {display: none;padding: 20px 0 0;}
.stats-tabs input { display: none; }
.stats-tabs label {display: inline-block;margin: 0 0 -1px;padding: 15px 25px;font-weight: 600;text-align: center;color: #A0B8B5;}
.stats-tabs label:before {font-family: "Font Awesome 5 Free";margin-right: 10px;}
.stats-tabs label[for*='1']:before { content: '\f0c0'; }
.stats-tabs label[for*='2']:before { content: '\f1fd'; }
.stats-tabs label[for*='3']:before { content: '\f187'; }
.stats-tabs label[for*='4']:before { content: '\f1da'; }
.stats-tabs label:hover {color: darkcyan;cursor: pointer;}
.stats-tabs input:checked + label {color: darkcyan;border-top: 2px solid darkcyan;border-left: 1px solid #A0B8B5;border-right: 1px solid #A0B8B5;border-bottom: 1px solid #fff;}
.stats-tabs #tab1:checked ~ #content1,.stats-tabs #tab2:checked ~ #content2,.stats-tabs #tab3:checked ~ #content3 { display: block; }
@media screen and (max-width: 800px) {.stats-tabs label {font-size: 0;}
.stats-tabs label:before {margin: 0;font-size: 18px;}}
@media screen and (max-width: 500px) {.stats-tabs label {padding: 15px;}}
.block .legend { font-size: 0px; }
.block .legend b a {font-size: 13px;font-weight: 600;}
.block .legend b a::after {content: ", ";font-weight: 400;color: #fff;}
.block .legend b:last-child a::after { content: ""; }
.block .legend {display: inline-flex;white-space:break-spaces;}
#content1, #content2 {line-height: 3;}
.stats-tabs section {border-top: 1px solid #A0B8B5;}
/*END Who's online*/


/*** FOOTER
======================================= ***/

#page-footer {
    background-color: #141414;
    box-shadow: 0 1px 0 rgba(255,255,255,0.03) inset;
    min-height: 60px;
    width: 100%;
    border: none;
}

.footerbar-system { padding: 20px 0 0; }

.footerbar-system .rightside { font-size: 0; }

.footerbar-system a, .footerbar-user a {
    font-size: 14px;
    color: #d8d8d8;
    margin-right: 25px;
}

.footerbar-system a:hover, .footerbar-user a:hover { color: #fff; }

.linklist .rightside { text-align: right; }

.fa-footer,
.fa-footer * {
  box-sizing: border-box;
}
 
.fa-footer {
  background-color: #212529;
  font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
  font-size: 14px;
  color: #a0a8b0;
  line-height: 1.5;
}
 /** Tags Genéricas: */
 
.fa-footer a {
    text-decoration: none;
    color: #fff;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    transition: 0.3s all;
} 
.fa-footer a:hover { color: #4F793E; }
 
/**
 * Sistema de Grid e ajustes das colunas genéricas:
 */
 
.fa-footer .fa-footer-row {
  display: flex;
  flex-direction: row;
  padding: 0 15px;
}
 
.fa-footer .fa-footer-row .fa-footer-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  padding: 15px 0;
}
 
.fa-footer .fa-footer-row .fa-footer-col:last-child {
  margin-right: 10px;
}
 
.fa-footer .fa-footer-row .fa-footer-col .lead {
  text-transform: uppercase;
  font-size: 16px;
  color: #4F793E;
  margin-bottom: 10px;
}
 
.fa-footer .fa-footer-row .fa-footer-col p {
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

 
/**
 * Ajustes para a a coluna primária:
 */
 
.fa-footer .fa-footer-row .fa-primary-footer-col {
  border-right: solid 1px #2a2e32;
  position: relative;
  flex-grow: 1;
}
 
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
  width: 205px;
  margin: 30px;
}
 
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social {
  margin: 18px 0 5px 0;
  display: flex;
  width: 100%;
  justify-content: space-around;
}
 
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  border-bottom: none;
  border-radius: 100px;
  box-shadow: none;
  border: solid 1px #4F793E;
}
 
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a:hover {
  color: #fff;
  background-color: #4F793E;
}
 
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top {
  position: absolute;
  right: -20px;
  bottom: -20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 40px;
  background-color: #212529;
  border: solid 1px #2a2e32;
  color: #4F793E;
  font-size: 23px;
  border-radius: 20px;
  z-index: 3;
  box-shadow: 1px 1px 2px rgba(11, 13, 15, 0.84);
  cursor: pointer;
  transition: all 100ms linear;
}
 
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top .fa {
  margin-top: -3px;
}
 
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top:hover {
  background-color: #4F793E;
  color: #fff;
}
 

/*** HEADER
======================================= ***/

 
.headerbar {
    height: 590x;
    background-size: initial;
}

#main-menu {
    position: relative;
    background-color: #333333;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.23), 0 3px rgba(0, 0, 0, 0.078);
    box-shadow: 0 -3px rgba(0, 0, 0, 0.23), 0 3px rgba(0, 0, 0, 0.078);
    color: #fff;
    text-align: center;
    height: 55px;
    width: 80%;
    margin-left: 10%;
    margin-top: -2%;
 border-bottom: 3px solid #008b8b;
  border-radius: 5px;
}

 
#main-menu.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
 
.navbar-links {
    width: 100%;
    padding: 0 2%;
}
 
.navbar-links a li {
    float: left;
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    padding: 14px;
    color: #FFF;
}
 
.navbar-links a li:hover {
    box-shadow: inset 0px -2px 0 #fff;
    background-color: rgba(0,0,0,.2);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
 
.navbar-links a li i { margin-right: 5px; }
 
.navbar-user {
    position: absolute;
    right: 50px;
}
 
.navbar-user .is-normal {
    position: absolute;
    top: -15px;
    right: 20px;
}
 
.navbar-user .is-normal .user-menu-open { display: none!important; }
 
.navbar-user .is-normal .avatar {
    position: relative;
    width: 80px;
    height: 80px;
    background-image: url(https://i.pinimg.com/originals/96/7d/b7/967db783e02abd15bdb5c21e5207af29.jpg);
    padding: 7px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 2px 3px rgba(0,0,0,0.8), 0 0 2px rgb(0,0,0);
    border: none;
    z-index: 1;
}
 
.navbar-user .is-normal .avatar img {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.is-normal .user-item {
    background: #EEEEEE;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    margin-left: -30%;
    position: absolute;
    color: #FFFFFF!important;
    text-align: center;
    font-size: 20px;
    padding-top: 15px;
    -webkit-transform: translate3d(5px, -65px, 0);
     transform: translate3d(5px, -65px, 0);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}
 
.is-normal .user-item:hover { background-color: #FFF!important; }
 
.is-normal .user-menu-open:checked ~ .user-item:nth-child(3) {
   transition-duration: 180ms;
   -webkit-transition-duration: 180ms;
   -webkit-transform: translate3d(-55px, -135px, 0);
   transform: translate3d(-55px, -135px, 0);
}
 
.is-normal .user-menu-open:checked ~ .user-item:nth-child(4) {
   transition-duration: 280ms;
   -webkit-transition-duration: 280ms;
   -webkit-transform: translate3d(5px, -135px, 0);
   transform: translate3d(5px, -135px, 0);
}
 
.is-normal .user-menu-open:checked ~ .user-item:nth-child(5) {
   transition-duration: 380ms;
   -webkit-transition-duration: 380ms;
   -webkit-transform: translate3d(65px, -135px, 0);
   transform: translate3d(65px, -135px, 0);
}
 
.is-normal .user-item.blue {
   background-color: #669AE1;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
 
.is-normal .user-item.blue:hover {
   color: #669AE1!important;
   text-shadow: none;
}
 
.is-normal .user-item.green {
   background-color: #70CC72;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
 
.is-normal .user-item.green:hover {
   color: #70CC72!important;
   text-shadow: none;
}
 
.is-normal .user-item.red {
   background-color: #FE4365;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
 
.is-normal .user-item.red:hover {
   color: #FE4365!important;
   text-shadow: none;
}
 
.user-item[data-status*="Nova"]:after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 25%;
    right: 20%;
}
 
.user-nav {
    background-color: rgba(0,0,0,.3);
    position: relative;
    width: auto;
    min-width: 160px;
    font-size: 15px;
    height: 50px;
    padding: 13px;
    cursor: pointer;
}
.user-nav:hover { background-color: rgba(0,0,0,.5); }
 
.user-nav i { margin-left: 7px; }
 
.dropdown-submenu {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-radius: 0 0 3px 3px;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 0;
    cursor: pointer;
    margin-top: 14px;
    background-color: #2c353b;
}
 
.dropdown-submenu a {
    color: #fff;
    font-size: 1.4rem;
    display: block;
    padding: 5px;
}
.dropdown-submenu a:hover { background-color: rgba(0,0,0,.3); }
 
.user-nav > .dropdown-submenu { display: none; }
.user-nav:hover > .dropdown-submenu { display: block; }



overhall:

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>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
  <script type="text/javascript">
!function(){var t,e=document.getElementById("darkSwitch");if(e){t=null!==localStorage.getItem("darkSwitch")&&"dark"===localStorage.getItem("darkSwitch"),(e.checked=t)?document.body.setAttribute("data-theme","dark"):document.body.removeAttribute("data-theme"),e.addEventListener("change",function(t){e.checked?(document.body.setAttribute("data-theme","dark"),localStorage.setItem("darkSwitch","dark")):(document.body.removeAttribute("data-theme"),localStorage.removeItem("darkSwitch"))})}}();
</script> <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');
      ga('send', 'pageview');
      ga('set', 'anonymizeIp', true);
 
      <!-- BEGIN google_analytics_code_bis -->
      ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
      ga('bis.send', 'pageview');
      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://fonts.googleapis.com/css?family=Amatic+SC&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet">
  <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
    <link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet" />
    <!-- BEGIN switch_user_logged_out -->
   
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" integrity="sha256-RdH19s+RN0bEXdaXsajztxnALYs/Z43H/Cdm1U4ar24=" crossorigin="anonymous" />
    <!-- END switch_user_logged_out -->
</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>
            <!-- BEGIN switch_user_logged_out -->
            <div id="login-dialog" class="login-popup zoom-anim-dialog mfp-hide">
                  <h3 class="aside-title">LOGAR NO FÓRUM</h3>
                  <form action="{S_LOGIN_ACTION}" method="post" class="login-form" name="form_login">
                    <label for="login-username-input-target" class="username-input">
                    <input type="text" name="username" class="rounded-input blue-active" id="login-username-input-target" placeholder="{L_USERNAME}" required/>
                    <i class="fas fa-user"></i>
                    </label>
                    <label for="login-password-input-target" class="password-input">
                    <input type="password" name="password" class="rounded-input blue-active" id="login-password-input-target" placeholder="{L_PASSWORD}" required/>
                    <i class="fas fa-key"></i>
                    </label>
                    <div style="font-size: 15px; margin-bottom: 5%;">
                      <input class="radio" id="autologin-check" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}/>
                        <label for="autologin-check">Manter-me conectado.</label>
                    </div>
                    <button type="submit" class="rounded-button" id="doLogin" name="login">Vamos lá!</button>
                  </form>
                </div>
            <!-- END switch_user_logged_out -->
     
            <nav id="main-menu">
                          <div class="wrap">
                                  <div class="navbar-content">
                                  <ul class="navbar-links">
                                        <a href="/forum"><li><i class="fas fa-home"></i>Início</li></a>
                                              <a href="/groups"><li><i class="fas fa-user-friends"></i>Grupos</li></a>
                                              <a href="/memberlist"><li><i class="fas fa-users"></i>Membros</li></a>
                                                <a href="/privmsg?folder=inbox"><li><i class="fas fa-mail-bulk"></i>Mensagens Privadas</li></a>
                                      <a href="/h1-"><li><i class="fas fa-edit"></i>Realizar postagem</li></a>
                                   
                                 
                                                                                                   
                                    <div class="navbar-user">
                                          <div class="is-normal">
                                            <input type="checkbox" href="#" class="user-menu-open" name="user-menu-open" id="user-menu-open" />
                                            <label class="user-menu-open-button" for="user-menu-open">
                                              <div class="avatar">
                                                <!-- BEGIN switch_user_logged_in -->
                                                <script type="text/javascript">
                                                  //<![CDATA[
                                                  $(function() {
                                                      'use strict';
                                             
                                                      $('.avatar').append("<img src='http://www.habbo.com.br/habbo-imaging/avatarimage?user=" + _userdata.username + "&action=std&direction=4&head_direction=3&gesture=sml&size=b' title='Clique para mais opções'/>");
                                                      $('.avatar img').css('left', '10px');
                                                      $('.avatar img').css('top', '-5px');
                                                  });
                                                  //]]>
                                                </script>
                                                <!-- END switch_user_logged_in -->
                                                <!-- BEGIN switch_user_logged_out -->
                                                  <img src="https://i.imgur.com/D2vHls4.png" />
                                                <!-- END switch_user_logged_out -->
                                              </div>
                                            </label>
                                            <!-- BEGIN switch_user_logged_in -->
                                            <a href="/profile?mode=editprofile" title="Editar o meu perfil" class="user-item blue"><i class="fas fa-user-cog"></i></a>
                                            <a href="/privmsg?folder=inbox" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" class="user-item green"><i class="fas fa-envelope"></i></a>
                                            <a href="/login?logout=1" title="Fechar sessão" class="user-item red"><i class="fas fa-sign-out-alt"></i></a>
                                            <!-- END switch_user_logged_in -->
                                            <!-- BEGIN switch_user_logged_out -->
                                            <a href="/login" title="Iniciar sessão" class="user-item blue login-btn"><i class="fas fa-sign-in-alt"></i></a>
                                            <a href="/register" title="Registrar-se" class="user-item green"><i class="fas fa-user-plus"></i></a>
                                            <a href="/profile?mode=sendpassword" title="Esqueci minha senha" class="user-item red"><i class="fas fa-question"></i></a>
                                            <!-- END switch_user_logged_out -->
                                          </div>
                                   
                                   
                                            </div>
                                          </div>
                                      </div>
                                  </div>
                            </div>
                    </nav>
 
      <!-- 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">
 <div class="custom-switch"><input type="checkbox" class="toggle" id="darkSwitch"><label for="darkSwitch"></label></div>
        <!-- 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">
por Oterleski
em Ter 20 Fev 2024 - 14:20
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Erro no modo noturno
Respostas: 8
Vistos: 164

Conflito de códigos JavaScript

Detalhes da questão


Endereço do fórum: https://www.pmhabbo.com/
Versão do fórum: ModernBB

Descrição


Detalhes da questão


Endereço do fórum: https://www.pmhabbo.com/
Versão do fórum: ModernBB

Descrição


Olá. No momento nós fizemos alterações no topo do nosso fórum para remover os antigos bugs, mas existem algumas ferramentas que precisamos no nosso fórum e que os códigos parecem estar ultrapassados ou com algum bug.

O botão da barra lateral de acesso mais rápido aos tópicos não abre;
A barra tods BBCodes não carrega;
O perfil dos usuários não terminava de caregar e era impossível acessar o menu do perfil (trocamos o topo e não precisamos mais);

Esses erros começaram a acontecer sem alguma explicação, não sei se realmente por códigos ultrapassados, mas foi um pouco após eu trocar o domínio do fórum. Precisamos trocar o topo do fórum e mexer no over hall e css, removemos nosso dark mode, o botão de fácil acesso, enfim, tudo isso acaba bugando algo no fórum.

Os bugs visualmente: https://imgur.com/a/232r1e4
O bug do botão em um fórum teste: https://testemaly.forumeiros.com/

Overhall completo dos bugs:


por Tornado10
em Sáb 20 Jan 2024 - 6:06
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Conflito de códigos JavaScript
Respostas: 7
Vistos: 695

O menu personalisado do meu Fórum não aparece

Olá,

Com CSS, consegui "desenterrar" o menu de onde ele anda escondido... no entanto apenas na posição "fixed":
Código:
ul[class="navbar navlinks borderless"] {
    z-index: 999 !important;
    position: fixed;
    width: auto !important;
    height: auto !important;
}
ul[class="navbar navlinks borderless"] img {
    width: auto !important;
    height: auto !important;
}


Se remover a posição "fixed" por outra qualquer, o menu desaparece...
Alguém quer explorar mais isto?

Hancki
por Hancki
em Ter 19 Dez 2023 - 23:55
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: O menu personalisado do meu Fórum não aparece
Respostas: 9
Vistos: 655

O menu personalisado do meu Fórum não aparece

Detalhes da questão


Endereço do fórum: https://www.criadoresdepassaros.com/
Versão do fórum: ModernBB

Descrição


Bom dia ,

O menu personalisado do meu Fórum não aparece no mesmo , esta tudo ativado e as imagens do menu não aparecem , segue print do menu no Painel administrativo de como deveria aparecer ..

Menu - Procurar Botzao10
por EDU2010
em Qua 6 Dez 2023 - 10:06
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: O menu personalisado do meu Fórum não aparece
Respostas: 9
Vistos: 655

Juntar barra menu e melhorar aparência

Shek escreveu:Boa noite.

Para sua primeira dúvida acredito que possa resultar com esse código CSS:
Código:
ul#modernbb-nav-menu li {
    float: inline-start;
}

ul#modernbb-nav-menu {
    padding-left: 300px !important;
}
Para as outras duas questões, é preciso criar essas dúvidas em tópicos distintos. Isto é, se as regras não mudaram (porque eu não achei isso no regulamento).

Atenciosamente,
Shek King


Olá Shek,

Que bom ver você. Há muito tempo que não interagia consigo. Espero que esteja tudo bem consigo.

1ª Questão solucionada, perfeito!
por Bruno_Vilhena
em Ter 14 Nov 2023 - 1:47
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Juntar barra menu e melhorar aparência
Respostas: 3
Vistos: 644

Juntar barra menu e melhorar aparência

Boa noite.

Para sua primeira dúvida acredito que possa resultar com esse código CSS:
Código:
ul#modernbb-nav-menu li {
    float: inline-start;
}

ul#modernbb-nav-menu {
    padding-left: 300px !important;
}
Para as outras duas questões, é preciso criar essas dúvidas em tópicos distintos. Isto é, se as regras não mudaram (porque eu não achei isso no regulamento).

Atenciosamente,
Shek King
por Shek
em Seg 13 Nov 2023 - 23:54
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Juntar barra menu e melhorar aparência
Respostas: 3
Vistos: 644

Juntar barra menu e melhorar aparência

Detalhes da questão


Endereço do fórum: https://bpgrpg.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição


Bom dia,

Gostaria de solicitar assistência em três questões específicas relacionadas ao nosso fórum:

Ajuste da Barra de Menu: Anteriormente, colocar a barra do menu toda junta ao centro. Visualizar Imagem.

Remoção de Fundo do Logo em Versão Mobile: Necessito de ajuda para remover o fundo branco e manter apenas o logotipo, com fundo transparente, na versão mobile do fórum. Visualizar Imagem.

Alteração de Cor no Menu Mobile: Por último, gostaria de alterar a cor dos links no menu na versão mobile para branco. Visualizar Imagem.



Agradeço antecipadamente pela atenção e suporte.

Atenciosamente,
Bruno
por Bruno_Vilhena
em Seg 13 Nov 2023 - 14:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Juntar barra menu e melhorar aparência
Respostas: 3
Vistos: 644

Opções de formulário apagadas

Boa tarde @legit-nyck

Mude seu overall_header para:

Código:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
    <meta charset="{S_CONTENT_ENCODING}" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
 
    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->
 
    {META_FAVICO}
    {META}
    {META_FB_LIKE}
 
    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 
    {T_HEAD_STYLESHEET}
    {CSS}
 
    <meta name="theme-color" content="{GG_THEME_COLOR}" />
 
    <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>
 
    <!-- BEGIN switch_fb_login -->
    <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="{JS_DIR}jquery/ticker/ticker.css" />
    <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
    <!-- END switch_ticker -->
 
    <!-- BEGIN switch_ticker -->
    <script type="text/javascript">
        //<![CDATA[
        $(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},
                max_height: {switch_ticker.HEIGHT},
            });
        });
        //]]>
    </script>
    <!-- END switch_ticker -->
    <script type="text/javascript">
        $(document).scroll(function() {
            var y = $(this).scrollTop();
            if (y > 164) {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0){
                    $('.btn-fixed').addClass('btn-scrolled');
                }
            } else {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0) {
                    $('.btn-fixed').removeClass('btn-scrolled');
                }
            }
        });
    </script>
    <!-- BEGIN switch_report_popup -->
    <script type="text/javascript">
        //<![CDATA[
        $(document).ready(function () {
            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();
            }
        });//]]>
    </script>
    <!-- END switch_report_popup -->
    <!-- BEGIN switch_enable_pm_popup -->
    <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();
            }
        });
        //]]>
    </script>
    <!-- END switch_enable_pm_popup -->
    <!-- BEGIN switch_login_popup -->
    <script type="text/javascript">
        //<![CDATA[
    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>
    <!-- END switch_login_popup -->
 
    {RICH_SNIPPET_GOOGLE}
    {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 rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <style>
        #logo-text {
            max-width: calc(100% - 150px);
        }
 
        .forum-description img {
            max-width: calc(100% - 15px);
        }
    </style>
</head>
 
<body id="top">
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="block-subtle" style="z-index: 10001 !important;">
    <div class="headline">
        {SITENAME}
        <button title="{L_LOGIN_CLOSE}" id="login_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="login_popup_content">
        <div id="login_popup_message">
            {LOGIN_POPUP_MSG}
        </div>
        <br />
        <div id="login_popup_buttons">
            <!-- BEGIN switch_quick_login -->
        <div class="mt10">
            <div class="social_btn">
              <!-- BEGIN fb_quick_connect -->
              <div class="fb-login-button"></div>
              <!-- END fb_quick_connect -->
              &nbsp;
              <!-- BEGIN topicit_quick_connect -->
              <div class="ti-connect"></div>
              <!-- END topicit_quick_connect -->
            </div>
        </div>
            <br/>
            <!-- END switch_quick_login -->
            <form action="{S_LOGIN_ACTION}" method="get">
                <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
                <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
            </form>
        </div>
    </div>
</div>
<!-- END switch_login_popup -->
 
{GREETING_POPUP}
 
<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" class="block-subtle" style="z-index: 10000 !important;">
    <div class="headline">
        {inactive_users_modal.L_MODAL_TITLE}
        <button title="{inactive_users_modal.L_CLOSE}" id="inactive_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="inactive_popup_message">
        {inactive_users_modal.L_MODAL_BODY}
    </div>
    <br />
    <div id="inactive_popup_buttons">
        <button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</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_like_popup -->
<div id="like_popup" class="block-subtle" style="z-index: 10001 !important;">
    <div class="headline">
        {SITENAME}
        <button title="{L_LIKE_CLOSE}" id="like_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="like_popup_message">
        {LIKE_POPUP_MSG}
    </div>
    <br />
    <div id="like_popup_buttons">
        <form action="{S_LOGIN_ACTION}" method="get">
            <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
            <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
        </form>
    </div>
</div>
<!-- END switch_like_popup -->
<header>
    <div id="main-menu-btn">
        <i class="material-icons">menu</i>
    </div>
    <a id="logo-link" href="{U_INDEX}">
        <div id="logo">
            <!-- BEGIN switch_logo_mob -->
            <img src="{switch_logo_mob.LOGO_MOB}" alt="{L_INDEX}" loading="lazy" />
            <!-- END switch_logo_mob -->
        </div>
        <!-- BEGIN switch_h1 -->
        <span id="logo-text">{switch_h1.MAIN_SITENAME}</span>
        <!-- END switch_h1 -->
    </a>
    <!-- BEGIN switch_user_logged_out -->
    <a href="{S_LOGIN_ACTION}" class="button">{L_LOGIN}</a>
    <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <a href="javascript:void(0)" id="header-user"></a>
    <a href="javascript:void(0)" id="header-notif"><i class="material-icons">notifications</i></a>
    <!-- END switch_user_logged_in -->
    <form method="get" action="{ACTION_SEARCH}" id="search-main">
        <input type="text" name="search_keywords" maxlength="128" placeholder="{L_SEARCH}" />
        <button type="submit"><i class="material-icons">search</i></button>
    </form>
    <ul id="header-navigation">
        <li><a id="navigation-home" href="{NAVIGATION_HOME}"><i class="material-icons">apps</i>{L_FORUM}</a></li>
        <li><a id="navigation-recent" href="/latest"><i class="material-icons">comment</i>{L_TOPICS}</a></li>
    </ul>
</header>
 
<div id="main-menu" class="hidden">
    <div class="main-menu-headline">{SITENAME}</div>
</div>
 
<div id="main-user-menu" class="hidden">
</div>
 
<div id="notif-menu" class="hidden">
    <div class="main-menu-headline" data-text="_lang['Notifications']"></div>
    <ul id="notif_list">
        <li id="notif-view-all"><a href="/profile?mode=editprofile&page_profil=notifications" data-text="_lang['Notif_see_all']"></a></li>
    </ul>
</div>
<div id="live_notif">
</div>
 
<div id="header-banner">
    <div class="wrap">
        <!-- BEGIN switch_desc -->
        <h2 style="transition: none !important; opacity: 0;">{switch_desc.SITE_DESCRIPTION}</h2>
        <!-- END switch_desc -->
    </div>
</div>
<div id="wrap">
 
    <!-- BEGIN switch_ticker -->
    <div id="fa_ticker_block">
        <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 -->
 
    <!-- BEGIN html_validation -->
</div><!-- <div id="wrap" /> -->
</body>
</html>
<!-- END html_validation -->


Em seguida, adicione esse seguinte código em sua Folha de Estilo (CSS):

Código:
        .sceditor-button {
                position: relative;
            }

            .sceditor-button * {
                text-indent: initial!important;
                color: #000!important;
                line-height: 15px!important;
            }

            .sceditor-button div {
                font-size: 0px!important;
                background-image: none!important;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .sceditor-button div:before {
                font-size: 15px!important;
                font-family: 'Font Awesome 5 Free';
                text-indent: initial!important;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

            .sceditor-button-bold div:before {
                content: "\f032";
            }

            .sceditor-button-italic div:before {
                content: "\f033";
            }

            .sceditor-button-underline div:before {
                content: "\f0cd";
            }

            .sceditor-button-strike div:before {
                content: "\f0cc";
            }

            .sceditor-button-left div:before {
                content: "\f036";
            }

            .sceditor-button-center div:before {
                content: "\f037";
            }

            .sceditor-button-right div:before {
                content: "\f038";
            }

            .sceditor-button-justify div:before {
                content: "\f039";
            }

            .sceditor-button-bulletlist div:before {
                content: "\f0ca";
            }

            .sceditor-button-orderedlist div:before {
                content: "\f0cb";
            }

            .sceditor-button-horizontalrule div:before {
                content: "\f068";
            }

            .sceditor-button-quote div:before {
                content: "\f10d";
            }

            .sceditor-button-code div:before {
                content: "\f1c9";
            }

            .sceditor-button-faspoiler div:before {
                content: "\f146";
            }

            .sceditor-button-fahide div:before {
                content: "\f070";
            }

            .sceditor-button-table div:before {
                content: "\f0ce";
            }

            .sceditor-button-servimg div:before {
                content: "\f03e";
            }

            .sceditor-button-image div:before {
                content: "\f1c5";
            }

            .sceditor-button-link div:before {
                content: "\f0c1";
            }

            .sceditor-button-embed div:before {
                content: "\f302";
            }

            .sceditor-button-youtube div:before {
                content: "\f03d";
            }

            .sceditor-button-dailymotion {
                display: none;
            }

            .sceditor-button-flash div:before {
                content: "\f008";
            }

            .sceditor-button-headers div:before {
                content: "\f1dc";
            }

            .sceditor-button-size div:before {
                content: "\f034";
            }

            .sceditor-button-color div:before {
                content: "\f1fc";
            }

            .sceditor-button-font div:before {
                content: "\f031";
            }

            .sceditor-button-removeformat div:before {
                content: "\f12d";
            }

            .sceditor-button-more div:before {
                content: "\f067";
            }

            .sceditor-button-subscript div:before {
                content: "\f12c";
            }

            .sceditor-button-superscript div:before {
                content: "\f12b";
            }

            .sceditor-button-fascroll div:before {
                content: "\f060";
            }

            .sceditor-button-faupdown div:before {
                content: "\f062";
            }

            .sceditor-button-farand div:before {
                content: "\f074";
            }

            .sceditor-button-date div:before {
                content: "\f133";
            }

            .sceditor-button-time div:before {
                content: "\f017";
            }

            .sceditor-button-pastetext div:before {
                content: "\f0ea";
            }

            .sceditor-button-source div:before {
                content: "\f0c5";
            }

            .sceditor-button-emoticon div:before {
                content: "\f118";
            }

            .sceditor-font-picker {
                height: 250px;
                width: 150px;
                overflow-y: auto;
            }


Caso não tenha funcionado, retorne uma mensagem novamente para este tópico.

(Aguardo resposta).
Atenciosamente,
do seu amigo da comunidade, Musashi! Muito feliz
por Musashi
em Sex 6 Out 2023 - 16:41
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Opções de formulário apagadas
Respostas: 13
Vistos: 912

Opções de formulário apagadas

Código:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
    <meta charset="{S_CONTENT_ENCODING}" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />

    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->

    {META_FAVICO}
    {META}
    {META_FB_LIKE}

    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

    {T_HEAD_STYLESHEET}
    {CSS}

    <meta name="theme-color" content="{GG_THEME_COLOR}" />

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

    <!-- BEGIN switch_fb_login -->
    <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="{JS_DIR}jquery/ticker/ticker.css" />
    <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker -->
    <script type="text/javascript">
        //<![CDATA[
        $(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},
                max_height: {switch_ticker.HEIGHT},
            });
        });
        //]]>
    </script>
    <!-- END switch_ticker -->
    <script type="text/javascript">
        $(document).scroll(function() {
            var y = $(this).scrollTop();
            if (y > 164) {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0){
                    $('.btn-fixed').addClass('btn-scrolled');
                }
            } else {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0) {
                    $('.btn-fixed').removeClass('btn-scrolled');
                }
            }
        });
    </script>
    <!-- BEGIN switch_report_popup -->
    <script type="text/javascript">
        //<![CDATA[
        $(document).ready(function () {
            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();
            }
        });//]]>
    </script>
    <!-- END switch_report_popup -->
    <!-- BEGIN switch_enable_pm_popup -->
    <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();
            }
        });
        //]]>
    </script>
    <!-- END switch_enable_pm_popup -->
    <!-- BEGIN switch_login_popup -->
    <script type="text/javascript">
        //<![CDATA[
    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>
    <!-- END switch_login_popup -->

    {RICH_SNIPPET_GOOGLE}
    {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 rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
    <style>
        #logo-text {
            max-width: calc(100% - 150px);
        }

        .forum-description img {
            max-width: calc(100% - 15px);
        }
    </style>
</head>

<body id="top">
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="block-subtle" style="z-index: 10001 !important;">
    <div class="headline">
        {SITENAME}
        <button title="{L_LOGIN_CLOSE}" id="login_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="login_popup_content">
        <div id="login_popup_message">
            {LOGIN_POPUP_MSG}
        </div>
        <br />
        <div id="login_popup_buttons">
            <!-- BEGIN switch_quick_login -->
         <div class="mt10">
            <div class="social_btn">
               <!-- BEGIN fb_quick_connect -->
               <div class="fb-login-button"></div>
               <!-- END fb_quick_connect -->
               &nbsp;
               <!-- BEGIN topicit_quick_connect -->
               <div class="ti-connect"></div>
               <!-- END topicit_quick_connect -->
            </div>
         </div>
            <br/>
            <!-- END switch_quick_login -->
            <form action="{S_LOGIN_ACTION}" method="get">
                <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
                <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
            </form>
        </div>
    </div>
</div>
<!-- END switch_login_popup -->

{GREETING_POPUP}

<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" class="block-subtle" style="z-index: 10000 !important;">
    <div class="headline">
        {inactive_users_modal.L_MODAL_TITLE}
        <button title="{inactive_users_modal.L_CLOSE}" id="inactive_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="inactive_popup_message">
        {inactive_users_modal.L_MODAL_BODY}
    </div>
    <br />
    <div id="inactive_popup_buttons">
        <button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</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_like_popup -->
<div id="like_popup" class="block-subtle" style="z-index: 10001 !important;">
    <div class="headline">
        {SITENAME}
        <button title="{L_LIKE_CLOSE}" id="like_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="like_popup_message">
        {LIKE_POPUP_MSG}
    </div>
    <br />
    <div id="like_popup_buttons">
        <form action="{S_LOGIN_ACTION}" method="get">
            <input type="submit" value="{L_LOGIN}" class="btn btn-default" />
            <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default" />
        </form>
    </div>
</div>
<!-- END switch_like_popup -->
<header>
    <div id="main-menu-btn">
        <i class="material-icons">menu</i>
    </div>
    <a id="logo-link" href="{U_INDEX}">
        <div id="logo">
            <!-- BEGIN switch_logo_mob -->
            <img src="{switch_logo_mob.LOGO_MOB}" alt="{L_INDEX}" loading="lazy" />
            <!-- END switch_logo_mob -->
        </div>
        <!-- BEGIN switch_h1 -->
        <span id="logo-text">{switch_h1.MAIN_SITENAME}</span>
        <!-- END switch_h1 -->
    </a>
    <!-- BEGIN switch_user_logged_out -->
    <a href="{S_LOGIN_ACTION}" class="button">{L_LOGIN}</a>
    <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <a href="javascript:void(0)" id="header-user"></a>
    <a href="javascript:void(0)" id="header-notif"><i class="material-icons">notifications</i></a>
    <!-- END switch_user_logged_in -->
    <form method="get" action="{ACTION_SEARCH}" id="search-main">
        <input type="text" name="search_keywords" maxlength="128" placeholder="{L_SEARCH}" />
        <button type="submit"><i class="material-icons">search</i></button>
    </form>
    <ul id="header-navigation">
        <li><a id="navigation-home" href="{NAVIGATION_HOME}"><i class="material-icons">apps</i>{L_FORUM}</a></li>
        <li><a id="navigation-recent" href="/latest"><i class="material-icons">comment</i>{L_TOPICS}</a></li>
    </ul>
</header>

<div id="main-menu" class="hidden">
    <div class="main-menu-headline">{SITENAME}</div>
</div>

<div id="main-user-menu" class="hidden">
</div>

<div id="notif-menu" class="hidden">
    <div class="main-menu-headline" data-text="_lang['Notifications']"></div>
    <ul id="notif_list">
        <li id="notif-view-all"><a href="/profile?mode=editprofile&page_profil=notifications" data-text="_lang['Notif_see_all']"></a></li>
    </ul>
</div>
<div id="live_notif">
</div>

<div id="header-banner">
    <div class="wrap">
        <!-- BEGIN switch_desc -->
        <h2 style="transition: none !important; opacity: 0;">{switch_desc.SITE_DESCRIPTION}</h2>
        <!-- END switch_desc -->
    </div>
</div>
<div id="wrap">

    <!-- BEGIN switch_ticker -->
    <div id="fa_ticker_block">
        <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 -->

    <!-- BEGIN html_validation -->
</div><!-- <div id="wrap" /> -->
</body>
</html>
<!-- END html_validation -->
por legit-nyck
em Qui 5 Out 2023 - 16:02
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Opções de formulário apagadas
Respostas: 13
Vistos: 912

Ajustar imagem do Rank

Olá @sequendianos,

Altere o template para
Código:
        <!-- BEGIN switch_plus_menu -->
        <script type="text/javascript">
          //<![CDATA[
          var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
        </script>
        <!-- END switch_plus_menu -->
        <script type="text/javascript">
            var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
            showHiddenMessage = function(id)
            {
                try
                {
                    var regId = parseInt(id, 10);
                    if( isNaN(regId) ) { regId = 0; }
       
                    if( regId > 0)
                    {
                        $('.post--' + id).parent().toggle(0, function()
                        {
                            if( $(this).is(":visible") )
                            {
                                $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                            }
                            else
                            {
                                $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                            }
                        });
                    }
                }
                catch(e) { }
       
                return false;
            };
            //]]>
        </script>
       
        <!-- BEGIN switch_push_direct_send -->
        <div id="push-answer" class="jqmWindow"></div>
        <script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
        <!-- END switch_push_direct_send -->
       
        <main id="topic">
            <div class="topic-header">
                <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a><!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}"><i class="material-icons">notifications</i></span><!-- END switch_push_direct_send --></h1>
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default mobile-hidden">
                    <i class="material-icons">{I_POST_NEW_TOPIC}</i>
                    <span>{L_POST_NEW_TOPIC}</span>
                </a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn btn-default">
                    <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
                    <span>{L_POST_REPLY_TOPIC}</span>
                </a>
                <!-- END switch_user_authreply -->
              <!-- BEGIN switch_user_authnoreply -->
              <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" title="{T_LOGIN_REPLY_TOPIC}" class="btn btn-default mobile-hidden">
                <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
                <span>{L_LOGIN_REPLY_TOPIC}</span>
              </a>
              <!-- END switch_user_authnoreply -->
                {POSTERS_LIST}
                <div id="breadcrumbs" class="breadcrumbs-topic">
                    <a href="{U_INDEX}"><i class="material-icons">home</i> <span>{L_INDEX}</span></a>
                    {NAV_CAT_DESC}
                </div>
                <!-- BEGIN topicpagination -->
                <div class="pagination">
                    {PAGINATION}
                </div>
                <!-- END topicpagination -->
            </div>
       
            <div class="topic-actions">
                <div class="topic-actions-buttons">
                    <!-- BEGIN switch_plus_menu -->
                    <div class="plus-menu-wrap">
                        <script type="text/javascript">//<![CDATA[
                            var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                            insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                            //]]>
                        </script>
                    </div>
                    <!-- END switch_plus_menu -->
       
                    <!-- BEGIN switch_plus_menu -->
                <div id="addthis-toolbar">
                    <div class="btn-floating-left" tabindex="100">
                            {L_SHARE}
                    </div>
                    <div class="addthis-toolbar-btn" style="position:absolute; z-index:1000; display: none; background-color: #fff;">
                            {switch_plus_menu.SOCIAL_BUTTONS}
                    </div>
                </div>
       
                    {switch_plus_menu.JS_SOCIAL_BUTTONS}
                    <!-- END switch_plus_menu -->
                </div>
            </div>
          <!-- BEGIN switch_isconnect -->
          <div class="quick-nav-topics">
              <a href="{U_VIEW_OLDER_TOPIC}" title="{L_VIEW_PREVIOUS_TOPIC}"><i class="material-icons">chevron_left</i><span>{L_PREVIOUS}</span></a>
              <a href="{U_VIEW_NEWER_TOPIC}" title="{L_VIEW_NEXT_TOPIC}" style="float: right;"><span>{L_NEXT}</span><i class="material-icons">chevron_right</i></a>
          </div>
          <!-- END switch_isconnect -->
       
            {POLL_DISPLAY}
       
            <!-- BEGIN postrow -->
            <!-- BEGIN hidden -->
            <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
                <div class="block">
                    <div class="block-content">
                        {postrow.hidden.MESSAGE}
                        <div class="block-footer" style="display: none;">
                            <!-- END hidden -->
       
                            <!-- BEGIN displayed -->
                            <div id="post-{postrow.U_POST_ID}" class="post-wrap {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                                <div id="{postrow.U_POST_ID}" class="post-header">
                                    <h2>
                                        <i class="material-icons">description</i>
                                        {postrow.displayed.ICON}
                                <span class="post-heading-wrap">
                                  <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
                                  <span class="post-date">{postrow.displayed.POST_DATE_NEW}</span>
                                </span>
                            </h2>
                            <div class="mobile-hide post-buttons">
                                <ul>
                                  <li class="btn-thank">
                                                {postrow.displayed.THANK_IMG}
                                            </li>
                                            <li class="btn-quote-multi">
                                                {postrow.displayed.MULTIQUOTE_IMG}
                                            </li>
                                            <li class="btn-quote">
                                                {postrow.displayed.QUOTE_IMG}
                                            </li>
                                            <li class="btn-edit">
                                                {postrow.displayed.EDIT_IMG}
                                            </li>
                                            <li class="btn-delete">
                                                {postrow.displayed.DELETE_IMG}
                                            </li>
                                            <li class="btn-ip">
                                                {postrow.displayed.IP_IMG}
                                            </li>
                                            <li class="btn-report">
                                                {postrow.displayed.REPORT_IMG_NEW}
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="mobile-show dropdown post-buttons-mobile">
                                        <i class="material-icons">more_horiz</i>
                                        <ul class="dropdown-box">
                                            <li class="btn-thank">
                                                {postrow.displayed.THANK_IMG}
                                            </li>
                                            <li class="btn-quote-multi">
                                                {postrow.displayed.MULTIQUOTE_IMG}
                                            </li>
                                            <li class="btn-quote">
                                                {postrow.displayed.QUOTE_IMG}
                                            </li>
                                            <li class="btn-edit">
                                                {postrow.displayed.EDIT_IMG}
                                            </li>
                                            <li class="btn-delete">
                                                {postrow.displayed.DELETE_IMG}
                                            </li>
                                            <li class="btn-ip">
                                                {postrow.displayed.IP_IMG}
                                            </li>
                                            <li class="btn-report">
                                                {postrow.displayed.REPORT_IMG_NEW}
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="post-body">
                                    <div class="post" {postrow.displayed.THANK_BGCOLOR}>
                                        <div class="post-content">
                                            {postrow.displayed.MESSAGE}
       
                                            {postrow.displayed.EDITED_MESSAGE}
       
                                            <!-- BEGIN switch_attachments -->
                                            <div class="attachbox">
                                      <b>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</b>
                                                <dl class="attachments">
                                                    <!-- BEGIN switch_post_attachments -->
                                                    <dt>
                                                        <!-- BEGIN switch_dl_att -->
                                                        <a class="postlink btn btn-flat" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><i class="material-icons">attach_file</i>{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                                        <!-- END switch_dl_att -->
                                                        <!-- BEGIN switch_no_dl_att -->
                                            <div class="postlink btn btn-flat" style="cursor: not-allowed"><i class="material-icons">attach_file</i>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}</div> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                                        <!-- END switch_no_dl_att -->
                                                    </dt>
                                                    <dd>
                                                        <!-- BEGIN switch_no_comment -->
                                                        <p>
                                                            {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}
                                            </p>
                                            <!-- END switch_no_comment -->
                                            <!-- BEGIN switch_no_dl_att -->
                                            <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                                            <!-- END switch_no_dl_att -->
                                            <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
                                        </dd>
                                        <!-- END switch_post_attachments -->
                                      </dl>
                                  </div>
                                  <!-- END switch_attachments -->
                                  <!-- BEGIN switch_signature -->
                                  <div class="post-signature" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
                                  <!-- END switch_signature -->
                                </div>
                                <div class="post-footer<!-- BEGIN switch_likes_active --> likes-active<!-- END switch_likes_active --><!-- BEGIN switch_vote_active --> vote-active<!-- END switch_vote_active -->">
                                  <!-- BEGIN switch_likes_active -->
                                  <div class="fa_like_div">
                                      <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                                        <span class="rep-cat">
                                            <i class="material-icons">thumb_up</i>
                                            {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                                        </span>
                                        <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
                                      </button>
                                      <!-- BEGIN switch_dislike_button -->
                                      <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                                        <span class="rep-cat">
                                            <i class="material-icons">thumb_down</i>
                                            {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                                        </span>
                                        <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
                                      </button>
                                      <!-- END switch_dislike_button -->
                                                <!-- BEGIN switch_like_list -->
                                                {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                                                <!-- END switch_like_list -->
                                                <!-- BEGIN switch_dislike_list -->
                                                {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                                                <!-- END switch_dislike_list -->
                                  </div>
                                  <!-- END switch_likes_active -->
                                  <!-- BEGIN switch_vote_active -->
                                  <div class="vote">
                                      <!-- BEGIN switch_vote -->
                                      <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up">
                                        <i class="material-icons">add_circle_outline</i>
                                      </a>
                                      <!-- END switch_vote -->
       
                                      <!-- BEGIN switch_vote -->
                                      <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down">
                                        <i class="material-icons">remove_circle_outline</i>
                                      </a>
                                      <!-- END switch_vote -->
       
                                                <!-- BEGIN switch_bar -->
                                                <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                                    <div class="vote-bar-desc">
                                                        {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                                                    </div>
       
                                                    <div class="vote-bars">
                                                        <!-- BEGIN switch_vote_plus -->
                                                        <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                                        <!-- END switch_vote_plus -->
       
                                                        <!-- BEGIN switch_vote_minus -->
                                                        <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                                        <!-- END switch_vote_minus -->
                                                    </div>
                                                </div>
                                                <!-- END switch_bar -->
       
                                      <!-- BEGIN switch_no_bar -->
                                      <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                                      <!-- END switch_no_bar -->
                                  </div>
                                  <!-- END switch_vote_active -->
                                </div>
                            </div>
                            <aside class="post-aside">
                                <div class="post-author-status"></div>
                                <div class="post-author">
                            <span class="post-author-name">
                                {postrow.displayed.POSTER_NAME}
                            </span>
   
                                        </div>
       
                                <div class="post-author-avatar">
                                            <div class="avatar-big">
                                                {postrow.displayed.POSTER_AVATAR}
                                            </div>
                                                                        <span class="post-author-title">
                                {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                            </span>
                                        </div>
                                <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION} box-body">
                                            {postrow.displayed.AWARDS}
                                </div>
                                <div class="award_more box-body"></div>
                                <br>
                                        <dl class="post-author-details">
                                            <!-- BEGIN profile_field -->
                                            <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                            <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                                            <!-- END profile_field -->
                                        </dl>
                                        <div class="post-author-rpg">
                                            {postrow.displayed.POSTER_RPG}
                                        </div>
                                        <div class="post-author-contact dropdown">
                                            <i class="material-icons">keyboard_arrow_down</i>
                                            <div class="dropdown-box">
                                                {postrow.displayed.PROFILE_IMG}
                                                {postrow.displayed.PM_IMG}
                                                {postrow.displayed.EMAIL_IMG}
                                                <!-- BEGIN contact_field -->
                                                {postrow.displayed.contact_field.CONTENT}
                                                <!-- END contact_field -->
                                            </div>
                                        </div>
                                    </aside>
                                </div>
                            </div>
                            <!-- END displayed -->
       
                            <!-- BEGIN hidden -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- END hidden -->
            <!-- END postrow -->
       
          <!-- BEGIN promot_trafic -->
          <div class="block block-ptrafic" id="ptrafic_close" style="display: none;">
              <div class="block-header">
                <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
                    <i class="material-icons">add_circle</i>
                </a>
                <span>{PROMOT_TRAFIC_TITLE}</span>
              </div>
          </div>
          <div class="block block-ptrafic" id="ptrafic_open" style="display:'';">
              <div class="block-header">
                <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
                    <i class="material-icons">remove_circle</i>
                </a>
                <span>{PROMOT_TRAFIC_TITLE}</span>
              </div>
              <div class="block-content ptrafic">
                <!-- BEGIN link -->
                <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}" >
                    <i class="material-icons">chat_bubble</i>
                        {promot_trafic.link.TITLE}
                </a><br />
                <!-- END link -->
              </div>
          </div>
          <!-- END promot_trafic -->
       
            <!-- BEGIN switch_forum_rules -->
            <div class="block" id="forum_rules">
                <div class="block-header">
                    {L_FORUM_RULES}
                </div>
                <div class="block-content">
                    <table class="postbody">
                        <tr>
                            <!-- BEGIN switch_forum_rule_image -->
                            <td class="logo">
                                <img src="{RULE_IMG_URL}" alt="" />
                            </td>
                            <!-- END switch_forum_rule_image -->
                            <td class="rules content">
                                {RULE_MSG}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- END switch_forum_rules -->
       
            {INLINE_MESSAGE}
       
            {QUICK_REPLY_FORM}
       
            <div class="topic-actions bottom">
                <div class="topic-actions-buttons">
                    <!-- BEGIN switch_user_logged_in -->
                    <!-- BEGIN watchtopic -->
                    {S_WATCH_TOPIC}
                    <!-- END watchtopic -->
                    <!-- END switch_user_logged_in -->
                </div>
            </div>
       
            <!-- BEGIN topicpagination -->
            <div class="pagination">
                {PAGINATION}
            </div>
            <!-- END topicpagination -->
       
            {JUMPBOX}
       
            <!-- BEGIN viewtopic_bottom -->
            <form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />
                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
                <label>
                    <span>{L_MOD_TOOLS}:</span>
                    <div class="quickmod-wrap">
                        {S_SELECT_MOD}
                        <input type="submit" value="{L_GO}" />
                    </div>
                </label>
            </form>
       
            <div class="topic-admin">{S_TOPIC_ADMIN}</div>
            <!-- END viewtopic_bottom -->
       
            <!-- BEGIN show_permissions -->
            <div class="block">
                <div class="block-header">
                <i class="material-icons">privacy_tip</i> {L_TABS_PERMISSIONS}
                </div>
                <div class="block-content">
                    {S_AUTH_LIST}
                </div>
            </div>
            <!-- END show_permissions -->
       
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" {S_POST_REPLY_TOPIC} class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
                <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
              <span class="btn-fixed-txt">{L_POST_REPLY_TOPIC}</span>
          </a>
            <!-- END switch_user_authreply -->
          <!-- BEGIN switch_user_authnoreply -->
          <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{T_LOGIN_REPLY_TOPIC}">
              <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
              <span class="btn-fixed-txt">{L_LOGIN_REPLY_TOPIC}</span>
          </a>
          <!-- END switch_user_authnoreply -->
        </main>
       
        <script type="text/javascript">
            //<![CDATA[
            $(document).ready(function() {
                $('.post-author-contact').each(function () {
                    $(this).find('a:nth-child(5n)').each(function () {
                        $(this).after('<br />');
                    });
                });
            });
            //]]>
        </script>
       
        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css">
        <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
        <script>
            $(document).ready(function() {
                $('pre, code').each(function(i, block) {
                    hljs.highlightBlock(block);
                });
       
                $('.post-author-contact').on('click', function() {
                    if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                        $(this).children('.dropdown-box').css({
                            'left': 'auto',
                            'right': '0'
                        });
                    } else {
                        $(this).children('.dropdown-box').css({
                            'left': '0',
                            'right': 'auto'
                        });
                    }
                });
       
              <!-- BEGIN switch_push_direct_send -->
              $('#push-answer').jqm({toTop: true});
       
              $('#push-bell').click(function(){
                return sendWebPush({TOPIC_ID});
              });
       
              function sendWebPush(tId){
                $.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer);
              }
       
              function showPushAnswer(data) {
                $('#push-answer').html(data).jqmShow();
                $('.jqmOverlay').bgiframe();
                $('#push-answer').bgiframe();
              }
              <!-- END switch_push_direct_send -->
            });
        </script>
Atenciosamente,
tikky.
por tikky
em Qui 13 Jul 2023 - 14:37
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ajustar imagem do Rank
Respostas: 6
Vistos: 922

Ajustar imagem do Rank

@musashi certo aqui está amigo:

Código:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
   //<![CDATA[
   var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }

            if( regId > 0)
            {
                $('.post--' + id).parent().toggle(0, function()
                {
                    if( $(this).is(":visible") )
                    {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                    }
                    else
                    {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                    }
                });
            }
        }
        catch(e) { }

        return false;
    };
    //]]>
</script>

<!-- BEGIN switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_push_direct_send -->

<main id="topic">
    <div class="topic-header">
        <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a><!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}"><i class="material-icons">notifications</i></span><!-- END switch_push_direct_send --></h1>
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default mobile-hidden">
            <i class="material-icons">{I_POST_NEW_TOPIC}</i>
            <span>{L_POST_NEW_TOPIC}</span>
        </a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn btn-default">
            <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->
      <!-- BEGIN switch_user_authnoreply -->
      <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" title="{T_LOGIN_REPLY_TOPIC}" class="btn btn-default mobile-hidden">
         <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
         <span>{L_LOGIN_REPLY_TOPIC}</span>
      </a>
      <!-- END switch_user_authnoreply -->
        {POSTERS_LIST}
        <div id="breadcrumbs" class="breadcrumbs-topic">
            <a href="{U_INDEX}"><i class="material-icons">home</i> <span>{L_INDEX}</span></a>
            {NAV_CAT_DESC}
        </div>
        <!-- BEGIN topicpagination -->
        <div class="pagination">
            {PAGINATION}
        </div>
        <!-- END topicpagination -->
    </div>

    <div class="topic-actions">
        <div class="topic-actions-buttons">
            <!-- BEGIN switch_plus_menu -->
            <div class="plus-menu-wrap">
                <script type="text/javascript">//<![CDATA[
                    var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                    var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                    var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                    var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                    var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                    insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                </script>
            </div>
            <!-- END switch_plus_menu -->

            <!-- BEGIN switch_plus_menu -->
         <div id="addthis-toolbar">
            <div class="btn-floating-left" tabindex="100">
                    {L_SHARE}
            </div>
            <div class="addthis-toolbar-btn" style="position:absolute; z-index:1000; display: none; background-color: #fff;">
                    {switch_plus_menu.SOCIAL_BUTTONS}
            </div>
         </div>

            {switch_plus_menu.JS_SOCIAL_BUTTONS}
            <!-- END switch_plus_menu -->
        </div>
    </div>
   <!-- BEGIN switch_isconnect -->
   <div class="quick-nav-topics">
      <a href="{U_VIEW_OLDER_TOPIC}" title="{L_VIEW_PREVIOUS_TOPIC}"><i class="material-icons">chevron_left</i><span>{L_PREVIOUS}</span></a>
      <a href="{U_VIEW_NEWER_TOPIC}" title="{L_VIEW_NEXT_TOPIC}" style="float: right;"><span>{L_NEXT}</span><i class="material-icons">chevron_right</i></a>
   </div>
   <!-- END switch_isconnect -->

    {POLL_DISPLAY}

    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
        <div class="block">
            <div class="block-content">
                {postrow.hidden.MESSAGE}
                <div class="block-footer" style="display: none;">
                    <!-- END hidden -->

                    <!-- BEGIN displayed -->
                    <div id="post-{postrow.U_POST_ID}" class="post-wrap {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                        <div id="{postrow.U_POST_ID}" class="post-header">
                            <h2>
                                <i class="material-icons">description</i>
                                {postrow.displayed.ICON}
                        <span class="post-heading-wrap">
                           <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
                           <span class="post-date">{postrow.displayed.POST_DATE_NEW}</span>
                        </span>
                     </h2>
                     <div class="mobile-hide post-buttons">
                        <ul>
                           <li class="btn-thank">
                                        {postrow.displayed.THANK_IMG}
                                    </li>
                                    <li class="btn-quote-multi">
                                        {postrow.displayed.MULTIQUOTE_IMG}
                                    </li>
                                    <li class="btn-quote">
                                        {postrow.displayed.QUOTE_IMG}
                                    </li>
                                    <li class="btn-edit">
                                        {postrow.displayed.EDIT_IMG}
                                    </li>
                                    <li class="btn-delete">
                                        {postrow.displayed.DELETE_IMG}
                                    </li>
                                    <li class="btn-ip">
                                        {postrow.displayed.IP_IMG}
                                    </li>
                                    <li class="btn-report">
                                        {postrow.displayed.REPORT_IMG_NEW}
                                    </li>
                                </ul>
                            </div>
                            <div class="mobile-show dropdown post-buttons-mobile">
                                <i class="material-icons">more_horiz</i>
                                <ul class="dropdown-box">
                                    <li class="btn-thank">
                                        {postrow.displayed.THANK_IMG}
                                    </li>
                                    <li class="btn-quote-multi">
                                        {postrow.displayed.MULTIQUOTE_IMG}
                                    </li>
                                    <li class="btn-quote">
                                        {postrow.displayed.QUOTE_IMG}
                                    </li>
                                    <li class="btn-edit">
                                        {postrow.displayed.EDIT_IMG}
                                    </li>
                                    <li class="btn-delete">
                                        {postrow.displayed.DELETE_IMG}
                                    </li>
                                    <li class="btn-ip">
                                        {postrow.displayed.IP_IMG}
                                    </li>
                                    <li class="btn-report">
                                        {postrow.displayed.REPORT_IMG_NEW}
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="post-body">
                            <div class="post" {postrow.displayed.THANK_BGCOLOR}>
                                <div class="post-content">
                                    {postrow.displayed.MESSAGE}

                                    {postrow.displayed.EDITED_MESSAGE}

                                    <!-- BEGIN switch_attachments -->
                                    <div class="attachbox">
                              <b>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</b>
                                        <dl class="attachments">
                                            <!-- BEGIN switch_post_attachments -->
                                            <dt>
                                                <!-- BEGIN switch_dl_att -->
                                                <a class="postlink btn btn-flat" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><i class="material-icons">attach_file</i>{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                                <!-- END switch_dl_att -->
                                                <!-- BEGIN switch_no_dl_att -->
                                    <div class="postlink btn btn-flat" style="cursor: not-allowed"><i class="material-icons">attach_file</i>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}</div> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                                <!-- END switch_no_dl_att -->
                                            </dt>
                                            <dd>
                                                <!-- BEGIN switch_no_comment -->
                                                <p>
                                                    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}
                                    </p>
                                    <!-- END switch_no_comment -->
                                    <!-- BEGIN switch_no_dl_att -->
                                    <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                                    <!-- END switch_no_dl_att -->
                                    <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
                                 </dd>
                                 <!-- END switch_post_attachments -->
                              </dl>
                           </div>
                           <!-- END switch_attachments -->
                           <!-- BEGIN switch_signature -->
                           <div class="post-signature" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
                           <!-- END switch_signature -->
                        </div>
                        <div class="post-footer<!-- BEGIN switch_likes_active --> likes-active<!-- END switch_likes_active --><!-- BEGIN switch_vote_active --> vote-active<!-- END switch_vote_active -->">
                           <!-- BEGIN switch_likes_active -->
                           <div class="fa_like_div">
                              <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                                 <span class="rep-cat">
                                    <i class="material-icons">thumb_up</i>
                                    {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                                 </span>
                                 <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
                              </button>
                              <!-- BEGIN switch_dislike_button -->
                              <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                                 <span class="rep-cat">
                                    <i class="material-icons">thumb_down</i>
                                    {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                                 </span>
                                 <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
                              </button>
                              <!-- END switch_dislike_button -->
                                        <!-- BEGIN switch_like_list -->
                                        {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                                        <!-- END switch_like_list -->
                                        <!-- BEGIN switch_dislike_list -->
                                        {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                                        <!-- END switch_dislike_list -->
                           </div>
                           <!-- END switch_likes_active -->
                           <!-- BEGIN switch_vote_active -->
                           <div class="vote">
                              <!-- BEGIN switch_vote -->
                              <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up">
                                 <i class="material-icons">add_circle_outline</i>
                              </a>
                              <!-- END switch_vote -->

                              <!-- BEGIN switch_vote -->
                              <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down">
                                 <i class="material-icons">remove_circle_outline</i>
                              </a>
                              <!-- END switch_vote -->

                                        <!-- BEGIN switch_bar -->
                                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                            <div class="vote-bar-desc">
                                                {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                                            </div>

                                            <div class="vote-bars">
                                                <!-- BEGIN switch_vote_plus -->
                                                <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                                <!-- END switch_vote_plus -->

                                                <!-- BEGIN switch_vote_minus -->
                                                <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                                <!-- END switch_vote_minus -->
                                            </div>
                                        </div>
                                        <!-- END switch_bar -->

                              <!-- BEGIN switch_no_bar -->
                              <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                              <!-- END switch_no_bar -->
                           </div>
                           <!-- END switch_vote_active -->
                        </div>
                     </div>
                     <aside class="post-aside">
                        <div class="post-author-status"></div>
                        <div class="post-author">
                     <span class="post-author-name">
                        {postrow.displayed.POSTER_NAME}
                     </span>
                                    <span class="post-author-title">
                        {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                     </span>
                                </div>

                        <div class="post-author-avatar">
                                    <div class="avatar-big">
                                        {postrow.displayed.POSTER_AVATAR}
                                    </div>
                                </div>
                        <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION} box-body">
                                    {postrow.displayed.AWARDS}
                        </div>
                        <div class="award_more box-body"></div>
                        <br>
                                <dl class="post-author-details">
                                    <!-- BEGIN profile_field -->
                                    <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                    <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                                    <!-- END profile_field -->
                                </dl>
                                <div class="post-author-rpg">
                                    {postrow.displayed.POSTER_RPG}
                                </div>
                                <div class="post-author-contact dropdown">
                                    <i class="material-icons">keyboard_arrow_down</i>
                                    <div class="dropdown-box">
                                        {postrow.displayed.PROFILE_IMG}
                                        {postrow.displayed.PM_IMG}
                                        {postrow.displayed.EMAIL_IMG}
                                        <!-- BEGIN contact_field -->
                                        {postrow.displayed.contact_field.CONTENT}
                                        <!-- END contact_field -->
                                    </div>
                                </div>
                            </aside>
                        </div>
                    </div>
                    <!-- END displayed -->

                    <!-- BEGIN hidden -->
                </div>
            </div>
        </div>
    </div>
    <!-- END hidden -->
    <!-- END postrow -->

   <!-- BEGIN promot_trafic -->
   <div class="block block-ptrafic" id="ptrafic_close" style="display: none;">
      <div class="block-header">
         <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">add_circle</i>
         </a>
         <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
   </div>
   <div class="block block-ptrafic" id="ptrafic_open" style="display:'';">
      <div class="block-header">
         <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">remove_circle</i>
         </a>
         <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
      <div class="block-content ptrafic">
         <!-- BEGIN link -->
         <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}" >
            <i class="material-icons">chat_bubble</i>
                {promot_trafic.link.TITLE}
         </a><br />
         <!-- END link -->
      </div>
   </div>
   <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <div class="block" id="forum_rules">
        <div class="block-header">
            {L_FORUM_RULES}
        </div>
        <div class="block-content">
            <table class="postbody">
                <tr>
                    <!-- BEGIN switch_forum_rule_image -->
                    <td class="logo">
                        <img src="{RULE_IMG_URL}" alt="" />
                    </td>
                    <!-- END switch_forum_rule_image -->
                    <td class="rules content">
                        {RULE_MSG}
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- END switch_forum_rules -->

    {INLINE_MESSAGE}

    {QUICK_REPLY_FORM}

    <div class="topic-actions bottom">
        <div class="topic-actions-buttons">
            <!-- BEGIN switch_user_logged_in -->
            <!-- BEGIN watchtopic -->
            {S_WATCH_TOPIC}
            <!-- END watchtopic -->
            <!-- END switch_user_logged_in -->
        </div>
    </div>

    <!-- BEGIN topicpagination -->
    <div class="pagination">
        {PAGINATION}
    </div>
    <!-- END topicpagination -->

    {JUMPBOX}

    <!-- BEGIN viewtopic_bottom -->
    <form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
        <input type="hidden" name="t" value="{TOPIC_ID}" />
        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
        <label>
            <span>{L_MOD_TOOLS}:</span>
            <div class="quickmod-wrap">
                {S_SELECT_MOD}
                <input type="submit" value="{L_GO}" />
            </div>
        </label>
    </form>

    <div class="topic-admin">{S_TOPIC_ADMIN}</div>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN show_permissions -->
    <div class="block">
        <div class="block-header">
         <i class="material-icons">privacy_tip</i> {L_TABS_PERMISSIONS}
        </div>
        <div class="block-content">
            {S_AUTH_LIST}
        </div>
    </div>
    <!-- END show_permissions -->

    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" {S_POST_REPLY_TOPIC} class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
        <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_POST_REPLY_TOPIC}</span>
   </a>
    <!-- END switch_user_authreply -->
   <!-- BEGIN switch_user_authnoreply -->
   <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{T_LOGIN_REPLY_TOPIC}">
      <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_LOGIN_REPLY_TOPIC}</span>
   </a>
   <!-- END switch_user_authnoreply -->
</main>

<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('.post-author-contact').each(function () {
            $(this).find('a:nth-child(5n)').each(function () {
                $(this).after('<br />');
            });
        });
    });
    //]]>
</script>

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
    $(document).ready(function() {
        $('pre, code').each(function(i, block) {
            hljs.highlightBlock(block);
        });

        $('.post-author-contact').on('click', function() {
            if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                $(this).children('.dropdown-box').css({
                    'left': 'auto',
                    'right': '0'
                });
            } else {
                $(this).children('.dropdown-box').css({
                    'left': '0',
                    'right': 'auto'
                });
            }
        });

      <!-- BEGIN switch_push_direct_send -->
      $('#push-answer').jqm({toTop: true});

      $('#push-bell').click(function(){
         return sendWebPush({TOPIC_ID});
      });

      function sendWebPush(tId){
         $.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer);
      }

      function showPushAnswer(data) {
         $('#push-answer').html(data).jqmShow();
         $('.jqmOverlay').bgiframe();
         $('#push-answer').bgiframe();
      }
      <!-- END switch_push_direct_send -->
    });
</script>
por sequendianos
em Qua 12 Jul 2023 - 15:56
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ajustar imagem do Rank
Respostas: 6
Vistos: 922

ChangeLog em Html

Olá @sequendianos,

Caso queira um acesso pelo menu, pode faze-lo, criando uma página de HTML personalizada.

Outra alternativa,

Caso seja um changelog de cliques e visualizações, pode verificar ester tópcio: Changelog.

Atenciosamente,
Sleep.
por Sleep
em Qui 6 Jul 2023 - 15:29
 
Procurar em: Questões resolvidas sobre HTML e BBCode
Tópico: ChangeLog em Html
Respostas: 25
Vistos: 1002

Uso de uma barra de navegação personalizada

Boa tarde, @Andreee,

Peço perdão pelo erro, aqui está, basta substituir a Folha de estilo (CSS) anterior por essa:

Código:
/*--- MENU ---*/
.menu {
    width: 100%;
    position: absolute;
    top: 0;
    background-color: rgb(20,20,20);
    box-shadow: inset rgba(0, 0, 0, 0.20) 0px -2px 0px;
    height: 70px;
    z-index: 999;
}
 
.menu .menu-container {
    width: 95%;
    margin: 0 auto;
}
 
/*-- Links do menu --*/
.menu .menu-container .menu-link-wrapper {
    width: 40%;
    float: left;
}
 
.menu-link-wrapper .menu-link {
    background-color: rgba(190, 190, 190, 0.05);
    position: relative;
    display: inline-block;
    margin-right: 6px;
    width: 70px;
    height: 70px;
    cursor: pointer;
}
 
.menu-link-wrapper .menu-link .icon {
    width: 100%;
    filter: grayscale(100%);
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
}
 
.menu-link-wrapper .menu-link:hover .icon { filter: grayscale(0%); }
 
.menu-link-wrapper .menu-link .text {
    border: 1px solid #2b2b2b;
    border-radius: 4px;
    background-color: #212121;
    box-shadow: 0 0 2px 1px rgba(255,255,255,.3) inset, 0 3px 9px rgba(0,0,0,.18);
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 25px;
    color: #fff;
    position: absolute;
    bottom: -30px;
    left: -5px;
    z-index: 2;
    width: calc(100% + 5px + 5px);
    height: 28px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,.18);
    opacity: 0;
    -webkit-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
}
 
.menu-link-wrapper .menu-link:hover .text {
    opacity: 1;
    -webkit-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
}
 
.menu-link-wrapper .menu-link .text:after {
    position: absolute;
    top: -8px;
    left: calc(50% - 7px);
    content: '';
    -webkit-filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #464646;
}
 
/*-- Logo --*/
.menu .menu-container .menu-logo {
    background: url(https://i.servimg.com/u/f77/20/50/63/79/meu_pr13.png) no-repeat center center;
    float: left;
    width: 100%;
    height: 70px;
}
 
 
/*-- Links das redes sociais --*/
.menu .menu-container .menu-social {
    position: absolute;
    top: 15px;
    right: 10px;
}
 
.menu-social .social-btn {
    box-shadow: inset 0 3px rgba(255,255,255,0.15), inset 0 -3px rgba(0,0,0,0.15), 0 3px rgba(0,0,0,0.1);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    margin-top: 0px;
    text-align: center;
    color: #FFF;
    text-shadow: 0 4px rgba(0,0,0,0.2);
    font-size: 18px;
    float: left;
    padding: 5%;
    margin-right: 10px;
}
 
.menu-social .social-btn.social-facebook {
    background-color: rgb(80,113,156);
    background-image: linear-gradient(to bottom, rgb(80,113,156), rgb(55,80,115));
}
.menu-social .social-btn.social-facebook:active { background-image: linear-gradient(to top, rgb(80,113,156), rgb(55,80,115)); }
 
.menu-social .social-btn.social-twitter {
    background-color: rgb(56,161,243);
    background-image: linear-gradient(to bottom, rgb(56,161,243), rgb(13,123,210));
}
.menu-social .social-btn.social-twitter:active { background-image: linear-gradient(to top, rgb(56,161,243), rgb(13,123,210)); }
 
.menu-social .social-btn.social-youtube {
    background-color: rgb(237,56,51);
    background-image: linear-gradient(to bottom, rgb(237,56,51), rgb(194,22,17));
}
.menu-social .social-btn.social-youtube:active { background-image: linear-gradient(to top, rgb(237,56,51), rgb(194,22,17)); }
 
/*--- HEADER BOX ---*/
.header-box {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.8));
    width: 260px;
    height: 190px;
    border-radius: 10px;
    box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.15);
    font-size: 13px;
    padding: 5px;
    color: #fff;
    text-shadow: 0 2px rgba(0,0,0,0.5);
    position: absolute;
    bottom: 5%;
    right: 5%;
}
 
.header-box .box-title {
    text-align: center;
    font-size: 20px;
}
 
.header-box .box-content {
    float: left;
    margin: 5px;
}
 
.box-content a {
    display: block;
    color: #fff;
}
.box-content a:hover { text-shadow: 0 0 5px; }
 
.header-box .box-avatar {
    float: right;
    margin-top: -5%;
}
 
.box-logout {
    float: left;
    width: 100%;
}
 
.login-inputbox {
    background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(235,235,235));
    width: 240px;
    height: 40px;
    border: none;
    border-radius: 8px;
    margin: 5px;
    padding: 0 15px!important;
    font-size: 1em!important;
    cursor: auto!important;
    box-shadow: inset 0 -3px rgba(0,0,0,0.1), 0 0 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.1);
}
.login-inputbox:hover, .login-inputbox:focus { border-bottom: none!important; }
 
.login-btn {
    height: 40px;
    border-radius: 8px!important;
    margin: 2px;
    box-shadow: 0 3px rgba(0,0,0,0.15), inset 0 -3px rgba(0,0,0,0.1), inset 0 1px rgba(255,255,255,0.3), 0 0 4px rgba(0,0,0,0.15)!important;
    color: #FFF;
    text-shadow: 0 2px rgba(0,0,0,0.2);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 1px 10px!important;
    cursor: pointer!important;
}
 
.login-btn.login {
    background-image: linear-gradient(to bottom, rgb(80,113,156), rgb(55,80,115));
    border: 1px solid rgb(46,65,93);
    width: 140px!important;
}
.login-btn.login:active { background-image: linear-gradient(to top, rgb(80,113,156), rgb(55,80,115)); }
 
.login-btn.register {
    background-image: linear-gradient(to bottom, rgb(113,208,43), rgb(77,141,29));
    border: 1px solid rgb(48,88,18);
    width: 100px;
}
.login-btn.register:active { background-image: linear-gradient(to top, rgb(113,208,43), rgb(77,141,29)); }
 
.login-btn.logout {
    background-image: linear-gradient(to bottom, rgb(207,72,46), rgb(144,50,32));
    border: 1px solid rgb(102,36,23);
    width: 140px;
    margin-top: 0;
}
.login-btn.logout:active { background-image: linear-gradient(to top, rgb(207,72,46), rgb(144,50,32)); }
 
.login-btn.mp, .login-btn.notif {
    width: 48px;
    outline: none;
    font-size: 15px;
}
 
.login-btn.mp {
    background-image: linear-gradient(to bottom, rgb(255,165,0), rgb(179,116,0));
    border: 1px solid rgb(103,66,0);
}
.login-btn.mp:active { background-image: linear-gradient(to top, rgb(255,165,0), rgb(179,116,0)); }
.login-btn.mp:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
}
 
a[data-status*="Nova"] .login-btn.mp:after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    margin-left: -1%;
    margin-top: -.3%;
}
 
 
.login-btn.notif {
    background-image: linear-gradient(to bottom, rgb(113,208,43), rgb(77,141,29));
    border: 1px solid rgb(48,88,18);
}
.login-btn.notif:active { background-image: linear-gradient(to top, rgb(113,208,43), rgb(77,141,29)); }
.login-btn.notif:before {
    content: '\f0f3';
    font-family: 'Font Awesome 5 Free';
}


E seu overall_header por esse:

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>
    <script type="text/javascript" src="https://illiweb.com/rs3/44/frm/mentions/tooltipster.js" ></script>
    <link rel="stylesheet" type="text/css" href="https://illiweb.com/rs3/44/frm/mentions/tooltipster.css" />
    <!-- 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" />
        <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"/>
</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}
 
    <nav class="menu">
      <div class="menu-container"
        </div>
                    <a href="/forum"><div class="menu-logo"></div></a>
      </div>
  </nav>
 
  <div id="page-header">
      <div class="headerbar">
              <div class="header-box">
                            <!-- BEGIN switch_user_logged_out -->
                          <div class="box-title">Área do Usuário</div>
                            <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
                                  <input type="text" class="login-inputbox" name="username" placeholder="{L_USERNAME}" required/>
                <input type="password" class="login-inputbox" name="password" placeholder="{L_PASSWORD}" required/>
                                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} hidden/>
                                    <input type="submit" class="login-btn login" name="login" value="{L_LOGIN}" />
                                    <input type="button" class="login-btn register" name="register" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            </form>
                            <!-- END switch_user_logged_out -->
                            <!-- BEGIN switch_user_logged_in -->
                            <div class="box-title">Olá, <script>document.write(_userdata.username)</script></div>
                            <div class="box-content">
                                  <a href="/profile?mode=editprofile">Informações</a>
                                        <a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a>
                                        <a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a>
                                        <a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a>
                                    <a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos e Ignorados</a>
                            </div>
                    <div class="box-avatar"><img id="user-avatar" src=""/><script>document.getElementById('user-avatar').src = "https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=png&user="+  _userdata.username + "&action=std,crr=6&direction=2&head_direction=3&img_format=png&gesture=sml&headonly=0&size=l";</script>
                            </div>
                            <div class="box-logout">
                                  <a href="/login?logout">
                                    <input type="button" class="login-btn logout" name="logout" value="Desconectar" />
                                  </a>
                                  <a href="/privmsg?folder=inbox" id="notify_link" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}">
                                    <button type="button" class="login-btn mp" name="mp"></button>
                                  </a>
                                  <a href="/search?search_id=watchsearch" title="Notificações">
                                    <button type="button" class="login-btn notif" name="notif"></button>
                                  </a>
                          </div>
                            <!-- END switch_user_logged_in -->
                  </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">
 


(Aguardo retorno)
Atenciosamente,
Musashi.
por Musashi
em Ter 20 Jun 2023 - 20:44
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Uso de uma barra de navegação personalizada
Respostas: 6
Vistos: 912

Uso de uma barra de navegação personalizada

Minha CSS: 


Código:
/*--- MENU ---*/
.menu {
    width: 100%;
    position: absolute;
    top: 0;
    background-color: rgb(20,20,20);
    box-shadow: inset rgba(0, 0, 0, 0.20) 0px -2px 0px;
    height: 70px;
    z-index: 999;
}
 
.menu .menu-container {
    width: 95%;
    margin: 0 auto;
}
 
/*-- Links do menu --*/
.menu .menu-container .menu-link-wrapper {
    width: 40%;
    float: left;
}
 
.menu-link-wrapper .menu-link {
    background-color: rgba(190, 190, 190, 0.05);
    position: relative;
    display: inline-block;
    margin-right: 6px;
    width: 70px;
    height: 70px;
    cursor: pointer;
}
 
.menu-link-wrapper .menu-link .icon {
    width: 100%;
    filter: grayscale(100%);
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
}
 
.menu-link-wrapper .menu-link:hover .icon { filter: grayscale(0%); }
 
.menu-link-wrapper .menu-link .text {
    border: 1px solid #2b2b2b;
    border-radius: 4px;
    background-color: #212121;
    box-shadow: 0 0 2px 1px rgba(255,255,255,.3) inset, 0 3px 9px rgba(0,0,0,.18);
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 25px;
    color: #fff;
    position: absolute;
    bottom: -30px;
    left: -5px;
    z-index: 2;
    width: calc(100% + 5px + 5px);
    height: 28px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,.18);
    opacity: 0;
    -webkit-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
}
 
.menu-link-wrapper .menu-link:hover .text {
    opacity: 1;
    -webkit-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
}
 
.menu-link-wrapper .menu-link .text:after {
    position: absolute;
    top: -8px;
    left: calc(50% - 7px);
    content: '';
    -webkit-filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #464646;
}
 
/*-- Logo --*/
.menu .menu-container .menu-logo {
    background: url(https://i.servimg.com/u/f77/20/50/63/79/meu_pr13.png) no-repeat center center;
    float: left;
    width: 28%;
    height: 70px;
}
 
 
/*-- Links das redes sociais --*/
.menu .menu-container .menu-social {
    position: absolute;
    top: 15px;
    right: 10px;
}
 
.menu-social .social-btn {
    box-shadow: inset 0 3px rgba(255,255,255,0.15), inset 0 -3px rgba(0,0,0,0.15), 0 3px rgba(0,0,0,0.1);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    margin-top: 0px;
    text-align: center;
    color: #FFF;
    text-shadow: 0 4px rgba(0,0,0,0.2);
    font-size: 18px;
    float: left;
    padding: 5%;
    margin-right: 10px;
}
 
.menu-social .social-btn.social-facebook {
    background-color: rgb(80,113,156);
    background-image: linear-gradient(to bottom, rgb(80,113,156), rgb(55,80,115));
}
.menu-social .social-btn.social-facebook:active { background-image: linear-gradient(to top, rgb(80,113,156), rgb(55,80,115)); }
 
.menu-social .social-btn.social-twitter {
    background-color: rgb(56,161,243);
    background-image: linear-gradient(to bottom, rgb(56,161,243), rgb(13,123,210));
}
.menu-social .social-btn.social-twitter:active { background-image: linear-gradient(to top, rgb(56,161,243), rgb(13,123,210)); }
 
.menu-social .social-btn.social-youtube {
    background-color: rgb(237,56,51);
    background-image: linear-gradient(to bottom, rgb(237,56,51), rgb(194,22,17));
}
.menu-social .social-btn.social-youtube:active { background-image: linear-gradient(to top, rgb(237,56,51), rgb(194,22,17)); }
 
/*--- HEADER BOX ---*/
.header-box {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.8));
    width: 260px;
    height: 190px;
    border-radius: 10px;
    box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.15);
    font-size: 13px;
    padding: 5px;
    color: #fff;
    text-shadow: 0 2px rgba(0,0,0,0.5);
    position: absolute;
    bottom: 5%;
    right: 5%;
}
 
.header-box .box-title {
    text-align: center;
    font-size: 20px;
}
 
.header-box .box-content {
    float: left;
    margin: 5px;
}
 
.box-content a {
    display: block;
    color: #fff;
}
.box-content a:hover { text-shadow: 0 0 5px; }
 
.header-box .box-avatar {
    float: right;
    margin-top: -5%;
}
 
.box-logout {
    float: left;
    width: 100%;
}
 
.login-inputbox {
    background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(235,235,235));
    width: 240px;
    height: 40px;
    border: none;
    border-radius: 8px;
    margin: 5px;
    padding: 0 15px!important;
    font-size: 1em!important;
    cursor: auto!important;
    box-shadow: inset 0 -3px rgba(0,0,0,0.1), 0 0 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.1);
}
.login-inputbox:hover, .login-inputbox:focus { border-bottom: none!important; }
 
.login-btn {
    height: 40px;
    border-radius: 8px!important;
    margin: 2px;
    box-shadow: 0 3px rgba(0,0,0,0.15), inset 0 -3px rgba(0,0,0,0.1), inset 0 1px rgba(255,255,255,0.3), 0 0 4px rgba(0,0,0,0.15)!important;
    color: #FFF;
    text-shadow: 0 2px rgba(0,0,0,0.2);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 1px 10px!important;
    cursor: pointer!important;
}
 
.login-btn.login {
    background-image: linear-gradient(to bottom, rgb(80,113,156), rgb(55,80,115));
    border: 1px solid rgb(46,65,93);
    width: 140px!important;
}
.login-btn.login:active { background-image: linear-gradient(to top, rgb(80,113,156), rgb(55,80,115)); }
 
.login-btn.register {
    background-image: linear-gradient(to bottom, rgb(113,208,43), rgb(77,141,29));
    border: 1px solid rgb(48,88,18);
    width: 100px;
}
.login-btn.register:active { background-image: linear-gradient(to top, rgb(113,208,43), rgb(77,141,29)); }
 
.login-btn.logout {
    background-image: linear-gradient(to bottom, rgb(207,72,46), rgb(144,50,32));
    border: 1px solid rgb(102,36,23);
    width: 140px;
    margin-top: 0;
}
.login-btn.logout:active { background-image: linear-gradient(to top, rgb(207,72,46), rgb(144,50,32)); }
 
.login-btn.mp, .login-btn.notif {
    width: 48px;
    outline: none;
    font-size: 15px;
}
 
.login-btn.mp {
    background-image: linear-gradient(to bottom, rgb(255,165,0), rgb(179,116,0));
    border: 1px solid rgb(103,66,0);
}
.login-btn.mp:active { background-image: linear-gradient(to top, rgb(255,165,0), rgb(179,116,0)); }
.login-btn.mp:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
}
 
a[data-status*="Nova"] .login-btn.mp:after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    margin-left: -1%;
    margin-top: -.3%;
}
 
 
.login-btn.notif {
    background-image: linear-gradient(to bottom, rgb(113,208,43), rgb(77,141,29));
    border: 1px solid rgb(48,88,18);
}
.login-btn.notif:active { background-image: linear-gradient(to top, rgb(113,208,43), rgb(77,141,29)); }
.login-btn.notif:before {
    content: '\f0f3';
    font-family: 'Font Awesome 5 Free';
}



Meu Overall_header 



Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="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 type="text/javascript" src="https://illiweb.com/rs3/44/frm/mentions/tooltipster.js" ></script>
    <link rel="stylesheet" type="text/css" href="https://illiweb.com/rs3/44/frm/mentions/tooltipster.css" />
    <!-- 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" />
        <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"/>
</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}
 
    <nav class="menu">
      <div class="menu-container"
        </div>
                    <a href="/forum"><div class="menu-logo"></div></a>
      </div>
  </nav>
 
  <div id="page-header">
      <div class="headerbar">
              <div class="header-box">
                            <!-- BEGIN switch_user_logged_out -->
                          <div class="box-title">Área do Usuário</div>
                            <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
                                  <input type="text" class="login-inputbox" name="username" placeholder="{L_USERNAME}" required/>
                <input type="password" class="login-inputbox" name="password" placeholder="{L_PASSWORD}" required/>
                                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} hidden/>
                                    <input type="submit" class="login-btn login" name="login" value="{L_LOGIN}" />
                                    <input type="button" class="login-btn register" name="register" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            </form>
                            <!-- END switch_user_logged_out -->
                            <!-- BEGIN switch_user_logged_in -->
                            <div class="box-title">Olá, <script>document.write(_userdata.username)</script></div>
                            <div class="box-content">
                                  <a href="/profile?mode=editprofile">Informações</a>
                                        <a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a>
                                        <a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a>
                                        <a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a>
                                    <a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos e Ignorados</a>
                            </div>
                    <div class="box-avatar"><img id="user-avatar" src=""/>script>document.getElementById('user-avatar').src = "https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=png&user"+  _userdata.username + "&action=std,crr=6&direction=2&head_direction=3&img_format=png&gesture=sml&headonly=0&size=l";</script>
                            </div>
                            <div class="box-logout">
                                  <a href="/login?logout">
                                    <input type="button" class="login-btn logout" name="logout" value="Desconectar" />
                                  </a>
                                  <a href="/privmsg?folder=inbox" id="notify_link" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}">
                                    <button type="button" class="login-btn mp" name="mp"></button>
                                  </a>
                                  <a href="/search?search_id=watchsearch" title="Notificações">
                                    <button type="button" class="login-btn notif" name="notif"></button>
                                  </a>
                          </div>
                            <!-- END switch_user_logged_in -->
                  </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">

por Andreee
em Ter 20 Jun 2023 - 17:13
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Uso de uma barra de navegação personalizada
Respostas: 6
Vistos: 912

Uso de uma barra de navegação personalizada

Bom dia @Andreee,

Modifique seu overall_header para o seguinte template:

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>
    <script type="text/javascript" src="https://illiweb.com/rs3/44/frm/mentions/tooltipster.js" ></script>
    <link rel="stylesheet" type="text/css" href="https://illiweb.com/rs3/44/frm/mentions/tooltipster.css" />
    <!-- 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" />
        <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"/>
</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}
 
    <nav class="menu">
      <div class="menu-container">
        <div class="menu-link-wrapper">
            <a class="menu-link" href="/forum">
              <div class="icon forum"></div>
              <div class="text">Início</div>
            </a>
                                <a class="menu-link" href="/memberlist">
              <div class="icon membros"></div>
              <div class="text">Membros</div>
                                </a>
                                <a class="menu-link" href="/groups">
              <div class="icon grupos"></div>
              <div class="text">Grupos</div>
            </a>
        </div>
                    <a href="/forum"><div class="menu-logo"></div></a>
                    <div class="menu-social">
                          <a class="social-btn social-facebook" href="" target="_blank"><i class="fab fa-facebook-f"></i></a>
                            <a class="social-btn social-twitter" href="" target="_blank"><i class="fab fa-twitter"></i></a>
                            <a class="social-btn social-youtube" href="" target="_blank"><i class="fab fa-youtube"></i></a>
                    </div>
      </div>
  </nav>
 
  <div id="page-header">
      <div class="headerbar">
              <div class="header-box">
                            <!-- BEGIN switch_user_logged_out -->
                          <div class="box-title">Área do Usuário</div>
                            <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
                                  <input type="text" class="login-inputbox" name="username" placeholder="{L_USERNAME}" required/>
                <input type="password" class="login-inputbox" name="password" placeholder="{L_PASSWORD}" required/>
                                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} hidden/>
                                    <input type="submit" class="login-btn login" name="login" value="{L_LOGIN}" />
                                    <input type="button" class="login-btn register" name="register" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            </form>
                            <!-- END switch_user_logged_out -->
                            <!-- BEGIN switch_user_logged_in -->
                            <div class="box-title">Olá, <script>document.write(_userdata.username)</script></div>
                            <div class="box-content">
                                  <a href="/profile?mode=editprofile">Informações</a>
                                        <a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a>
                                        <a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a>
                                        <a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a>
                                    <a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos e Ignorados</a>
                            </div>
                    <div class="box-avatar"><img id="user-avatar" src=""/>script>document.getElementById('user-avatar').src = "https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=png&user"+  _userdata.username + "&action=std,crr=6&direction=2&head_direction=3&img_format=png&gesture=sml&headonly=0&size=l";</script>
                            </div>
                            <div class="box-logout">
                                  <a href="/login?logout">
                                    <input type="button" class="login-btn logout" name="logout" value="Desconectar" />
                                  </a>
                                  <a href="/privmsg?folder=inbox" id="notify_link" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}">
                                    <button type="button" class="login-btn mp" name="mp"></button>
                                  </a>
                                  <a href="/search?search_id=watchsearch" title="Notificações">
                                    <button type="button" class="login-btn notif" name="notif"></button>
                                  </a>
                          </div>
                            <!-- END switch_user_logged_in -->
                  </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 em relação sobre os ícones, você pode ter duas opções, ou realizar remoção do mesmo via CSS (que o mesmo estará removendo os ícones, mas não estará retirando ele de sua template), que seria achar esse seguinte código em sua CSS e apaga-lo:

Código:
.menu-link-wrapper .menu-link .icon.forum { background-image: url(https://1.bp.blogspot.com/-8A4uHKnI428/Waow4RdDtlI/AAAAAAAA8vE/6Jc-grPJWds5GK9nKKLEwOJFsEF5wdTdQCKgBGAs/s1600/ARM24.gif); }
.menu-link-wrapper .menu-link .icon.portal { background-image: url(https://4.bp.blogspot.com/-Gilkz4TaSBU/Wc13EYUEyWI/AAAAAAAA-hc/9cPgN7U-2SEkOiJpfWGiRnvUXD87iU73QCKgBGAs/s1600/IT434.gif); }
.menu-link-wrapper .menu-link .icon.membros { background-image: url(https://4.bp.blogspot.com/-T1JjPkQC7cY/WjLnvvP6qaI/AAAAAAABBzA/eWe9D1XMiBYUWdndhuMTqHhiOcK60EvTACKgBGAs/s1600/FR525.gif); }
.menu-link-wrapper .menu-link .icon.grupos { background-image: url(https://1.bp.blogspot.com/-kk9WItDUaU8/XIGVKZBNSkI/AAAAAAABMc8/VRaNDpHEonsctrsQY8kcun9Wcl4h468dQCKgBGAs/s1600/FR91A.gif); }
.menu-link-wrapper .menu-link .icon.medalha { background-image: url(https://1.bp.blogspot.com/-gKZfDlSdwa8/XMtSF8Li2_I/AAAAAAABPYo/HXnbK8fBkFwbWDkl2W18a9bTwP8Y8IkWACKgBGAs/s1600/CH011.gif); }


Ou você pode optar pela remoção no overall_header, que basta o mesmo achar o seguinte trecho:

Código:
<div class="menu-link-wrapper">
            <a class="menu-link" href="/forum">
              <div class="icon forum"></div>
              <div class="text">Início</div>
            </a>
                                <a class="menu-link" href="/memberlist">
              <div class="icon membros"></div>
              <div class="text">Membros</div>
                                </a>
                                <a class="menu-link" href="/groups">
              <div class="icon grupos"></div>
              <div class="text">Grupos</div>
            </a>
        </div>


E apaga-lo.

(Aguardo retorno)
Atenciosamente,
Musashi.
por Musashi
em Ter 20 Jun 2023 - 12:01
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Uso de uma barra de navegação personalizada
Respostas: 6
Vistos: 912

Uso de uma barra de navegação personalizada

Detalhes da questão


Endereço do fórum: https://policiacss.forumeiros.com/
Versão do fórum: ModernBB
Acesso ao fórum:
  • Nome de usuário: teste
  • Palavra-passe: teste1234

Descrição


Boa tarde! Quero tirar esse ícones

Menu - Procurar As10

Além disso quero por um gerador de avatar no fórum, meu hotel é o habbo.br (original)
(exemplo) quero deixar dessa maneira

Menu - Procurar Screen35

gerando o avatar automático dos usuários do meu fórum


Meu Overall_header:


Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="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 type="text/javascript" src="https://illiweb.com/rs3/44/frm/mentions/tooltipster.js" ></script>
    <link rel="stylesheet" type="text/css" href="https://illiweb.com/rs3/44/frm/mentions/tooltipster.css" />
    <!-- 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" />
        <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"/>
</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}
 
    <nav class="menu">
      <div class="menu-container">
        <div class="menu-link-wrapper">
            <a class="menu-link" href="/forum">
              <div class="icon forum"></div>
              <div class="text">Início</div>
            </a>
                                <a class="menu-link" href="/memberlist">
              <div class="icon membros"></div>
              <div class="text">Membros</div>
                                </a>
                                <a class="menu-link" href="/groups">
              <div class="icon grupos"></div>
              <div class="text">Grupos</div>
            </a>
        </div>
                    <a href="/forum"><div class="menu-logo"></div></a>
                    <div class="menu-social">
                          <a class="social-btn social-facebook" href="" target="_blank"><i class="fab fa-facebook-f"></i></a>
                            <a class="social-btn social-twitter" href="" target="_blank"><i class="fab fa-twitter"></i></a>
                            <a class="social-btn social-youtube" href="" target="_blank"><i class="fab fa-youtube"></i></a>
                    </div>
      </div>
  </nav>
 
  <div id="page-header">
      <div class="headerbar">
              <div class="header-box">
                            <!-- BEGIN switch_user_logged_out -->
                          <div class="box-title">Área do Usuário</div>
                            <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
                                  <input type="text" class="login-inputbox" name="username" placeholder="{L_USERNAME}" required/>
                <input type="password" class="login-inputbox" name="password" placeholder="{L_PASSWORD}" required/>
                                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} hidden/>
                                    <input type="submit" class="login-btn login" name="login" value="{L_LOGIN}" />
                                    <input type="button" class="login-btn register" name="register" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            </form>
                            <!-- END switch_user_logged_out -->
                            <!-- BEGIN switch_user_logged_in -->
                            <div class="box-title">Olá, <script>document.write(_userdata.username)</script></div>
                            <div class="box-content">
                                  <a href="/profile?mode=editprofile">Informações</a>
                                        <a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a>
                                        <a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a>
                                        <a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a>
                                    <a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos e Ignorados</a>
                            </div>
                    <div class="box-avatar"><img id="user-avatar" src=""/>
                            </div>
                            <div class="box-logout">
                                  <a href="/login?logout">
                                    <input type="button" class="login-btn logout" name="logout" value="Desconectar" />
                                  </a>
                                  <a href="/privmsg?folder=inbox" id="notify_link" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}">
                                    <button type="button" class="login-btn mp" name="mp"></button>
                                  </a>
                                  <a href="/search?search_id=watchsearch" title="Notificações">
                                    <button type="button" class="login-btn notif" name="notif"></button>
                                  </a>
                          </div>
                            <!-- END switch_user_logged_in -->
                  </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">


Minha CSS: 


Código:
/*  HEADER
**===================*/
 
/*--- MENU ---*/
.menu {
    width: 100%;
    position: fixed;
    top: 0;
    background-color: rgb(20,20,20);
    box-shadow: inset rgba(0, 0, 0, 0.20) 0px -2px 0px;
    height: 70px;
    z-index: 999;
}
 
.menu .menu-container {
    width: 95%;
    margin: 0 auto;
}
 
/*-- Links do menu --*/
.menu .menu-container .menu-link-wrapper {
    width: 40%;
    float: left;
}
 
.menu-link-wrapper .menu-link {
    background-color: rgba(190, 190, 190, 0.05);
    position: relative;
    display: inline-block;
    margin-right: 6px;
    width: 70px;
    height: 70px;
    cursor: pointer;
}
 
.menu-link-wrapper .menu-link .icon {
    width: 100%;
    filter: grayscale(100%);
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
}
 
.menu-link-wrapper .menu-link:hover .icon { filter: grayscale(0%); }
 
.menu-link-wrapper .menu-link .icon.forum { background-image: url(https://1.bp.blogspot.com/-8A4uHKnI428/Waow4RdDtlI/AAAAAAAA8vE/6Jc-grPJWds5GK9nKKLEwOJFsEF5wdTdQCKgBGAs/s1600/ARM24.gif); }
.menu-link-wrapper .menu-link .icon.portal { background-image: url(https://4.bp.blogspot.com/-Gilkz4TaSBU/Wc13EYUEyWI/AAAAAAAA-hc/9cPgN7U-2SEkOiJpfWGiRnvUXD87iU73QCKgBGAs/s1600/IT434.gif); }
.menu-link-wrapper .menu-link .icon.membros { background-image: url(https://4.bp.blogspot.com/-T1JjPkQC7cY/WjLnvvP6qaI/AAAAAAABBzA/eWe9D1XMiBYUWdndhuMTqHhiOcK60EvTACKgBGAs/s1600/FR525.gif); }
.menu-link-wrapper .menu-link .icon.grupos { background-image: url(https://1.bp.blogspot.com/-kk9WItDUaU8/XIGVKZBNSkI/AAAAAAABMc8/VRaNDpHEonsctrsQY8kcun9Wcl4h468dQCKgBGAs/s1600/FR91A.gif); }
.menu-link-wrapper .menu-link .icon.medalha { background-image: url(https://1.bp.blogspot.com/-gKZfDlSdwa8/XMtSF8Li2_I/AAAAAAABPYo/HXnbK8fBkFwbWDkl2W18a9bTwP8Y8IkWACKgBGAs/s1600/CH011.gif); }
 
.menu-link-wrapper .menu-link .text {
    border: 1px solid #2b2b2b;
    border-radius: 4px;
    background-color: #212121;
    box-shadow: 0 0 2px 1px rgba(255,255,255,.3) inset, 0 3px 9px rgba(0,0,0,.18);
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 25px;
    color: #fff;
    position: absolute;
    bottom: -30px;
    left: -5px;
    z-index: 2;
    width: calc(100% + 5px + 5px);
    height: 28px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,.18);
    opacity: 0;
    -webkit-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
}
 
.menu-link-wrapper .menu-link:hover .text {
    opacity: 1;
    -webkit-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
}
 
.menu-link-wrapper .menu-link .text:after {
    position: absolute;
    top: -8px;
    left: calc(50% - 7px);
    content: '';
    -webkit-filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #464646;
}
 
/*-- Logo --*/
.menu .menu-container .menu-logo {
    background: url(https://i.servimg.com/u/f77/20/50/63/79/meu_pr12.png) no-repeat center center;
    float: left;
    width: 28%;
    height: 70px;
}
 
 
/*-- Links das redes sociais --*/
.menu .menu-container .menu-social {
    position: absolute;
    top: 15px;
    right: 10px;
}
 
.menu-social .social-btn {
    box-shadow: inset 0 3px rgba(255,255,255,0.15), inset 0 -3px rgba(0,0,0,0.15), 0 3px rgba(0,0,0,0.1);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    margin-top: 0px;
    text-align: center;
    color: #FFF;
    text-shadow: 0 4px rgba(0,0,0,0.2);
    font-size: 18px;
    float: left;
    padding: 5%;
    margin-right: 10px;
}
 
.menu-social .social-btn.social-facebook {
    background-color: rgb(80,113,156);
    background-image: linear-gradient(to bottom, rgb(80,113,156), rgb(55,80,115)); 
}
.menu-social .social-btn.social-facebook:active { background-image: linear-gradient(to top, rgb(80,113,156), rgb(55,80,115)); }
 
.menu-social .social-btn.social-twitter {
    background-color: rgb(56,161,243);
    background-image: linear-gradient(to bottom, rgb(56,161,243), rgb(13,123,210)); 
}
.menu-social .social-btn.social-twitter:active { background-image: linear-gradient(to top, rgb(56,161,243), rgb(13,123,210)); }
 
.menu-social .social-btn.social-youtube {
    background-color: rgb(237,56,51);
    background-image: linear-gradient(to bottom, rgb(237,56,51), rgb(194,22,17)); 
}
.menu-social .social-btn.social-youtube:active { background-image: linear-gradient(to top, rgb(237,56,51), rgb(194,22,17)); }
 
/*--- HEADER BOX ---*/
.header-box {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.8));
    width: 260px;
    height: 190px;
    border-radius: 10px;
    box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.15);
    font-size: 13px;
    padding: 5px;
    color: #fff;
    text-shadow: 0 2px rgba(0,0,0,0.5);
    position: absolute;
    bottom: 5%;
    right: 5%;
}
 
.header-box .box-title {
    text-align: center;
    font-size: 20px;
}
 
.header-box .box-content {
    float: left;
    margin: 5px;
}
 
.box-content a {
    display: block;
    color: #fff;
}
.box-content a:hover { text-shadow: 0 0 5px; }
 
.header-box .box-avatar {
    float: right;
    margin-top: -5%;
}
 
.box-logout {
    float: left;
    width: 100%;
}
 
.login-inputbox {
    background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(235,235,235));
    width: 240px;
    height: 40px;
    border: none;
    border-radius: 8px;
    margin: 5px;
    padding: 0 15px!important;
    font-size: 1em!important;
    cursor: auto!important;
    box-shadow: inset 0 -3px rgba(0,0,0,0.1), 0 0 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.1);
}
.login-inputbox:hover, .login-inputbox:focus { border-bottom: none!important; }
 
.login-btn {
    height: 40px;
    border-radius: 8px!important;
    margin: 2px;
    box-shadow: 0 3px rgba(0,0,0,0.15), inset 0 -3px rgba(0,0,0,0.1), inset 0 1px rgba(255,255,255,0.3), 0 0 4px rgba(0,0,0,0.15)!important;
    color: #FFF;
    text-shadow: 0 2px rgba(0,0,0,0.2);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 1px 10px!important;
    cursor: pointer!important;
}
 
.login-btn.login {
    background-image: linear-gradient(to bottom, rgb(80,113,156), rgb(55,80,115));
    border: 1px solid rgb(46,65,93);
    width: 140px!important;
}
.login-btn.login:active { background-image: linear-gradient(to top, rgb(80,113,156), rgb(55,80,115)); }
 
.login-btn.register {
    background-image: linear-gradient(to bottom, rgb(113,208,43), rgb(77,141,29));
    border: 1px solid rgb(48,88,18);
    width: 100px;
}
.login-btn.register:active { background-image: linear-gradient(to top, rgb(113,208,43), rgb(77,141,29)); }
 
.login-btn.logout {
    background-image: linear-gradient(to bottom, rgb(207,72,46), rgb(144,50,32));
    border: 1px solid rgb(102,36,23);
    width: 140px;
    margin-top: 0;
}
.login-btn.logout:active { background-image: linear-gradient(to top, rgb(207,72,46), rgb(144,50,32)); }
 
.login-btn.mp, .login-btn.notif {
    width: 48px;
    outline: none;
    font-size: 15px;
}
 
.login-btn.mp {
    background-image: linear-gradient(to bottom, rgb(255,165,0), rgb(179,116,0));
    border: 1px solid rgb(103,66,0);
}
.login-btn.mp:active { background-image: linear-gradient(to top, rgb(255,165,0), rgb(179,116,0)); }
.login-btn.mp:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
}
 
a[data-status*="Nova"] .login-btn.mp:after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    margin-left: -1%;
    margin-top: -.3%;
}
 
 
.login-btn.notif {
    background-image: linear-gradient(to bottom, rgb(113,208,43), rgb(77,141,29));
    border: 1px solid rgb(48,88,18);
}
.login-btn.notif:active { background-image: linear-gradient(to top, rgb(113,208,43), rgb(77,141,29)); }
.login-btn.notif:before {
    content: '\f0f3';
    font-family: 'Font Awesome 5 Free';
por Andreee
em Seg 19 Jun 2023 - 14:31
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Uso de uma barra de navegação personalizada
Respostas: 6
Vistos: 912

Alterar a aparência da barra de ferramentas

Olá @GuerreiroBR13,

Visto que o problema é somente na conta fundadora, não tenho como verificar o problema.

Verifique se existe algum código que altere definições no menu, desde CSS / JS / HTML e tente verificar se em algum código o problema seja resolvido, para tentar readaptar esse código e corrigir o problema.

Estarei no aguardo,
Atenciosamente, Sleep.
por Sleep
em Ter 6 Jun 2023 - 15:58
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterar a aparência da barra de ferramentas
Respostas: 16
Vistos: 1232

Alterar a aparência da barra de ferramentas

Olá @GuerreiroBR13,

Altere o JavaScript enviado pelo meu colega tikky, por este:

Código:
(function($) {
  'use strict';

  $(window).on('load', function() {
    if (!_userdata || !_userdata.session_logged_in) return;

    var avatarUrl = 'https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=png&user=' + encodeURIComponent(_userdata.username) + '&direction=4&head_direction=4&size=m&headonly=1';

    $('#fa_welcome').css('background-image', 'url("' + avatarUrl + '")');
  });
})(jQuery);


Mantendo o investimento em todas as páginas e use.

o código CSS acima por este:
Código:
#fa_toolbar {
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 70px;
  border-bottom: 2px solid #105687;
}

#fa_left,
#fa_search,
#fa_share,
#fa_hide,
#modernbb-nav-menu,
#fa_notifications,
#fa_usermenu,
.is-sticky#headerbar-top {
  display: none !important;
}

#logo {
  position: fixed;
  top: 0;
  z-index: 999999 !important;
  margin-top: 1.75rem;
}

.rightHeaderLink {
  background: #3e9f41;
  text-transform: uppercase;
  border: 1px solid #7aed7d !important;
}

a.rightHeaderLink[href$="/login"] {
  background: #3793ff;
  border: 1px solid #81b5f3 !important;
}

#fa_welcome {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  image-rendering: pixelated;
  background-position: center;
  transition: 0.3s;
}

#fa_menulist {
  padding: 1rem !important;
  right: calc(10px - 2px) !important;
  border-radius: 0.2rem;
  top: calc(70px - 5px);
}

.welcome #fa_welcome {
  background-color: transparent !important;
  transform: scale(1.2);
}


Atenciosamente,
Sleep.
por Sleep
em Seg 22 maio 2023 - 10:35
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterar a aparência da barra de ferramentas
Respostas: 16
Vistos: 1232

Ativação do Menu FAQ

Rapha Didone escreveu:Olá, @tikky!

Nossa, obrigado! Realmente havia esse código no CSS. 

Fiz o que pediu: removi-o. Entretanto, o menu FAQ não apareceu.

Olá, @tikky!

Peço desculpas, resultou sim!

Após ter limpado o histórico do navegador Edge, a FAQ apareceu. 

Testei em outros navegadores também e o menu FAQ aparece.

Muito obrigado.

Shek escreveu:Oi, boa noite.

Uai... Rapha Didone, forneça o template que o tikky citou, porque reparei um detalhe no botão registrar, que está escrito "Registar". Então, provavelmente o menu está editado. Eu fiz aplicação do seu CSS todo no fórum de testes e aparece o FAQ: https://shekforumeiros.forumeiros.com/forum?tt=1


Sim, depois que limpei cache, histórico no Edge o FAQ apareceu!

Notei que aqui também aparece "Registar". Eu gostaria que ficasse no português do Brasil mesmo "Registrar".

Como forneço esse template, rs?

Grato!

tikky escreveu:O problema (que pode ser de cache) é esta folha
Código:
<link rel="stylesheet" href="https://www.comoparar.com/css.forum" type="text/css" />

adicionado no overall_header (Template em Geral).


Ainda precisa fazer algo em relação a isso? Seria excluir do Template?
por Rapha Didone
em Sáb 20 maio 2023 - 11:08
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ativação do Menu FAQ
Respostas: 10
Vistos: 881

Ativação do Menu FAQ

Oi, boa noite.

Uai... Rapha Didone, forneça o template que o tikky citou, porque reparei um detalhe no botão registrar, que está escrito "Registar". Então, provavelmente o menu está editado. Eu fiz aplicação do seu CSS todo no fórum de testes e aparece o FAQ: https://shekforumeiros.forumeiros.com/forum?tt=1
por Shek
em Sáb 20 maio 2023 - 3:33
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ativação do Menu FAQ
Respostas: 10
Vistos: 881

Ativação do Menu FAQ

Rapha Didone escreveu:Olá, @tikky!

Nossa, obrigado! Realmente havia esse código no CSS. 

Fiz o que pediu: removi-o. Entretanto, o menu FAQ não apareceu.
O problema (que pode ser de cache) é esta folha
Código:
<link rel="stylesheet" href="https://www.comoparar.com/css.forum" type="text/css" />
adicionado no overall_header (Template em Geral).
por tikky
em Sex 19 maio 2023 - 23:14
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ativação do Menu FAQ
Respostas: 10
Vistos: 881

Ativação do Menu FAQ

Olá, @tikky!

Nossa, obrigado! Realmente havia esse código no CSS. 

Fiz o que pediu: removi-o. Entretanto, o menu FAQ não apareceu.
por Rapha Didone
em Sex 19 maio 2023 - 23:01
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ativação do Menu FAQ
Respostas: 10
Vistos: 881

Ativação do Menu FAQ

Ola, @Shek!

Agradeço pela mensagem, mas infelizmente não deu certo! O menu FAQ não apareceu. Veja a imagem abaixo:

Menu - Procurar Faq10
por Rapha Didone
em Sex 19 maio 2023 - 22:09
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ativação do Menu FAQ
Respostas: 10
Vistos: 881

Alterar a aparência da barra de ferramentas

Altere o código acima para
Código:
 #fa_toolbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: 70px;
    border-bottom: 2px solid #105687;
}
 #fa_left, #fa_search, #fa_share, #fa_hide, #modernbb-nav-menu, #fa_notifications, #fa_usermenu, .is-sticky#headerbar-top {
    display: none !important;
}
 #logo {
    position: fixed;
    top: 0;
    z-index: 999999 !important;
    margin-top: 1.75rem;
}
 .rightHeaderLink {
    background: #3e9f41;
    text-transform: uppercase;
    border: 1px solid #7aed7d !important;
}
 a.rightHeaderLink[href$="/login"] {
    background: #3793ff;
    border: 1px solid #81b5f3 !important;
}
 #fa_welcome {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    image-rendering: pixelated;
    background-position: center;
    transition: .3s;
}
 #fa_menulist {
    padding: 1rem !important;
    right: calc(10px - 2px) !important;
    border-radius: .2rem;
    top: calc(70px - 5px);
}
.welcome #fa_welcome {
  background-color: transparent !important;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
E crie uma página JavaScript com investimento em todas as páginas e use
Código:
(function($) {
  'use strict';

  $(window).on('load', function() {
   
    if(!_userdata.session_logged_in) return;
     
    $('#fa_welcome').css('background-image', 'url("https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=png&user=' + _userdata.username + '&direction=4&head_direction=4&size=m&headonly=1")');

     
  });
})(jQuery);
por tikky
em Sex 19 maio 2023 - 14:51
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterar a aparência da barra de ferramentas
Respostas: 16
Vistos: 1232

Ativação do Menu FAQ

Detalhes da questão


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

Descrição


Olá,

Não estou conseguindo colocar o menu FAQ no Fórum. Fui no Painel administrativo em "Usuários e Grupos", "Permissões especiais" e autorizei para visualização de convidados. Mas não resultou.

Não sei se tem algum tipo de código atrapalhando a sua visualização. Enfim, se puderem me ajudar nessa questão, desde já agradeço imensamente.
por Rapha Didone
em Sex 19 maio 2023 - 0:00
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ativação do Menu FAQ
Respostas: 10
Vistos: 881

Alterar a aparência da barra de ferramentas

Detalhes da questão


Endereço do fórum: https://policedop.forumeiros.com
Versão do fórum: ModernBB
Acesso ao fórum:
  • Nome de usuário: Setor de Testes
  • Palavra-passe: Abobrinha123!

Descrição


O menu do meu fórum não é muito "agradável" de se ficar olhando, e por isso, eu gostaria de mudar a aparência dele junto do perfil de usuário logado.

E como eu não entendo muito sobre programação, a minha ideia seria fazer algo parecido com isso daqui:

- Nenhuma conta logada: https://i.servimg.com/u/f38/20/33/81/30/fzrum211.png
- Usuário logado: https://i.servimg.com/u/f38/20/33/81/30/fzrum310.png
- Perfil de usuário aberto: https://i.servimg.com/u/f38/20/33/81/30/fzrum411.png

Sobre o perfil de usuários, como o meu fórum é focado no Habbo Hotel, eu queria que aparecesse a cabeça do avatar do usuário ao invés do ícone do fórum.
por GuerreiroBR13
em Dom 14 maio 2023 - 0:29
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterar a aparência da barra de ferramentas
Respostas: 16
Vistos: 1232

Criação de um Menu para Denúncias

Detalhes da questão


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

Descrição:


Estou tentando desenvolver uma área para meu Fórum, para os usuários poderem denunciar players fazendo atos errados.Estou tentando colocar esse código (https://ajuda.forumeiros.com/t115402-adicionar-campos-na-criacao-de-um-topico), está mais ou menos funcionando, queria saber o que mudar para funcionar nas versões Mobile e no PC (ModernBB), (pois sei muito pouco sobre Javascript)
por Shznn_.
em Qua 3 maio 2023 - 10:44
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Criação de um Menu para Denúncias
Respostas: 18
Vistos: 891

Redes sociais no topo do fórum

Olá @DaviMorais,

Substitua este na sua CSS o código passado por Pixar por:

Código:
.menu-social {
    display: flex;
    justify-content: flex-end;
    margin-top: -46px;
    padding-right: 139px;
    gap: 5px;
}


E adicione este:

Código:
header #user-menu {
    float: right;
    height: inherit;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 0 20px;
    display: block;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -51px;
}


Resultado:
Menu - Procurar IhH2lny

Atenciosamente,
Sleep.

por Sleep
em Seg 13 Mar 2023 - 9:55
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Redes sociais no topo do fórum
Respostas: 13
Vistos: 878

Redes sociais no topo do fórum

Sleep escreveu:
DaviMorais escreveu:
Sleep escreveu:
DaviMorais escreveu:Quase lá, a parte ali aonde fica o perfil deveria ser mais a cima, aonde marquei a parte amarela
Menu - Procurar BmHFd5E


Olá, @DaviMorais,

Substitua o código passado pelo nosso amigo Pixar, por este:

Código:
.menu-social {
    display: flex;
    justify-content: flex-end;
    margin-top: -46px;
    padding-right: 9px;
    gap: 5px;
}


Sleep


@Sleep , essa parte já estava correta, estou falando da parte que está marcado em vermelho, que antes era no local amarelo, teria como ela voltar pra lá?


Olá @DaviMorais,

Sem login, está correto!
Me envia uma conta de teste, sem permisões Administritivas.

Menu - Procurar 4bfQ1CI

Atenciosamente,
Sleep


Olá @Sleep aqui está:
user: teste
pass: teste123
por DaviMorais
em Seg 13 Mar 2023 - 8:31
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Redes sociais no topo do fórum
Respostas: 13
Vistos: 878

Redes sociais no topo do fórum

DaviMorais escreveu:
Sleep escreveu:
DaviMorais escreveu:Quase lá, a parte ali aonde fica o perfil deveria ser mais a cima, aonde marquei a parte amarela
Menu - Procurar BmHFd5E


Olá, @DaviMorais,

Substitua o código passado pelo nosso amigo Pixar, por este:

Código:
.menu-social {
    display: flex;
    justify-content: flex-end;
    margin-top: -46px;
    padding-right: 9px;
    gap: 5px;
}


Sleep


@Sleep , essa parte já estava correta, estou falando da parte que está marcado em vermelho, que antes era no local amarelo, teria como ela voltar pra lá?


Olá @DaviMorais,

Sem login, está correto!
Me envia uma conta de teste, sem permisões Administritivas.

Menu - Procurar 4bfQ1CI

Atenciosamente,
Sleep
por Sleep
em Dom 12 Mar 2023 - 20:01
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Redes sociais no topo do fórum
Respostas: 13
Vistos: 878

Redes sociais no topo do fórum

Sleep escreveu:
DaviMorais escreveu:Quase lá, a parte ali aonde fica o perfil deveria ser mais a cima, aonde marquei a parte amarela
Menu - Procurar BmHFd5E


Olá, @DaviMorais,

Substitua o código passado pelo nosso amigo Pixar, por este:

Código:
.menu-social {
    display: flex;
    justify-content: flex-end;
    margin-top: -46px;
    padding-right: 9px;
    gap: 5px;
}


Sleep


@Sleep , essa parte já estava correta, estou falando da parte que está marcado em vermelho, que antes era no local amarelo, teria como ela voltar pra lá?
por DaviMorais
em Dom 12 Mar 2023 - 16:53
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Redes sociais no topo do fórum
Respostas: 13
Vistos: 878

Redes sociais no topo do fórum

DaviMorais escreveu:Quase lá, a parte ali aonde fica o perfil deveria ser mais a cima, aonde marquei a parte amarela
Menu - Procurar BmHFd5E


Olá, @DaviMorais,

Substitua o código passado pelo nosso amigo Pixar, por este:

Código:
.menu-social {
    display: flex;
    justify-content: flex-end;
    margin-top: -46px;
    padding-right: 9px;
    gap: 5px;
}


Sleep
por Sleep
em Dom 12 Mar 2023 - 13:50
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Redes sociais no topo do fórum
Respostas: 13
Vistos: 878

Redes sociais no topo do fórum

Olá.
Adicione este código em sua folha CSS, logo abaixo do código fornecido pelo nosso amigo Sleep.

Código:
.menu-social {
    display: flex;
    justify-content: flex-end;
    margin-top: -42px;
    padding-right: 15px;
    gap: 5px;
}


Att,

Tchau
por Pixar
em Sáb 11 Mar 2023 - 18:30
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Redes sociais no topo do fórum
Respostas: 13
Vistos: 878

Redes sociais no topo do fórum

DaviMorais escreveu:Olá, fiz as alterações e não deram certo
ficou assim: https://prnt.sc/JDXFpzPduSTP


Olá, @DaviMorais,

Adicione na sua Folha de CSS o código abaixo:

Código:
.menu-social .social-btn {
    box-shadow: inset 0 3px rgb(255 255 255 / 15%), inset 0 -3px rgb(0 0 0 / 15%), 0 3px rgb(0 0 0 / 10%);
    width: 41px;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 65px;
    margin-top: 0px;
    text-align: center;
    color: #FFF;
    text-shadow: 0 4px rgb(0 0 0 / 20%);
    font-size: 15px;
    padding: 0.7%;
}


Resultado:
Menu - Procurar BGph8RU

Atenciosamente,
Sleep
por Sleep
em Sex 10 Mar 2023 - 13:25
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Redes sociais no topo do fórum
Respostas: 13
Vistos: 878

Redes sociais no topo do fórum

Olá @DaviMorais,

Adicione
Código:
<div class="menu-social">
                          <a class="social-btn social-facebook" href="https://www.facebook.com/FNHabbo/" target="_blank"><i class="fab fa-facebook-f"></i></a>
                            <a class="social-btn social-instagram" href="https://instagram/fnhabbo" target="_blank"><i class="fab fa-instagram"></i></a>
                            <a class="social-btn social-twitter" href="https://twitter.com/HabboForca" target="_blank"><i class="fab fa-twitter"></i></a>
                            <a class="social-btn social-youtube" href="https://www.youtube.com/channel/UCYQQliBQR9MIPIPeX2EBvAw" target="_blank"><i class="fab fa-youtube"></i></a>
                    </div>
acima de
Código:
<!-- BEGIN switch_user_logged_in -->
  <div id="user-menu">
    <div class="user-avatar">
      <img src='' />
    </div>
    <span class="user-username"></span>
  </div>
  <!-- END switch_user_logged_in -->
Atenciosamente,
pedxz.
por tikky
em Qua 8 Mar 2023 - 11:17
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Redes sociais no topo do fórum
Respostas: 13
Vistos: 878

Redes sociais no topo do fórum

Detalhes da questão


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

Descrição


Olá, gostaria de pegar essa parte das redes sociais de um outro fórum meu: https://prnt.sc/tsxPypnpN5Zy

E por aqui nessa parte do meu atual fórum: https://prnt.sc/eTLsS10yCv1a

overall_header do forum antigo
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>
    <script type="text/javascript" src="https://illiweb.com/rs3/44/frm/mentions/tooltipster.js" ></script>
    <link rel="stylesheet" type="text/css" href="https://illiweb.com/rs3/44/frm/mentions/tooltipster.css" />
    <!-- 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" />
        <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"/>
</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}
 
    <nav class="menu">
      <div class="menu-container">
        <div class="menu-link-wrapper">
            <a class="menu-link" href="/forum">
              <div class="icon forum"></div>
              <div class="text">Início</div>
            </a>
            <a class="menu-link" href="/portal">
              <div class="icon portal"></div>
              <div class="text">Portal</div>
                            </a>
            <a class="menu-link" href="/memberlist">
              <div class="icon membros"></div>
              <div class="text">Membros</div>
            </a>
            <a class="menu-link" href="/groups">
              <div class="icon grupos"></div>
              <div class="text">Grupos</div>
            </a>
            <a class="menu-link" href="/f3-institucional-a-policia-militar-forca-nacional">
              <div class="icon documentos"></div>
              <div class="text">documentos</div>
            </a>
        </div>
                    <a href="/forum"><div class="menu-logo"></div></a>
                    <div class="menu-social">
                          <a class="social-btn social-facebook" href="https://www.facebook.com/FNHabbo/" target="_blank"><i class="fab fa-facebook-f"></i></a>
                            <a class="social-btn social-instagram" href="https://instagram/fnhabbo" target="_blank"><i class="fab fa-instagram"></i></a>
                            <a class="social-btn social-twitter" href="https://twitter.com/HabboForca" target="_blank"><i class="fab fa-twitter"></i></a>
                            <a class="social-btn social-youtube" href="https://www.youtube.com/channel/UCYQQliBQR9MIPIPeX2EBvAw" target="_blank"><i class="fab fa-youtube"></i></a>
                    </div>
      </div>
  </nav>
 
  <div id="page-header">
      <div class="headerbar">
              <div class="header-box">
                            <!-- BEGIN switch_user_logged_out -->
                          <div class="box-title">Área do Usuário</div>
                            <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
                                  <input type="text" class="login-inputbox" name="username" placeholder="{L_USERNAME}" required/>
                <input type="password" class="login-inputbox" name="password" placeholder="{L_PASSWORD}" required/>
                                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} hidden/>
                                    <input type="submit" class="login-btn login" name="login" value="{L_LOGIN}" />
                                    <input type="button" class="login-btn register" name="register" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            </form>
                            <!-- END switch_user_logged_out -->
                            <!-- BEGIN switch_user_logged_in -->
                            <div class="box-title">Olá, <script>document.write(_userdata.username)</script></div>
                            <div class="box-content">
                                  <a href="/profile?mode=editprofile">Informações</a>
                                        <a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a>
                                        <a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a>
                                        <a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a>
                                    <a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos e Ignorados</a>
                            </div>
                            <div class="box-avatar">
                                  <img id="user-avatar" src=""/>
                                    <script>document.getElementById('user-avatar').src = "http://www.habbo.com.br/habbo-imaging/avatarimage?&user=" + _userdata.username + "&action=std,crr=6&direction=4&head_direction=3&img_format=png&gesture=sml&headonly=0&size=b";</script>
                            </div>
                            <div class="box-logout">
                                  <a href="/login?logout">
                                    <input type="button" class="login-btn logout" name="logout" value="Desconectar" />
                                  </a>
                                  <a href="/privmsg?folder=inbox" id="notify_link" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}">
                                    <button type="button" class="login-btn mp" name="mp"></button>
                                  </a>
                                  <a href="/search?search_id=watchsearch" title="Notificações">
                                    <button type="button" class="login-btn notif" name="notif"></button>
                                  </a>
                          </div>
                            <!-- END switch_user_logged_in -->
                  </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">



parte que fica no CSS
Código:
/*-- Links das redes sociais --*/
.menu .menu-container .menu-social {
    position: absolute;
    top: 15px;
    right: 10px;
}
 
.menu-social .social-btn {
    box-shadow: inset 0 3px rgba(255,255,255,0.15), inset 0 -3px rgba(0,0,0,0.15), 0 3px rgba(0,0,0,0.1);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    margin-top: 0px;
    text-align: center;
    color: #FFF;
    text-shadow: 0 4px rgba(0,0,0,0.2);
    font-size: 18px;
    float: left;
    padding: 5%;
    margin-right: 10px;
}
 
.menu-social .social-btn.social-facebook {
    background-color: rgb(80,113,156);
    background-image: linear-gradient(to bottom, rgb(80,113,156), rgb(55,80,115));
}
.menu-social .social-btn.social-facebook:active { background-image: linear-gradient(to top, rgb(80,113,156), rgb(55,80,115)); }
 
.menu-social .social-btn.social-twitter {
    background-color: rgb(56,161,243);
    background-image: linear-gradient(to bottom, rgb(56,161,243), rgb(13,123,210));
}
.menu-social .social-btn.social-twitter:active { background-image: linear-gradient(to top, rgb(56,161,243), rgb(13,123,210)); }
 
.menu-social .social-btn.social-youtube {
    background-color: rgb(237,56,51);
    background-image: linear-gradient(to bottom, rgb(237,56,51), rgb(194,22,17));
}
.menu-social .social-btn.social-youtube:active { background-image: linear-gradient(to top, rgb(237,56,51), rgb(194,22,17)); }
por DaviMorais
em Ter 7 Mar 2023 - 5:32
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Redes sociais no topo do fórum
Respostas: 13
Vistos: 878

Menu de notícias e links úteis

Detalhes da questão


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

Descrição


Gostaria de saber se é possível disponibilizar o código do menu de notícias e link´s úteis que utilizam aqui no forum dos forums.

Menu - Procurar Q834wut
por Strilk
em Sex 17 Fev 2023 - 13:02
 
Procurar em: Questões resolvidas sobre o painel administrativo
Tópico: Menu de notícias e links úteis
Respostas: 6
Vistos: 1061

Campo de contato do Discord

Bom dia.

Boa observação! Eu tenho uma alternativa enquanto esperamos... Desculpa, eu estou editando a mensagem.

Primeiro, no app ou site do discord, clica na Engrenagem que redireciona para as opções de perfil. Em Configuração do aplicativo no menu esquerdo, clica em Avançado e depois na opção "Modo desenvolvedor".

Menu - Procurar 0115

Quando for feito isso, volte para a opção no menu esquerdo Minha conta e clica nos três pontos ao lado de seu perfil. Quando o fizer, aparecerá um botão para copiar o ID do usuário. Com isso, será possível criar um link.

Menu - Procurar 0116

Finalmente, você pode (como eu disse) temporariamente criar um perfil do tipo Endereço de internet e inserir o link:
Menu - Procurar 0117

O código do link padrão é:
Código:
discordapp.com/users/{USERID}
Substituir o {USERID} pelo id copiado e que está na área de transferência do dispositivo. Piscada

É trabalhoso, eu sei... Mas, é a alternativa viável para o momento. Para mim, funcionou tanto para quem tem a versão de Windows quanto para Web.

Atenciosamente,
Shek King
por Shek
em Qui 12 Jan 2023 - 13:52
 
Procurar em: Questões resolvidas sobre o painel administrativo
Tópico: Campo de contato do Discord
Respostas: 10
Vistos: 9420

Como configurar plugin multi contas

Olá de novo. Piscada

Vejamos... Modifique o script para esse:
Código:
$(document).ready(function(){
  $(".botaologin").click(function(){
  $(".cambio-cuenta").slideToggle();
  });
});
No seu CSS, localize:
Código:
.cambio-cuenta
e adicione dentro das chaves a propriedade: display:none;Salve e pode apagar o código:
Código:
<div class="openElement" style="padding: 10px; background-color: rgb(255, 255, 255); position: fixed; right: 80px; margin-bottom: -70px; display: none;"></div>


A ideia agora é fazer com que o código fique escondido, mas quando clicado no botão do menu ele abra.

Eu sei que estamos fazendo várias tentativas, mas é assim que se trabalha em código de outros desenvolvedores. Espero que entenda. Feliz

OBS: Quanto a tradução do código, realmente deverá contatar o autor, pois, o código está ofuscado impedindo a alteração do idioma dele.

Atenciosamente.
por Shek
em Seg 9 Jan 2023 - 13:57
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Como configurar plugin multi contas
Respostas: 19
Vistos: 1025

Como configurar plugin multi contas

Olá novamente.

Eu presumo que o que deseja agora seria que se abra uma espécie de "lightbox" para que esse elemento não apareça no menu. Então vou sugerir outras mudanças, que pode ajudar.

No código que incluiu, acredito que no template:
Código:
<div class="botaologin"><span class="lnr lnr-select"></span></div>
Adicione outra div depois dele:
Código:
<div class="openElement" style="padding: 10px;background-color: rgb(255, 255, 255);position: fixed;right: 80px;margin-bottom: -70px;"></div>
Modifique o nome .botaologin por .openElementDepois disso, no script que já está na página javascript do seu fórum (aquele script que me mostrou no documento do Google), inclua depois de todo o código esse novo código:
Código:
$(document).ready(function(){
  $(".botaologin").click(function(){
  $(".openElement").slideToggle();
  });
});
Obrigado por notificar sobre o funcionamento.
por Shek
em Seg 9 Jan 2023 - 13:20
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Como configurar plugin multi contas
Respostas: 19
Vistos: 1025

Criar pop-up de login

Detalhes da questão


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

Descrição


Olá, tudo bem?

Gostaria de ter um modo de login pop-up igual a desta imagem que encontrei aqui no fórum. Seria possível?

Meu overall-header:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="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 type="text/javascript" src="https://illiweb.com/rs3/44/frm/mentions/tooltipster.js" ></script>
     <link rel="stylesheet" type="text/css" href="https://illiweb.com/rs3/44/frm/mentions/tooltipster.css" />
    <!-- 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" />
        <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"/>
</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}
 
     <nav class="menu">
      <div class="menu-container">
         <div class="menu-link-wrapper">
            <a class="menu-link" href="/forum">
               <div class="icon forum"></div>
               <div class="text">Início</div>
            </a>
            <a class="menu-link" href="/portal">
               <div class="icon portal"></div>
               <div class="text">Portal</div>
                             </a>
            <a class="menu-link" href="/memberlist">
               <div class="icon membros"></div>
               <div class="text">Membros</div>
            </a>
            <a class="menu-link" href="/groups">
               <div class="icon grupos"></div>
               <div class="text">Grupos</div>
            </a>
         </div>
                     <a href="/forum"><div class="menu-logo"></div></a>
                     <div class="menu-social">
                           <a class="social-btn social-facebook" href="https://www.facebook.com/openstecnologia02" target="_blank"><i class="fab fa-facebook-f"></i></a>
                             <a class="social-btn social-whatsapp" href="https://api.whatsapp.com/send/?phone=554839548000&text=Ol%C3%A1.+Podem+me+ajudar%3F&type=phone_number&app_absent=0" target="_blank"><i class="fab fa-whatsapp"></i></a>
                             <a class="social-btn social-youtube" href="https://www.youtube.com/c/OpensTecnologia" target="_blank"><i class="fab fa-youtube"></i></a>
                     </div>
      </div>
   </nav>

   <div id="page-header">
      <div class="headerbar">
              <div class="header-box">
                             <!-- BEGIN switch_user_logged_out -->
                          <div class="box-title">Área do Usuário</div>
                             <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
                                   <input type="text" class="login-inputbox" name="username" placeholder="{L_USERNAME}" required/>
                <input type="password" class="login-inputbox" name="password" placeholder="{L_PASSWORD}" required/>
                                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} hidden/>
                                     <input type="submit" class="login-btn login" name="login" value="{L_LOGIN}" />
                                     <input type="button" class="login-btn register" name="register" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                             </form>
                             <!-- END switch_user_logged_out -->
                             <!-- BEGIN switch_user_logged_in -->
                             <div class="box-title">Olá, <script>document.write(_userdata.username)</script></div>
                             <div class="box-content">
                                   <a href="/profile?mode=editprofile">Informações</a>
                                        <a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a>
                                        <a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a>
                                        <a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a>
                                     <a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos e Ignorados</a>
                             </div>
                             <div class="box-avatar">
                                   <img id="user-avatar" src=""/>
                                     <script>";</script>
                             </div>
                             <div class="box-logout">
                                  <a href="/login?logout">
                                     <input type="button" class="login-btn logout" name="logout" value="Desconectar" />
                                  </a>
                                  <a href="/privmsg?folder=inbox" id="notify_link" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}">
                                    <button type="button" class="login-btn mp" name="mp"></button>
                                  </a>
                                  <a href="/search?search_id=watchsearch" title="Notificações">
                                     <button type="button" class="login-btn notif" name="notif"></button>
                                  </a>
                           </div>
                             <!-- END switch_user_logged_in -->
                   </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">


Gostaria que tivesse em algum lugar ao lado das redes sociais um menu para conectar e desconectar. Diferente deste meu que fica no meio do banner.

Desde já agradeço.
por gustavomedeiros
em Sex 30 Dez 2022 - 18:28
 
Procurar em: Questões resolvidas sobre HTML e BBCode
Tópico: Criar pop-up de login
Respostas: 4
Vistos: 947

Alterar a cor do cabeçalho

Detalhes da questão


Endereço do fórum: https://forumempresatst.forumeiros.com/
Versão do fórum: AwesomeBB

Descrição


Gostaria de mudar a cor desse menu, porem não consigo encontrar essa opção no menu de edição de cores.

Menu - Procurar 110
por samuelaraujossantos
em Qui 1 Dez 2022 - 11:46
 
Procurar em: Questões resolvidas sobre o painel administrativo
Tópico: Alterar a cor do cabeçalho
Respostas: 3
Vistos: 941

Barra de navegação personalizada

Eu acabei respondendo o Mixeuzinho na mesma hora que ele respondeu meu tópico, fiquei esperando e não tive resposta, acabou que eu e meu amigo mexemos em algumas coisas no fórum e ficou quase do jeito que queríamos.

Conseguimos posicionar o menu em baixo do banner e essa parte de ocultar algumas opções do menu acabei descobrindo mexendo nas configurações.

Agora a única coisa que não estamos conseguindo, é desvincular o menu do banner, pois ele está aparecendo recortado. Parece que existe uma área limitada pro banner+menu.  Computador


Menu - Procurar Siteag10
por DeNieW
em Sex 25 Nov 2022 - 2:40
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Barra de navegação personalizada
Respostas: 9
Vistos: 950

Barra de navegação personalizada

Boa noite Autor.

Partindo do pressuposto que deseja deixar o menu na parte inferior ao logo como mencionou, sugiro acessar Visualização > Templates > Geral e no template overall_header, localizar esse trecho:
Código:
      <div id="headerbar-top" class="responsive-headerbar">
         <div class="wrap">
            <a href="{U_INDEX}" id="logo"><img loading="lazy" src="{LOGO}" alt="{L_INDEX}"/></a>
            <input class="menu-btn" type="checkbox" id="menu-btn" />
            <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
            <ul id="modernbb-nav-menu" class="navbar navlinks{NAVBAR_BORDERLESS}">
               <li>{GENERATED_NAV_BAR}</li>
            </ul>
         </div>
      </div>
Ao encontrá-lo, pressione o botão direito do mouse e clique em "Recortar". Ainda neste template, na caixa de busca procure por <!-- END switch_ticker_new --> insira o código recortado, clicando no botão direito do mouse, e depois em "Colar". Salve o template, e publique.

Ainda na aba "Visualização", acesse a opção "Cores & CSS" em Imagens e Cores, e a seguir em Folha de estilo (CSS) insira o código a seguir:
Código:
.is-sticky#headerbar-top,.responsive-headerbar {background-color: black !important;}
.is-sticky#headerbar-top {
    position: sticky !important;
    right: auto !important;
    top: auto !important;
}
Salve e veja se seria isso que deseja. Piscada

Quanto aos links, você não pode removê-los de forma usual, mas por script. Porém, recomendo não usar script para uma coisa tão simples. Você pode impedir que eles sejam visíveis aos usuários. Leia este FAQ para mais detalhes: https://ajuda.forumeiros.com/t16325-faq-gerir-os-botoes-do-menu-de-navegacao

Atenciosamente,
Shek King
por Shek
em Sex 25 Nov 2022 - 2:06
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Barra de navegação personalizada
Respostas: 9
Vistos: 950

Barra de navegação personalizada

Mixeuzinho escreveu:Olá, você entende que, segundo as normas do forumeiros, é proibida a cópia total ou parcial de algum outro fórum. O que podemos fazer é pegar de inspiração e criar o nosso. Vamos a isso?
O seu overall_header já possui alguma modificação? Se sim, envie-me o template supracitado.


Não quero copiar e sim saber, como deixar posicionado o menu ali em baixo para que eu possa colocar um banner naquela parte de cima, pois agora onde ela está localizada ta muito feio e quando coloco banner o banner não pega todo o espaço de cima e o menu fica espremido no canto. 

Olha ai...  Tonto
Menu - Procurar Feiodm10
por DeNieW
em Qui 24 Nov 2022 - 17:03
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Barra de navegação personalizada
Respostas: 9
Vistos: 950

Barra de navegação personalizada

Não possui alteração, pois eu não sei como alterar nada.  Não

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 name="viewport" content="width=device-width, initial-scale=1">
   <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 -->
         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 -->

         document.onclick = function(e){
            if (!e.target.classList.contains('navicon')) {
               if ($(e.target).parents('.responsive-headerbar').length == 0 && e.target.id != "menu-btn") {
                  document.getElementById('menu-btn').checked = false;
               }
            }
         };
      });

      <!-- 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://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese&display=swap"
        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="" 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 -->
            &nbsp;
            <!-- 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">
      <div id="headerbar-top" class="responsive-headerbar">
         <div class="wrap">
            <a href="{U_INDEX}" id="logo"><img loading="lazy" src="{LOGO}" alt="{L_INDEX}"/></a>
            <input class="menu-btn" type="checkbox" id="menu-btn" />
            <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
            <ul id="modernbb-nav-menu" 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 modern-resp">
   <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">
por DeNieW
em Qui 24 Nov 2022 - 16:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Barra de navegação personalizada
Respostas: 9
Vistos: 950

Ir para o topo

Página 1 de 8 • 1, 2, 3, 4, 5, 6, 7, 8  Seguinte

Ir para: