Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
187 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 186 Visitantes :: 2 Motores de busca

soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Mudar aspecto da barra Forumeiros

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

Resolvido Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 18/03/17, 01:00 pm

Detalhes da questão


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

Descrição


Olá!

Eu queria deixar a barra de forumeiros de outra forma como, a borda de baixo em vez preta em azul as letras estão brancas queria deixar em preto, queria ocultar o "Compartilhe", já tentei com este código apenas deixou a barra em branco:
Código:
#fa_toolbar {
    background-color: #ffffff;
    border-bottom: 3px solid #FDA900;
    color: #FFF;
    font-family: Helvetica,Verdana,Arial;
    font-size: 16px;
}


Última edição por IsmaelS. em 24/03/17, 10:01 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Shek em 18/03/17, 01:40 pm

Boa tarde.

Retire este CSS de lá, e acesse Módulos >> Barra de Ferramentas >> e defina a cor de fundo na caixa de cor Cor. Depois, salve.

Em seguida, na folha de estilos CSS, aplique este código:
#fa_toolbar {
border-bottom: 10px solid gold;
} fa_search {display: none !important;}
Troque o Gold pela cor hexadecimal ou o nome da cor em Inglês que desejar para a borda. O 10px representa o tamanho da borda.

Atenciosamente,
Shek King


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16924
Pontos Ativos : 21257

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 18/03/17, 05:20 pm

Resultou mas a borda continua em preto, usei desta maneira:

Código:
#fa_toolbar {
border-bottom: 10px solid #3091C1;
} fa_search {display: none !important;}

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Kyo Panda em 20/03/17, 09:29 am

Tenha certeza de colocar o código do @Shek Crowley no fim da sua folha de CSS, para não haver o risco de alguma outra regra de CSS sobrescrevê-la:

Código:
#fa_toolbar {
    border-bottom: 10px solid #3091C1;
}

#fa_search {
    display: none !important;
}


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5784

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

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 20/03/17, 02:31 pm

Eu não queria ocultar a caixa de buscar mas sim as redes sociais apenas e a borda aparece em preto.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 21/03/17, 01:47 pm

IsmaelS. escreveu:Eu não queria ocultar a caixa de buscar mas sim as redes sociais apenas e a borda aparece em preto.

Pois bem:
  • Por favor, remova os códigos que fizeram tal efeito;
  • Se puder, gostaria também que listasse todas as mudanças que o senhor deseja em sua barra de ferramentas, mas é claro, devem estar de acordo com nossas regras.


Até mais. Piscada
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 21/03/17, 07:30 pm

Retirei tudo, queria deixar a barra como neste fórum:
- http://suportedesign.forumeiros.com/


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 21/03/17, 07:44 pm

Perfeito.
Adicione este código CSS ao final de sua Folha de Estilo:
Código:
div#fa_toolbar {
    background-color: #2A2C33;
    border-bottom: 3px solid #FDA900;
    color: #FFF;
    font-family: Helvetica,Verdana,Arial;
    left: 0;
    margin: auto;
    z-index: 999;
    position: absolute;
    height: 55px;
    padding-top: 10px;
}

div#fa_toolbar * {
    color: #fff;
}

span#fa_share {
    display: none!important;
}

a#fa_hide {
    display: none!important;
}

a#fa_notifications, a#fa_welcome {
    color: #fda900!important;
    border: solid 1px #fda900;
}

a#fa_service {
    color: #fda900!important;
    font-weight: bold;
}

#logo > img {
    margin-top: -115px!important;
}

a#fa_magnifier {
    color: #fff!important;
    background-color: #fda900;
    border-radius: 5px;
    width: 30px!important;
    height: 30px!important;
    margin-top: 4px;
}

#fa_magnifier:before {
    margin-top: -2px;
}

Após aplicar, iremos prosseguir à barra de pesquisa.
Quando ao link da forumeiros, o mesmo só poderá ser alterado via créditos, como o senhor já deve saber. Piscada

Até mais.
Qualquer modificação no atual código, avise na mensagem a seguir.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 21/03/17, 07:50 pm

Sim eu sei sobre os créditos, agora a barra eu queria deixar azul e não preta e se possível em vez de amarelo para esta cor "#3091C1".

E o fórum ficou por baixo do header também.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 21/03/17, 07:56 pm

Olá.
Altere todo o CSS que passei anteriormente por:
Código:
body {
    padding-top: 55px!important;
}

div#fa_toolbar {
    background-color: #2c353b;
    border-bottom: 3px solid #3091c1;
    color: #FFF;
    font-family: Helvetica,Verdana,Arial;
    left: 0;
    margin: auto;
    z-index: 999;
    position: absolute;
    height: 55px;
    padding-top: 10px;
    top: 0!important;
}
 
div#fa_toolbar * {
    color: #fff;
}
 
span#fa_share {
    display: none!important;
}
 
a#fa_hide {
    display: none!important;
}
 
a#fa_notifications, a#fa_welcome {
    color: #3091c1!important;
    border: solid 1px #3091c1;
}
 
a#fa_service {
    color: #3091c1!important;
    font-weight: bold;
}
 
#logo > img {
    margin-top: -115px!important;
}
 
a#fa_magnifier {
    color: #fff!important;
    background-color: #3091c1;
    border-radius: 5px;
    width: 30px!important;
    height: 30px!important;
    margin-top: 4px;
}
 
#fa_magnifier:before {
    margin-top: -2px;
}

Até mais. =)
Agora, poderemos passar para a próxima parte, ou o senhor deseja mais alguma alteração em relação ao estilo (CSS)? Piscada


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 21/03/17, 07:57 pm

A barra esta é muito larga devia estar mais fina como no fórum que passei e também a barra de buscar ter o mesmo efeito da outra.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 21/03/17, 08:12 pm

Olá.
Vamos deixar isso para fazer no final, pois desconfigura tudo. Recomendo até mesmo que o senhor prefira não "afiná-la" , pois ficaria demasiado estranho.

Quando ao mesmo efeito, vamos aos códigos:
Código:
input#fa_textarea {
    height: 30px!important;
    transition: linear 550ms all;
    width: 0px!important;
    border: solid 1px #3091c1!important;
    margin-top: 4px!important;
    margin-right: 20px;
    border-radius: 5px 0 0 5px!important;
    padding-left: 6px!important;
}

input#fa_textarea:hover,
 a#fa_magnifier:hover + input#fa_textarea {
    width: 200px!important;
}

Ao final da CSS, como sempre. Rindo
Até mais. Feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 21/03/17, 09:23 pm

Resultou mas eu preferia na mesma deixar mais fina se possível como está no outro fórum.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 21/03/17, 09:41 pm

Olá.
Precisarei de sua Folha de Estilo CSS.

Até mais. Piscada


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 21/03/17, 09:43 pm

Aqui está:
Código:
/* Ícones de navegação */
.navbar { background-color: #455A64;}
.navbar a.mainmenu::before {
    content: "";
    font-family: FontAwesome;
    font-size: 115%;
    padding-right: 4px;
    padding-left: -4x;
}
.navbar a.mainmenu[href="/"]:before { content: " ";}
/**.navbar a.mainmenu[href="/"]:before { content: " ";}icone do portal, caso este esteja ativado e seja a página inicial **/
.navbar a.mainmenu[href="/faq"]:before { content: " ";}
.navbar a.mainmenu[href="/search"]:before { content: " ";}
.navbar a.mainmenu[href="/memberlist"]:before { content: " ";}
.navbar a.mainmenu[href="/groups"]:before { content: " ";}
.navbar a.mainmenu[href="/profile?mode=editprofile"]:before { content: " ";}
.navbar a.mainmenu[href="/privmsg?folder=inbox"]:before { content: " ";}
.navbar a.mainmenu[href="/login"]:before { content: " ";}
.navbar a.mainmenu[href^="/login?logout=1"]:before { content: " ";}
.navbar a.mainmenu[href="/register"]:before { content: " ";}
/* Header */
 .navbar a:hover {height:90px!important;margin-top:-25px!important;line-height:70px!important;}
.headerbar {background-size:130%!important;}
.is-sticky#headerbar-top {display:none!important;}
.navbar a {margin-left:-190px!important;margin-right:180px!important;}
 #logo > img {margin-top:-170px!important;}
.navbar {margin-top:180px!important;height:70px!important;}
.headerbar {height:250px!important;background-size:130%!important;margin-top:-5px!important;}
.navbar {
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    background: #FFF;
    border-bottom: 3px solid #febe29;
    height: 80px;
    line-height: 60px;
    width: 120%;
    margin-left:-60px;
    z-index: 999;
    margin-top:151px;
}
.navbar a {
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    background-color: transparent;
    color: #848484;
    cursor: pointer;
    float: left;
    font-family: Ubuntu;
    font-size: 13px;
    height: 60px;
    line-height: 60px;
    list-style-type: none;
    margin-left: 1px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease;
    margin-top:-20px;
    margin-left:-20px;
        }
        .navbar a:hover {
            background-color: #febe29;
    color: #FFF;
    margin-right: 5px;
    margin-left:5px; 
        }
      .navbar img {display:none;}
      .headerbar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url(http://i.imgur.com/oojYbxi.png);
    background-position: right;
    background-size: 100%;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    font-weight: 500;
    margin-bottom: 0;
    min-height: 200px;
    }
.is-sticky .navbar {display:none;}
/* Categorias */
.forabg > .topiclist:first-child, .forumbg > .topiclist:first-child {
    border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
.forabg.hidden { background-color: rgba(42, 44, 51, 0.71);}
.cat1:before{content:"\f015";font-family:FontAwesome;vertical-align:top;}
.cat2:before{content:"\f0a1";font-family:FontAwesome;vertical-align:top;}
.cat3:before{content:"\f085";font-family:FontAwesome;vertical-align:top;}
.cat4:before{content:"\f0c0";font-family:FontAwesome;vertical-align:top;}
.cat5:before{content:"\f0f0";font-family:FontAwesome;vertical-align:top;}
/* Chatbox */
#chatbox_header {
    border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
/* Home Page */
.warn {
    background: rgba(54, 138, 210, 0.46) url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
    width: 65%;
    margin: auto;
    border: 1px solid rgba(54, 138, 210, 0.46);
    border-radius: 20px;
    padding: 8px;
    text-align: center;
}
.home img {
    margin-bottom: -3px;
}
/* Widgets */
.module .h3 {
  border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
/* Tamanho da letra dos últimos assuntos */
.mod-recent-title { font-size: 1.3rem !important;}
/* Caixa de Respostas */
.sceditor-container textarea { background: url(https://i68.servimg.com/u/f68/16/43/60/45/s10.png) no-repeat 50% 50% transparent!important;}
/* Outros Códigos */
.lateral_navigation a:hover {color: #3091C1;}
#main-content > .linklist.top {  display: none;}
#content-container #right {display:none;}
#content-container #container {margin-right: 0px !important;}
.quick-nav-topics a:last-child, .quick-nav-topics a {display:none;}
ul.linklist.bottom {display:none;}
/* Ranks .CSS */
.rank{-webkit-border-radius:3px;background-image:url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);background-position:0 -1px;background-repeat:repeat-x;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:700;line-height:17px;moz-border-radius:3px;padding:4px 8px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0;text-transform:uppercase;margin-top:7px}
.admin{background-color:#D94348}
.admina{background-color:#D94348}
.mod{background-color:#07B87D}
.prog{background-color:#3192C2}
.des{background-color:#D69A45}
.mem{background-color:#617F9C}
.pub{background-color:#FF6600}
/* Quote e Code */
blockquote {
    background: #e7edf3 none repeat scroll 0 0;
    border-color: rgba(55, 147, 255, 0.52);
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 1.2rem;
    margin: 0 9px;
    overflow: hidden;
    padding: 18px;
    position: relative;
}
blockquote cite {
    background-color: transparent!important;
    color: #000000!important
    display: block;
    font-size: 13px!important;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
dl.codebox:not(.spoiler) {background-color: #272822!important;padding-right: 0!important;text-shadow: 1px 1px 0 #1B1C18;}
dl.codebox .fa.fa-clipboard {color: #fff;cursor: pointer;float: right;left: -35px;position: relative;}
.fa-paste:before, .fa-clipboard:before {content: "\f0ea";}
dl.codebox code {color:#fff;font-size: 12pt;font-style: normal;font-variant: normal;font-weight: normal;font-family: monospace;max-height: 200px;overflow: auto;display: block;}
dl.codebox:not(.spoiler) dt {display: none;}
dl.codebox:before {color:#fff!important;}
dl.codebox .fa.fa-clipboard {margin-right:25px!important;}
/* Widget Acesso Rápido */
.ucptitle {
    position: relative;
    margin-left: 12px;
}
.ucptitle .fa {
    font-size: 10px;
    position: absolute;
    top: 3px;
    left: -12px
}
/* Icones Grupos */
a.gensmall[style="color: #D94348"]:before{content:'\f005 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #07B87D"]:before{content:'\f085 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #3192C2"]:before{content:'\f0ad \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #D69A45"]:before{content:'\f1fc \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #FF6600"]:before{content:'\f0a1 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #617F9C"]:before{content:'\f007 \00A0';font-family:'fontawesome'}
/* Aviso de 0 mensagens */
.message-guest {
    background: #F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x;
    margin: 5px 0;
    border: 1px solid #D3EED5;
    color: rgba(211, 17, 65, 0.75);
    display: block;
    font-size: 12px;
    line-height: 1.6;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
/* Top postadores */
#main-content .mod-top-row {
    padding-left: 72px;
    margin-bottom: 10px;
    position: relative;
}
#main-content .mod-top-row:nth-child(-n + 3) {
    padding-left: 72px;
}
.fa-custom-mod-top-avatar {
    display: block;
    padding: 2px;
    border: 1px #333 solid;
    position: absolute;
    left: 40px;
}
.fa-custom-mod-top-avatar img {
    width: 32px;
    height: 32px;
}
.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar {
    left: 20px;
}
.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar img {
    width: 38px;
    height: 38px;
}
/* Barra de forumeiros */
body {
    padding-top: 55px!important;
}
div#fa_toolbar {
    background-color: #2c353b;
    border-bottom: 3px solid #3091c1;
    color: #FFF;
    font-family: Helvetica,Verdana,Arial;
    left: 0;
    margin: auto;
    z-index: 999;
    position: absolute;
    height: 55px;
    padding-top: 10px;
    top: 0!important;
}
div#fa_toolbar * {
    color: #fff;
}
span#fa_share {
    display: none!important;
}
a#fa_hide {
    display: none!important;
}
a#fa_notifications, a#fa_welcome {
    color: #3091c1!important;
    border: solid 1px #3091c1;
}
a#fa_service {
    color: #3091c1!important;
    font-weight: bold;
}
#logo > img {
    margin-top: -115px!important;
}
a#fa_magnifier {
    color: #fff!important;
    background-color: #3091c1;
    border-radius: 5px;
    width: 30px!important;
    height: 30px!important;
    margin-top: 4px;
}
#fa_magnifier:before {
    margin-top: -2px;
}
input#fa_textarea {
    height: 30px!important;
    transition: linear 550ms all;
    width: 0px!important;
    border: solid 1px #3091c1!important;
    margin-top: 4px!important;
    margin-right: 20px;
    border-radius: 5px 0 0 5px!important;
    padding-left: 6px!important;
}
input#fa_textarea:hover,
 a#fa_magnifier:hover + input#fa_textarea {
    width: 200px!important;
}
/* test */
.navbar {text-align:center!important;}
ul.navbar.navlinks {
    visibility: hidden;
}
ul.navbar.navlinks.second {
    visibility: visible!important;
    position: absolute;
    top: 40px;
}
ul.navbar.navlinks.second {
    margin-top: 0px!important;
    margin-left: 0px!important;
    top: 240px!important;
    overflow: hidden;
}
div#page-body {
    margin-top: 55px;
}
 
.navbar a {
    border-radius: 0px!important;
}

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 21/03/17, 09:58 pm

Olá.
Altere todo o conteúdo por esta:
Código:
/* Ícones de navegação */
.navbar { background-color: #455A64;}
.navbar a.mainmenu::before {
    content: "";
    font-family: FontAwesome;
    font-size: 115%;
    padding-right: 4px;
    padding-left: -4x;
}
.navbar a.mainmenu[href="/"]:before { content: " ";}
/**.navbar a.mainmenu[href="/"]:before { content: " ";}icone do portal, caso este esteja ativado e seja a página inicial **/
.navbar a.mainmenu[href="/faq"]:before { content: " ";}
.navbar a.mainmenu[href="/search"]:before { content: " ";}
.navbar a.mainmenu[href="/memberlist"]:before { content: " ";}
.navbar a.mainmenu[href="/groups"]:before { content: " ";}
.navbar a.mainmenu[href="/profile?mode=editprofile"]:before { content: " ";}
.navbar a.mainmenu[href="/privmsg?folder=inbox"]:before { content: " ";}
.navbar a.mainmenu[href="/login"]:before { content: " ";}
.navbar a.mainmenu[href^="/login?logout=1"]:before { content: " ";}
.navbar a.mainmenu[href="/register"]:before { content: " ";}
/* Header */
 .navbar a:hover {height:90px!important;margin-top:-25px!important;line-height:70px!important;}
.headerbar {background-size:130%!important;}
.is-sticky#headerbar-top {display:none!important;}
.navbar a {margin-left:-190px!important;margin-right:180px!important;}
 #logo > img {margin-top:-170px!important;}
.navbar {margin-top:180px!important;height:70px!important;}
.headerbar {height:250px!important;background-size:130%!important;margin-top:-5px!important;}
.navbar {
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    background: #FFF;
    border-bottom: 3px solid #febe29;
    height: 80px;
    line-height: 60px;
    width: 120%;
    margin-left:-60px;
    z-index: 999;
    margin-top:151px;
}
.navbar a {
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    background-color: transparent;
    color: #848484;
    cursor: pointer;
    float: left;
    font-family: Ubuntu;
    font-size: 13px;
    height: 60px;
    line-height: 60px;
    list-style-type: none;
    margin-left: 1px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease;
    margin-top:-20px;
    margin-left:-20px;
        }
        .navbar a:hover {
            background-color: #febe29;
    color: #FFF;
    margin-right: 5px;
    margin-left:5px; 
        }
      .navbar img {display:none;}
      .headerbar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url(http://i.imgur.com/oojYbxi.png);
    background-position: right;
    background-size: 100%;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    font-weight: 500;
    margin-bottom: 0;
    min-height: 200px;
    }
.is-sticky .navbar {display:none;}
/* Categorias */
.forabg > .topiclist:first-child, .forumbg > .topiclist:first-child {
    border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
.forabg.hidden { background-color: rgba(42, 44, 51, 0.71);}
.cat1:before{content:"\f015";font-family:FontAwesome;vertical-align:top;}
.cat2:before{content:"\f0a1";font-family:FontAwesome;vertical-align:top;}
.cat3:before{content:"\f085";font-family:FontAwesome;vertical-align:top;}
.cat4:before{content:"\f0c0";font-family:FontAwesome;vertical-align:top;}
.cat5:before{content:"\f0f0";font-family:FontAwesome;vertical-align:top;}
/* Chatbox */
#chatbox_header {
    border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
/* Home Page */
.warn {
    background: rgba(54, 138, 210, 0.46) url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
    width: 65%;
    margin: auto;
    border: 1px solid rgba(54, 138, 210, 0.46);
    border-radius: 20px;
    padding: 8px;
    text-align: center;
}
.home img {
    margin-bottom: -3px;
}
/* Widgets */
.module .h3 {
  border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
/* Tamanho da letra dos últimos assuntos */
.mod-recent-title { font-size: 1.3rem !important;}
/* Caixa de Respostas */
.sceditor-container textarea { background: url(https://i68.servimg.com/u/f68/16/43/60/45/s10.png) no-repeat 50% 50% transparent!important;}
/* Outros Códigos */
.lateral_navigation a:hover {color: #3091C1;}
#main-content > .linklist.top {  display: none;}
#content-container #right {display:none;}
#content-container #container {margin-right: 0px !important;}
.quick-nav-topics a:last-child, .quick-nav-topics a {display:none;}
ul.linklist.bottom {display:none;}
/* Ranks .CSS */
.rank{-webkit-border-radius:3px;background-image:url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);background-position:0 -1px;background-repeat:repeat-x;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:700;line-height:17px;moz-border-radius:3px;padding:4px 8px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0;text-transform:uppercase;margin-top:7px}
.admin{background-color:#D94348}
.admina{background-color:#D94348}
.mod{background-color:#07B87D}
.prog{background-color:#3192C2}
.des{background-color:#D69A45}
.mem{background-color:#617F9C}
.pub{background-color:#FF6600}
/* Quote e Code */
blockquote {
    background: #e7edf3 none repeat scroll 0 0;
    border-color: rgba(55, 147, 255, 0.52);
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 1.2rem;
    margin: 0 9px;
    overflow: hidden;
    padding: 18px;
    position: relative;
}
blockquote cite {
    background-color: transparent!important;
    color: #000000!important
    display: block;
    font-size: 13px!important;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
dl.codebox:not(.spoiler) {background-color: #272822!important;padding-right: 0!important;text-shadow: 1px 1px 0 #1B1C18;}
dl.codebox .fa.fa-clipboard {color: #fff;cursor: pointer;float: right;left: -35px;position: relative;}
.fa-paste:before, .fa-clipboard:before {content: "\f0ea";}
dl.codebox code {color:#fff;font-size: 12pt;font-style: normal;font-variant: normal;font-weight: normal;font-family: monospace;max-height: 200px;overflow: auto;display: block;}
dl.codebox:not(.spoiler) dt {display: none;}
dl.codebox:before {color:#fff!important;}
dl.codebox .fa.fa-clipboard {margin-right:25px!important;}
/* Widget Acesso Rápido */
.ucptitle {
    position: relative;
    margin-left: 12px;
}
.ucptitle .fa {
    font-size: 10px;
    position: absolute;
    top: 3px;
    left: -12px
}
/* Icones Grupos */
a.gensmall[style="color: #D94348"]:before{content:'\f005 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #07B87D"]:before{content:'\f085 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #3192C2"]:before{content:'\f0ad \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #D69A45"]:before{content:'\f1fc \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #FF6600"]:before{content:'\f0a1 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #617F9C"]:before{content:'\f007 \00A0';font-family:'fontawesome'}
/* Aviso de 0 mensagens */
.message-guest {
    background: #F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x;
    margin: 5px 0;
    border: 1px solid #D3EED5;
    color: rgba(211, 17, 65, 0.75);
    display: block;
    font-size: 12px;
    line-height: 1.6;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
/* Top postadores */
#main-content .mod-top-row {
    padding-left: 72px;
    margin-bottom: 10px;
    position: relative;
}
#main-content .mod-top-row:nth-child(-n + 3) {
    padding-left: 72px;
}
.fa-custom-mod-top-avatar {
    display: block;
    padding: 2px;
    border: 1px #333 solid;
    position: absolute;
    left: 40px;
}
.fa-custom-mod-top-avatar img {
    width: 32px;
    height: 32px;
}
.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar {
    left: 20px;
}
.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar img {
    width: 38px;
    height: 38px;
}
/* Barra de forumeiros */
body {
    padding-top: 33px!important;
    overflow-x: hidden
}
div#fa_toolbar {
    background-color: #2c353b;
    border-bottom: 3px solid #3091c1;
    color: #FFF;
    font-family: Helvetica,Verdana,Arial;
    left: 0;
    margin: auto;
    z-index: 999;
    position: absolute;
    height: 33px;
    padding-top: 10px;
    top: 0!important;
}
div#fa_toolbar * {
    color: #fff;
}
span#fa_share {
    display: none!important;
}
a#fa_hide {
    display: none!important;
}
a#fa_notifications,
a#fa_welcome {
    color: #3091c1!important;
    border: solid 1px #3091c1;
    height: 22px!important;
    position: relative;
    top: -8px;
    line-height: 22px!important;
    transition: all ease-in 350ms;
}

a#fa_notifications:hover,
a#fa_welcome:hover {
    text-decoration: none;
    color: #fff!important;
    background-color: #3091c1;
    display: inline-block;
}

a#fa_service {
    color: #3091c1!important;
    font-weight: bold;
}
#logo > img {
    margin-top: -115px!important;
}
a#fa_magnifier {
    color: #fff!important;
    background-color: #3091c1;
    border-radius: 5px;
    width: 25px!important;
    height: 25px!important;
    margin-top: 4px;
}
#fa_magnifier:before {
    margin-top: -4px;
}
input#fa_textarea {
    height: 25px!important;
    transition: linear 550ms all;
    width: 0px!important;
    border: solid 1px #3091c1!important;
    margin-top: 4px!important;
    margin-right: 26px!important;
    border-radius: 5px 0 0 5px!important;
    padding-left: 6px!important;
}
input#fa_textarea:hover,
 a#fa_magnifier:hover + input#fa_textarea {
    width: 200px!important;
}
/* test */
.navbar {text-align:center!important;}
ul.navbar.navlinks {
    visibility: hidden;
}
ul.navbar.navlinks.second {
    visibility: visible!important;
    position: absolute;
    top: 40px;
    z-index: 8888;
}

#fa_menulist {z-index: 9999!important;}

ul.navbar.navlinks.second {
    margin-top: 0px!important;
    margin-left: 0px!important;
    top: 240px!important;
    overflow: hidden;
}
div#page-body {
    margin-top: 55px;
}
 
.navbar a {
    border-radius: 0px!important;
}

span#fa_left {
    margin-top: -21px;
}

div#fa_search {
    position: relative;
    top: -11px;
}

Até mais. Tchau


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 21/03/17, 10:05 pm

Esta quase só falta deixar em branco a barra e a caixa de buscar esta meio estranha e tem aquela problema ao clicar em Bem Vindo ficar por detrás do menu.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 21/03/17, 10:12 pm

Olá.

01. Arrumar a barra de busca:
Procure por:
Código:
input#fa_textarea {
    height: 25px!important;
    transition: linear 550ms all;
    width: 0px!important;
    border: solid 1px #3091c1!important;
    margin-top: 4px!important;
    margin-right: 26px!important;
    border-radius: 5px 0 0 5px!important;
    padding-left: 6px!important;
}

Feito isso, procure o trecho:
Código:
margin-right: 26px!important;
E altere para:
Código:
margin-right: 14px!important;

---

02. Deixar a barra branca:
Procure por:
Código:
div#fa_toolbar {
    background-color: #2c353b;
    border-bottom: 3px solid #3091c1;
    color: #FFF;
    font-family: Helvetica,Verdana,Arial;
    left: 0;
    margin: auto;
    z-index: 999;
    position: absolute;
    height: 33px;
    padding-top: 10px;
    top: 0!important;
}
E altere:
Código:
background-color: #2c353b;
Para uma cor à seu gosto.

---

03. Problema com a barra e o menu da barra de ferramentas:
Adicione este código ao final de sua CSS:
Código:
#fa_menulist {
    z-index: 9999!important;
}

ul.navbar.navlinks.second {
    z-index: 888!important;
}

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 21/03/17, 11:03 pm

Resultou só tem certas partes que o texto fica em branco e não se nota:




E para acabar será que conseguia deixar as caixas com uma seta? Como aqui no Forumeiros:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 22/03/17, 01:19 pm

Adicione o código a seguir ao final de sua CSS:
Código:
input#fa_textarea {
    color: #3091c1!important;
}

a#fa_welcome,
a#fa-welcome * {
    color: #3091c1!important;
}

a#fa_notifications,
a#fa_notifications * {
    color: #3091c1!important;
}

ul#fa_menulist:before {
    content: '';
    z-index: 887;
    background-color: white;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -8px;
    border: solid 1px #bcbcbc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: none;
    border-bottom: none;
    left: 262px;
}

