Barra de Ferramentas Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Barra de Ferramentas

2 participantes

Ir para baixo

Tópico resolvido Barra de Ferramentas

Mensagem por YouTube3 19.03.16 13:48

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


Última edição por YouTube3 em 19.03.16 14:49, editado 1 vez(es)
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por TheDarkPlay 19.03.16 13:50

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!! Muito feliz
Atenciosamente zen
TheDarkPlay
TheDarkPlay
***

Membro desde : 09/07/2015
Mensagens : 165
Pontos : 279

http://typegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por YouTube3 19.03.16 13:55

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?
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por TheDarkPlay 19.03.16 13:57

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 zen
TheDarkPlay
TheDarkPlay
***

Membro desde : 09/07/2015
Mensagens : 165
Pontos : 279

http://typegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por YouTube3 19.03.16 14:00

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
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por TheDarkPlay 19.03.16 14:02

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 zen
TheDarkPlay
TheDarkPlay
***

Membro desde : 09/07/2015
Mensagens : 165
Pontos : 279

http://typegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por TheDarkPlay 19.03.16 14:26

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 zen
TheDarkPlay
TheDarkPlay
***

Membro desde : 09/07/2015
Mensagens : 165
Pontos : 279

http://typegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por YouTube3 19.03.16 14:29

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
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por TheDarkPlay 19.03.16 14:35

Olá @YouTube3

Para mim já está funcionando:

Barra de Ferramentas AD73jn4

Atenciosamente zen
TheDarkPlay
TheDarkPlay
***

Membro desde : 09/07/2015
Mensagens : 165
Pontos : 279

http://typegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por YouTube3 19.03.16 14:36

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
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por TheDarkPlay 19.03.16 14:45

Olá @YouTube3

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

Atenciosamente zen
TheDarkPlay
TheDarkPlay
***

Membro desde : 09/07/2015
Mensagens : 165
Pontos : 279

http://typegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por YouTube3 19.03.16 14:47

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

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Ferramentas

Mensagem por TheDarkPlay 19.03.16 14:48

Olá @YouTube3

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

Muito feliz
TheDarkPlay
TheDarkPlay
***

Membro desde : 09/07/2015
Mensagens : 165
Pontos : 279

http://typegames.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos