Detalhes da questão

Endereço do fórum: http://simple.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá, queria personalizar minha barra de ferramentas praticamente trocar toda,

minha barra: https://i.imgur.com/7mlOYID.png

como eu quero: https://i.imgur.com/qPI1bJ9.png

Olá @YouTube3 !!

Adicione o seguinte código no topo do seu CSS:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS

Código:

#fa_toolbar {
border-bottom: 3px solid rgba(45,45,45,0.38);
background-color: rgba(0,0,0,0.4)!important;
}

#fa_right {
float: right;
font-size: 14px;
}

#fa_right {
padding-right: 32px;
}

#fa_search #fa_textarea {
text-indent: 30px !important;
width: 200px;
height: 24px;
padding: 0px;
border: 0px;
margin-top: 3px;
border-radius: 5px;
line-height: 24px;

#fa_search #fa_textarea {
margin-top: 0px !important;
border-radius: 0 !important;
height: 30px !important;
background: rgba(45,45,45,0.38) !important;
color: #fff !important;

#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
background-image: url("http://www.illiweb.com/fa/i/toolbar/toolbar.png");
width: 30px;
height: 30px;
cursor: pointer;

#fa_search #fa_magnifier {
position: absolute;
background-position: -30px 0px;

.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
display: inline-block !important;
vertical-align: middle;
}



Funcionou? Clique em Obrigado!!
Atenciosamente

Opá, @TheDarkPlay

Deu um erro: https://i.imgur.com/uUX1KRi.png

como ficou: https://i.imgur.com/THm7bou.png

não teria como deixar exatamente na imagem?

Opa! Perdão @YouTube3

Remove o código passado a cima e coloque esse:

Código:

#fa_toolbar {
border-bottom: 3px solid rgba(45,45,45,0.38);
background-color: rgba(0,0,0,0.4)!important;
}

#fa_right {
float: right;
font-size: 14px;
}

#fa_right {
padding-right: 32px;
}

#fa_search #fa_textarea {
text-indent: 30px !important;
width: 200px;
height: 24px;
padding: 0px;
border: 0px;
margin-top: 3px;
border-radius: 5px;
line-height: 24px;
}

#fa_search #fa_textarea {
margin-top: 0px !important;
border-radius: 0 !important;
height: 30px !important;
background: rgba(45,45,45,0.38) !important;
color: #fff !important;
}

#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
background-image: url("http://www.illiweb.com/fa/i/toolbar/toolbar.png");
width: 30px;
height: 30px;
cursor: pointer;
}

#fa_search #fa_magnifier {
position: absolute;
background-position: -30px 0px;
}

.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
display: inline-block !important;
vertical-align: middle;
}

#Edit: Você deve passar o URL do fórum onde está acontecendo as modificações, pois assim não poderei ajuda-lo.

Atenciosamente

Olá, @TheDarkPlay deu o mesmo erro é o mesmo resultado

Onde está acontecendo as modificações e neste fórum: http://simple.forumeiros.com/

até logo

#Edit

Olá novamente @YouTube3

Você removeu o 1º código que passei? se sim, então outro código que você colocou está com esse erro!

Me passe seu CSS via MP para eu te ajudar!

Atenciosamente

Olá @YouTube3

BUG RESOLVIDO NO MP!

Para a sua Barra de Ferramentas fica igual ao do print, Deixe o 2º code ainda em seu CSS e adicione mais esse code:

Código:

#fa_share {
display: none !important;
}

#fa_toolbar #fa_icon {
display: none !important;
}

#fa_toolbar #fa_service {
margin-left: 16px !important;
}

#fa_right a.rightHeaderLink #fa_service {
font-family: "Lato","Arial","Helvetica",sans-serif;
font-weight: normal !important;
}


Atenciosamente

Olá, @TheDarkPlay

Quando eu retiro o segundo código a barra de ferramentas continua com mesmo efeito póis botei o segundo código novamente é botei o codigo passado por você agora mais ela continua o mesmo efeito dos 2 codigos acima

até logo

Olá @YouTube3

Para mim já está funcionando:



Atenciosamente

Sim @TheDarkPlay se você mover a pagina bem poco + bem poco pra baixo você irá perceber que parece que tem 2 barras de ferramentas uma emcima da outra de 1 olhada

Olá @YouTube3

Você trocou o tema de seu fórum, não poderei ajudar, até você voltar ao tema antigo...

Atenciosamente

Olá testei a barra de ferramentas neste novo tema deu certo pode closar é obrigado!

Olá @YouTube3

Clique em Obrigado, logo abaixo de uma de minhas respostas para me avaliar! Até mais!