Até mais. Piscada


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 22/03/17, 10:00 pm

A caixa de buscar já está direito agora a do Bem Vindo e Notificações ainda aparece, sobre outra coisa não sei se foi desta dúvida ou a do header veja nos tópicos como está:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 23/03/17, 01:48 pm

Olá.

Em sua Folha CSS, deve ter um trecho com esta linha:
Código:
overflow-x: hidden;
Ou algo similar.

Remova esta linha, e veja se resulta.

---

Nota:
Ela deve estar estilizando a TAG body, por exemplo:
Código:
body {
    overflow-x: hidden;
}



Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 23/03/17, 07:15 pm

Não encontrei tal código na folha .CSS

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 23/03/17, 07:16 pm

Poderia anexá-la neste tópico, por gentileza?

Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 23/03/17, 07:23 pm

Aqui está:
Código:
/* Ícones de navegação */
.navbar { background-color: #455A64;}
.navbar a.mainmenu::before {
    content: "";
    font-family: FontAwesome;
    font-size: 115%;
    padding-right: 4px;
    padding-left: -4x;
}
.navbar a.mainmenu[href="/"]:before { content: " ";}
/**.navbar a.mainmenu[href="/"]:before { content: " ";}icone do portal, caso este esteja ativado e seja a página inicial **/
.navbar a.mainmenu[href="/faq"]:before { content: " ";}
.navbar a.mainmenu[href="/search"]:before { content: " ";}
.navbar a.mainmenu[href="/memberlist"]:before { content: " ";}
.navbar a.mainmenu[href="/groups"]:before { content: " ";}
.navbar a.mainmenu[href="/profile?mode=editprofile"]:before { content: " ";}
.navbar a.mainmenu[href="/privmsg?folder=inbox"]:before { content: " ";}
.navbar a.mainmenu[href="/login"]:before { content: " ";}
.navbar a.mainmenu[href^="/login?logout=1"]:before { content: " ";}
.navbar a.mainmenu[href="/register"]:before { content: " ";}
/* Header */
 .navbar a:hover {height:90px!important;margin-top:-25px!important;line-height:70px!important;}
.headerbar {background-size:130%!important;}
.is-sticky#headerbar-top {display:none!important;}
.navbar a {margin-left:-190px!important;margin-right:180px!important;}
 #logo > img {margin-top:-170px!important;}
.navbar {margin-top:180px!important;height:70px!important;}
.headerbar {height:250px!important;background-size:130%!important;margin-top:-5px!important;}
.navbar {
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    background: #FFF;
    border-bottom: 3px solid #febe29;
    height: 80px;
    line-height: 60px;
    width: 120%;
    margin-left:-60px;
    z-index: 999;
    margin-top:151px;
}
.navbar a {
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    background-color: transparent;
    color: #848484;
    cursor: pointer;
    float: left;
    font-family: Ubuntu;
    font-size: 13px;
    height: 60px;
    line-height: 60px;
    list-style-type: none;
    margin-left: 1px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease;
    margin-top:-20px;
    margin-left:-20px;
        }
        .navbar a:hover {
            background-color: #febe29;
    color: #FFF;
    margin-right: 5px;
    margin-left:5px; 
        }
      .navbar img {display:none;}
      .headerbar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url(http://i.imgur.com/oojYbxi.png);
    background-position: right;
    background-size: 100%;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    font-weight: 500;
    margin-bottom: 0;
    min-height: 200px;
    }
.is-sticky .navbar {display:none;}
/* Categorias */
.forabg > .topiclist:first-child, .forumbg > .topiclist:first-child {
    border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
.forabg.hidden { background-color: rgba(42, 44, 51, 0.71);}
.cat1:before{content:"\f015";font-family:FontAwesome;vertical-align:top;}
.cat2:before{content:"\f0a1";font-family:FontAwesome;vertical-align:top;}
.cat3:before{content:"\f085";font-family:FontAwesome;vertical-align:top;}
.cat4:before{content:"\f0c0";font-family:FontAwesome;vertical-align:top;}
.cat5:before{content:"\f0f0";font-family:FontAwesome;vertical-align:top;}
/* Chatbox */
#chatbox_header {
    border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
/* Home Page */
.warn {
    background: rgba(54, 138, 210, 0.46) url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
    width: 65%;
    margin: auto;
    border: 1px solid rgba(54, 138, 210, 0.46);
    border-radius: 20px;
    padding: 8px;
    text-align: center;
}
.home img {
    margin-bottom: -3px;
}
/* Widgets */
.module .h3 {
  border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
/* Tamanho da letra dos últimos assuntos */
.mod-recent-title { font-size: 1.3rem !important;}
/* Caixa de Respostas */
.sceditor-container textarea { background: url(https://i68.servimg.com/u/f68/16/43/60/45/s10.png) no-repeat 50% 50% transparent!important;}
/* Outros Códigos */
.lateral_navigation a:hover {color: #3091C1;}
#main-content > .linklist.top {  display: none;}
#content-container #right {display:none;}
#content-container #container {margin-right: 0px !important;}
.quick-nav-topics a:last-child, .quick-nav-topics a {display:none;}
ul.linklist.bottom {display:none;}
/* Ranks .CSS */
.rank{-webkit-border-radius:3px;background-image:url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);background-position:0 -1px;background-repeat:repeat-x;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:700;line-height:17px;moz-border-radius:3px;padding:4px 8px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0;text-transform:uppercase;margin-top:7px}
.admin{background-color:#D94348}
.admina{background-color:#D94348}
.mod{background-color:#07B87D}
.prog{background-color:#3192C2}
.des{background-color:#D69A45}
.mem{background-color:#617F9C}
.pub{background-color:#FF6600}
/* Quote e Code */
blockquote {
    background: #e7edf3 none repeat scroll 0 0;
    border-color: rgba(55, 147, 255, 0.52);
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 1.2rem;
    margin: 0 9px;
    overflow: hidden;
    padding: 18px;
    position: relative;
}
blockquote cite {
    background-color: transparent!important;
    color: #000000!important
    display: block;
    font-size: 13px!important;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
dl.codebox:not(.spoiler) {background-color: #272822!important;padding-right: 0!important;text-shadow: 1px 1px 0 #1B1C18;}
dl.codebox .fa.fa-clipboard {color: #fff;cursor: pointer;float: right;left: -35px;position: relative;}
.fa-paste:before, .fa-clipboard:before {content: "\f0ea";}
dl.codebox code {color:#fff;font-size: 12pt;font-style: normal;font-variant: normal;font-weight: normal;font-family: monospace;max-height: 200px;overflow: auto;display: block;}
dl.codebox:not(.spoiler) dt {display: none;}
dl.codebox:before {color:#fff!important;}
dl.codebox .fa.fa-clipboard {margin-right:25px!important;}
/* Widget Acesso Rápido */
.ucptitle {
    position: relative;
    margin-left: 12px;
}
.ucptitle .fa {
    font-size: 10px;
    position: absolute;
    top: 3px;
    left: -12px
}
/* Icones Grupos */
a.gensmall[style="color: #D94348"]:before{content:'\f005 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #07B87D"]:before{content:'\f085 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #3192C2"]:before{content:'\f0ad \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #D69A45"]:before{content:'\f1fc \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #FF6600"]:before{content:'\f0a1 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #617F9C"]:before{content:'\f007 \00A0';font-family:'fontawesome'}
/* Aviso de 0 mensagens */
.message-guest {
    background: #F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x;
    margin: 5px 0;
    border: 1px solid #D3EED5;
    color: rgba(211, 17, 65, 0.75);
    display: block;
    font-size: 12px;
    line-height: 1.6;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
/* Top postadores */
#main-content .mod-top-row {
    padding-left: 72px;
    margin-bottom: 10px;
    position: relative;
}
#main-content .mod-top-row:nth-child(-n + 3) {
    padding-left: 72px;
}
.fa-custom-mod-top-avatar {
    display: block;
    padding: 2px;
    border: 1px #333 solid;
    position: absolute;
    left: 40px;
}
.fa-custom-mod-top-avatar img {
    width: 32px;
    height: 32px;
}
.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar {
    left: 20px;
}
.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar img {
    width: 38px;
    height: 38px;
}
/* Barra de forumeiros */
body {
    padding-top: 33px!important;
    overflow-x: hidden
}
div#fa_toolbar {
    background-color: #FFF;
    border-bottom: 2px solid #3091c1;
    color: #FFF;
    font-family: Helvetica,Verdana,Arial;
    left: 0;
    margin: auto;
    z-index: 999;
    position: absolute;
    height: 33px;
    padding-top: 10px;
    top: 0!important;
}
div#fa_toolbar * {
    color: #fff;
}
span#fa_share {
    display: none!important;
}
a#fa_hide {
    display: none!important;
}
a#fa_notifications,
a#fa_welcome {
    color: #3091c1!important;
    border: solid 1px #3091c1;
    height: 22px!important;
    position: relative;
    top: -8px;
    line-height: 22px!important;
    transition: all ease-in 350ms;
}

a#fa_notifications:hover,
a#fa_welcome:hover {
    text-decoration: none;
    color: #fff!important;
    background-color: #3091c1;
    display: inline-block;
}

a#fa_service {
    color: #3091c1!important;
    font-weight: bold;
}
#logo > img {
    margin-top: -115px!important;
}
a#fa_magnifier {
    color: #fff!important;
    background-color: #3091c1;
    border-radius: 5px;
    width: 25px!important;
    height: 25px!important;
    margin-top: 4px;
}
#fa_magnifier:before {
    margin-top: -4px;
}
input#fa_textarea {
    height: 25px!important;
    transition: linear 550ms all;
    width: 0px!important;
    border: solid 1px #3091c1!important;
    margin-top: 4px!important;
margin-right: 14px!important;
    border-radius: 5px 0 0 5px!important;
    padding-left: 6px!important;
}
input#fa_textarea:hover,
 a#fa_magnifier:hover + input#fa_textarea {
    width: 200px!important;
}
/* test */
.navbar {text-align:center!important;}
ul.navbar.navlinks {
    visibility: hidden;
}
ul.navbar.navlinks.second {
    visibility: visible!important;
    position: absolute;
    top: 40px;
    z-index: 999;
}

#fa_menulist {z-index: 9999!important;}

ul.navbar.navlinks.second {
    margin-top: 0px!important;
    margin-left: 0px!important;
    top: 240px!important;
    overflow: hidden;
}
div#page-body {
    margin-top: 55px;
}
 
.navbar a {
    border-radius: 0px!important;
}

span#fa_left {
    margin-top: -21px;
}

div#fa_search {
    position: relative;
    top: -11px;
}
#fa_menulist {
    z-index: 9999!important;
}
 
ul.navbar.navlinks.second {
    z-index: 888!important;
}
input#fa_textarea {
    color: #3091c1!important;
}
 
a#fa_welcome,
a#fa-welcome * {
    color: #3091c1!important;
}
 
a#fa_notifications,
a#fa_notifications * {
    color: #3091c1!important;
}
 
ul#fa_menulist:before {
    content: '';
    z-index: 887;
    background-color: white;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -8px;
    border: solid 1px #bcbcbc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: none;
    border-bottom: none;
    left: 262px;
}

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Luiz em 23/03/17, 07:40 pm

Troque por essa, e veja se o problema resulta:
Código:
/* Ícones de navegação */
.navbar { background-color: #455A64;}
.navbar a.mainmenu::before { 
    content: "";
    font-family: FontAwesome;
    font-size: 115%;
    padding-right: 4px;
    padding-left: -4x;
}
.navbar a.mainmenu[href="/"]:before { content: " ";}
/**.navbar a.mainmenu[href="/"]:before { content: " ";}icone do portal, caso este esteja ativado e seja a página inicial **/
.navbar a.mainmenu[href="/faq"]:before { content: " ";}
.navbar a.mainmenu[href="/search"]:before { content: " ";}
.navbar a.mainmenu[href="/memberlist"]:before { content: " ";}
.navbar a.mainmenu[href="/groups"]:before { content: " ";}
.navbar a.mainmenu[href="/profile?mode=editprofile"]:before { content: " ";}
.navbar a.mainmenu[href="/privmsg?folder=inbox"]:before { content: " ";}
.navbar a.mainmenu[href="/login"]:before { content: " ";}
.navbar a.mainmenu[href^="/login?logout=1"]:before { content: " ";}
.navbar a.mainmenu[href="/register"]:before { content: " ";}
/* Header */
 .navbar a:hover {height:90px!important;margin-top:-25px!important;line-height:70px!important;}
.headerbar {background-size:130%!important;}
.is-sticky#headerbar-top {display:none!important;}
.navbar a {margin-left:-190px!important;margin-right:180px!important;}
 #logo > img {margin-top:-170px!important;}
.navbar {margin-top:180px!important;height:70px!important;}
.headerbar {height:250px!important;background-size:130%!important;margin-top:-5px!important;}
.navbar {
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    background: #FFF;
    border-bottom: 3px solid #febe29;
    height: 80px;
    line-height: 60px;
    width: 120%;
    margin-left:-60px;
    z-index: 999;
    margin-top:151px;
}
.navbar a {
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    background-color: transparent;
    color: #848484;
    cursor: pointer;
    float: left;
    font-family: Ubuntu;
    font-size: 13px;
    height: 60px;
    line-height: 60px;
    list-style-type: none;
    margin-left: 1px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease;
    margin-top:-20px;
    margin-left:-20px;
        }
        .navbar a:hover {
            background-color: #febe29;
    color: #FFF;
    margin-right: 5px;
    margin-left:5px;  
        }
      .navbar img {display:none;}
      .headerbar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url(http://i.imgur.com/oojYbxi.png);
    background-position: right;
    background-size: 100%;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    font-weight: 500;
    margin-bottom: 0;
    min-height: 200px;
    }
.is-sticky .navbar {display:none;}
/* Categorias */
.forabg > .topiclist:first-child, .forumbg > .topiclist:first-child {
    border-bottom: 1px solid #3091C1; 
    box-shadow: #3091C1 0 -2px 0 inset;
}
.forabg.hidden { background-color: rgba(42, 44, 51, 0.71);}
.cat1:before{content:"\f015";font-family:FontAwesome;vertical-align:top;}
.cat2:before{content:"\f0a1";font-family:FontAwesome;vertical-align:top;}
.cat3:before{content:"\f085";font-family:FontAwesome;vertical-align:top;}
.cat4:before{content:"\f0c0";font-family:FontAwesome;vertical-align:top;}
.cat5:before{content:"\f0f0";font-family:FontAwesome;vertical-align:top;}
/* Chatbox */
#chatbox_header {
    border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
/* Home Page */
.warn {
    background: rgba(54, 138, 210, 0.46) url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
    width: 65%;
    margin: auto;
    border: 1px solid rgba(54, 138, 210, 0.46);
    border-radius: 20px;
    padding: 8px;
    text-align: center;
}
.home img {
    margin-bottom: -3px;
}
/* Widgets */
.module .h3 {
  border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
}
/* Tamanho da letra dos últimos assuntos */
.mod-recent-title { font-size: 1.3rem !important;}
/* Caixa de Respostas */
.sceditor-container textarea { background: url(https://i68.servimg.com/u/f68/16/43/60/45/s10.png) no-repeat 50% 50% transparent!important;}
/* Outros Códigos */
.lateral_navigation a:hover {color: #3091C1;}
#main-content > .linklist.top {  display: none;}
#content-container #right {display:none;}
#content-container #container {margin-right: 0px !important;}
.quick-nav-topics a:last-child, .quick-nav-topics a {display:none;}
ul.linklist.bottom {display:none;}
/* Ranks .CSS */
.rank{-webkit-border-radius:3px;background-image:url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);background-position:0 -1px;background-repeat:repeat-x;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:700;line-height:17px;moz-border-radius:3px;padding:4px 8px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0;text-transform:uppercase;margin-top:7px}
.admin{background-color:#D94348}
.admina{background-color:#D94348}
.mod{background-color:#07B87D}
.prog{background-color:#3192C2}
.des{background-color:#D69A45}
.mem{background-color:#617F9C}
.pub{background-color:#FF6600}
/* Quote e Code */
blockquote {
    background: #e7edf3 none repeat scroll 0 0;
    border-color: rgba(55, 147, 255, 0.52);
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 1.2rem;
    margin: 0 9px;
    overflow: hidden;
    padding: 18px;
    position: relative;
}
blockquote cite {
    background-color: transparent!important;
    color: #000000!important
    display: block;
    font-size: 13px!important;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
dl.codebox:not(.spoiler) {background-color: #272822!important;padding-right: 0!important;text-shadow: 1px 1px 0 #1B1C18;}
dl.codebox .fa.fa-clipboard {color: #fff;cursor: pointer;float: right;left: -35px;position: relative;}
.fa-paste:before, .fa-clipboard:before {content: "\f0ea";}
dl.codebox code {color:#fff;font-size: 12pt;font-style: normal;font-variant: normal;font-weight: normal;font-family: monospace;max-height: 200px;overflow: auto;display: block;}
dl.codebox:not(.spoiler) dt {display: none;}
dl.codebox:before {color:#fff!important;}
dl.codebox .fa.fa-clipboard {margin-right:25px!important;}
/* Widget Acesso Rápido */
.ucptitle {
    position: relative;
    margin-left: 12px;
}
.ucptitle .fa {
    font-size: 10px;
    position: absolute;
    top: 3px;
    left: -12px
}
/* Icones Grupos */
a.gensmall[style="color: #D94348"]:before{content:'\f005 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #07B87D"]:before{content:'\f085 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #3192C2"]:before{content:'\f0ad \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #D69A45"]:before{content:'\f1fc \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #FF6600"]:before{content:'\f0a1 \00A0';font-family:'fontawesome'}
a.gensmall[style="color: #617F9C"]:before{content:'\f007 \00A0';font-family:'fontawesome'}
/* Aviso de 0 mensagens */
.message-guest {
    background: #F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x;
    margin: 5px 0;
    border: 1px solid #D3EED5;
    color: rgba(211, 17, 65, 0.75);
    display: block;
    font-size: 12px; 
    line-height: 1.6;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
/* Top postadores */
#main-content .mod-top-row {
    padding-left: 72px;
    margin-bottom: 10px;
    position: relative;
}
#main-content .mod-top-row:nth-child(-n + 3) {
    padding-left: 72px;
}
.fa-custom-mod-top-avatar {
    display: block;
    padding: 2px;
    border: 1px #333 solid;
    position: absolute;
    left: 40px;
}
.fa-custom-mod-top-avatar img {
    width: 32px;
    height: 32px;
}
.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar {
    left: 20px;
}
.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar img {
    width: 38px;
    height: 38px;
}
/* Barra de forumeiros */
body {
    padding-top: 33px!important;
}
div#fa_toolbar {
    background-color: #FFF;
    border-bottom: 2px solid #3091c1;
    color: #FFF;
    font-family: Helvetica,Verdana,Arial;
    left: 0;
    margin: auto;
    z-index: 999;
    position: absolute;
    height: 33px;
    padding-top: 10px;
    top: 0!important;
}
div#fa_toolbar * {
    color: #fff;
}
span#fa_share {
    display: none!important;
}
a#fa_hide {
    display: none!important;
}
a#fa_notifications,
a#fa_welcome {
    color: #3091c1!important;
    border: solid 1px #3091c1;
    height: 22px!important;
    position: relative;
    top: -8px;
    line-height: 22px!important;
    transition: all ease-in 350ms;
}

a#fa_notifications:hover,
a#fa_welcome:hover {
    text-decoration: none;
    color: #fff!important;
    background-color: #3091c1;
    display: inline-block;
}

a#fa_service {
    color: #3091c1!important;
    font-weight: bold;
}
#logo > img {
    margin-top: -115px!important;
}
a#fa_magnifier {
    color: #fff!important;
    background-color: #3091c1;
    border-radius: 5px;
    width: 25px!important;
    height: 25px!important;
    margin-top: 4px;
}
#fa_magnifier:before {
    margin-top: -4px;
}
input#fa_textarea {
    height: 25px!important;
    transition: linear 550ms all;
    width: 0px!important;
    border: solid 1px #3091c1!important;
    margin-top: 4px!important;
margin-right: 14px!important;
    border-radius: 5px 0 0 5px!important;
    padding-left: 6px!important;
}
input#fa_textarea:hover,
 a#fa_magnifier:hover + input#fa_textarea {
    width: 200px!important;
}
/* test */
.navbar {text-align:center!important;}
ul.navbar.navlinks {
    visibility: hidden;
}
ul.navbar.navlinks.second {
    visibility: visible!important;
    position: absolute;
    top: 40px;
    z-index: 999;
}

#fa_menulist {z-index: 9999!important;}

ul.navbar.navlinks.second {
    margin-top: 0px!important;
    margin-left: 0px!important;
    top: 240px!important;
    overflow: hidden;
}
div#page-body {
    margin-top: 55px;
}
 
.navbar a {
    border-radius: 0px!important;
}

span#fa_left {
    margin-top: -21px;
}

div#fa_search {
    position: relative;
    top: -11px;
}
#fa_menulist {
    z-index: 9999!important;
}
 
ul.navbar.navlinks.second {
    z-index: 888!important;
}
input#fa_textarea {
    color: #3091c1!important;
}
 
a#fa_welcome,
a#fa-welcome * {
    color: #3091c1!important;
}
 
a#fa_notifications,
a#fa_notifications * {
    color: #3091c1!important;
}
 
ul#fa_menulist:before {
    content: '';
    z-index: 887;
    background-color: white;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -8px;
    border: solid 1px #bcbcbc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: none;
    border-bottom: none;
    left: 262px;
}

Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 23/03/17, 07:47 pm

Agora aparece nos tópicos e sub-categorias para fazer scroll para a direita e não queria isso.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por Kyo Panda em 23/03/17, 07:52 pm

Adicione ao CSS:

Código:
body {
    overflow-x: hidden;
}


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5784

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

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por IsmaelS. em 24/03/17, 10:02 pm

Resolvido obrigado.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Mudar aspecto da barra Forumeiros

Mensagem por while em 24/03/17, 11:04 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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

- Tópicos similares

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