Mudança no topo do fórum

3 participantes

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

Tópico resolvido Mudança no topo do fórum

Mensagem por TacaBombaa 26.05.21 11:50

Detalhes da questão


Endereço do fórum: http://securitybp.forumeiros.com
Versão do fórum: AwesomeBB

Descrição


Olá FDF, gostaria de personalizar o topo do fórum da seguinte maneira:

Centralizar o botão "início" que está sendo esse símbolo com a estrela amarela e colocar o restante do menu que está abrindo lateralmente na parte superior.
Também gostaria de alterar o botão "Calendário" por "Recursos Humanos" e o botão "Faq" por Documentações" e retirar a opção de procurar.
Se puderem me ajudar nessa questão agradeço.

Modelo atual do topo: https://i.servimg.com/u/f81/19/99/21/41/screen32.png
Modelo atual do Menu: https://i.servimg.com/u/f81/19/99/21/41/screen33.png
TacaBombaa

TacaBombaa
Nível 2

Masculino
Membro desde : 24/05/2021
Mensagens : 9
Pontos ativos : 14

https://securitybp.forumeiros.com

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por Shek 26.05.21 12:56

Bom dia.

Primeiro, acesse o template overall_header de sua versão, e localize na caixa de busca, pelo termo header-navigation. Eles são responsáveis por criar o menu superior (Início e Últimos assuntos) em formato de ícones. Você pode inserir novos links no menu, colocando algo como:
Código:
<li><a id="navigation-recent" href="LINK_AQUI"><i class="material-icons">comment</i>NOME_MENU</a></li>
Ainda lá, há o "material-icons", que corresponde ao ícone do menu. Logo, para obter um ícone novo é necessário ver este site: https://fonts.google.com/icons

Dei uma pesquisada nos demais templates, e não encontrei o menu que fica escondido afim de trazê-lo para o overall_header, então presumo que ele esteja embutido em alguma variável. Vou continuar procurando. Porém, a parte do "Buscar", basta remover do template:
Código:
   <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>
Acima de <!-- BEGIN switch_user_logged_out -->, inclua novos links, como os que citou sobre Calendário, Recursos humanos e etc... Adicione acima:
Código:
<a href="URL_LINK" class="button">NOME_LINK</a>
Clique no salvar e veja na pré-visualização.

Por momento, é só.

Até breve.
Shek

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18650
Pontos ativos : 22479

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por TacaBombaa 26.05.21 13:00

Shek escreveu:Bom dia.

Primeiro, acesse o template overall_header de sua versão, e localize na caixa de busca, pelo termo header-navigation. Eles são responsáveis por criar o menu superior (Início e Últimos assuntos) em formato de ícones. Você pode inserir novos links no menu, colocando algo como:
Código:
<li><a id="navigation-recent" href="LINK_AQUI"><i class="material-icons">comment</i>NOME_MENU</a></li>
Ainda lá, há o "material-icons", que corresponde ao ícone do menu. Logo, para obter um ícone novo é necessário ver este site: https://fonts.google.com/icons

Dei uma pesquisada nos demais templates, e não encontrei o menu que fica escondido afim de trazê-lo para o overall_header, então presumo que ele esteja embutido em alguma variável. Vou continuar procurando. Porém, a parte do "Buscar", basta remover do template:
Código:
    <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>
Acima de <!-- BEGIN switch_user_logged_out -->, inclua novos links, como os que citou sobre Calendário, Recursos humanos e etc... Adicione acima:
Código:
<a href="URL_LINK" class="button">NOME_LINK</a>
Clique no salvar e veja na pré-visualização.

Por momento, é só.

Até breve.

Irei fazer as mudanças e testar, obrigado.
TacaBombaa

TacaBombaa
Nível 2

Masculino
Membro desde : 24/05/2021
Mensagens : 9
Pontos ativos : 14

https://securitybp.forumeiros.com

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por Shek 26.05.21 13:09

Ok... Em quanto isso, apenas me confirme uma dúvida? Quanto ao menu lateral que se abre... Deseja ocultá-lo, é isso? huh
Shek

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18650
Pontos ativos : 22479

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por TacaBombaa 26.05.21 13:33

Shek escreveu:Ok... Em quanto isso, apenas me confirme uma dúvida? Quanto ao menu lateral que se abre... Deseja ocultá-lo, é isso? huh

Mais ou menos, gostaria de tirar ele dali e deixar fixo na parte superior.
TacaBombaa

TacaBombaa
Nível 2

Masculino
Membro desde : 24/05/2021
Mensagens : 9
Pontos ativos : 14

https://securitybp.forumeiros.com

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por Shek 26.05.21 14:27

Olá novamente.

Ok, quanto à isso basta executar a operação que mencionei anteriormente que poderá incluir novos links. Piscada

Sobre o menu, para impedir que ele venha abrir, procure no template overall_header por id="main-menu", removendo-o e a seguir salve. Isso fará com que ele não seja exibido mais.

Atenciosamente,
Shek King
Shek

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18650
Pontos ativos : 22479

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por TacaBombaa 26.05.21 15:18

Shek escreveu:Olá novamente.

Ok, quanto à isso basta executar a operação que mencionei anteriormente que poderá incluir novos links. Piscada

Sobre o menu, para impedir que ele venha abrir, procure no template overall_header por id="main-menu", removendo-o e a seguir salve. Isso fará com que ele não seja exibido mais.

Atenciosamente,
Shek King

Obrigado. Para finalizarmos fui acrescentar o botão porém ao acrescentar o CSS ele fica escrito "list" ao invés do código CSS, poderia me ajudar nisso?

Print de como ficou: https://i.servimg.com/u/f81/19/99/21/41/screen34.png

Obs.: Peguei o ícone do site indicado a cima.
TacaBombaa

TacaBombaa
Nível 2

Masculino
Membro desde : 24/05/2021
Mensagens : 9
Pontos ativos : 14

https://securitybp.forumeiros.com

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por Shek 26.05.21 15:47

Olá novamente.

Quando se clica no ícone, aparece o código do ícone:
Mudança no topo do fórum List10

Você tentou inserir o código fornecido? Se mesmo assim não obter sucesso, recomendo instalar o FontAwesome: https://ajuda.forumeiros.com/t103208-topic

Se tiver dúvidas quanto ao tutorial que citei acima, então, assista o vídeo tutorial: https://youtu.be/wo0M4TnbIrw

Como se trata de outro assunto (no caso dos ícones do FontAwesome) é recomendável criar outra dúvida a parte e dar esta como sanada. Piscada

Atenciosamente,
Shek King
Shek

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18650
Pontos ativos : 22479

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por TacaBombaa 26.05.21 16:04

Shek escreveu:Olá novamente.

Quando se clica no ícone, aparece o código do ícone:
Mudança no topo do fórum List10

Você tentou inserir o código fornecido? Se mesmo assim não obter sucesso, recomendo instalar o FontAwesome: https://ajuda.forumeiros.com/t103208-topic

Se tiver dúvidas quanto ao tutorial que citei acima, então, assista o vídeo tutorial: https://youtu.be/wo0M4TnbIrw

Como se trata de outro assunto (no caso dos ícones do FontAwesome) é recomendável criar outra dúvida a parte e dar esta como sanada. Piscada

Atenciosamente,
Shek King

É para inserir diretamente no template? Tentei inserir no CSS mas não deu certo.
TacaBombaa

TacaBombaa
Nível 2

Masculino
Membro desde : 24/05/2021
Mensagens : 9
Pontos ativos : 14

https://securitybp.forumeiros.com

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por Shek 26.05.21 16:28

No tutorial que te passei, ensina como fazer a instalação no template. Seco
Shek

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18650
Pontos ativos : 22479

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por TacaBombaa 26.05.21 16:33

Shek escreveu:No tutorial que te passei, ensina como fazer a instalação no template. :déy:

Okay, pode fechar. Irei procurar em outros já respondidos.

Muito obrigado mesmo.
TacaBombaa

TacaBombaa
Nível 2

Masculino
Membro desde : 24/05/2021
Mensagens : 9
Pontos ativos : 14

https://securitybp.forumeiros.com

Ir para o topo Ir para baixo

Admineiro
  • 0

Tópico resolvido Re: Mudança no topo do fórum

Mensagem por pedxz 26.05.21 17:47

Obrigado @Shek!


Tópico resolvido


Movido para "Questões resolvidas".
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7067
Pontos ativos : 8295

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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