Mudança no topo do fórum

[TacaBombaa]

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

[Shek]

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.

[TacaBombaa]

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.

[Shek]

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

[TacaBombaa]

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

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

[Shek]

Olá novamente.

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

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

[TacaBombaa]

Olá novamente.

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

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

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.

[Shek]

Olá novamente.

Quando se clica no ícone, aparece o código do ícone:

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.

Atenciosamente,
Shek

[TacaBombaa]

Olá novamente.

Quando se clica no ícone, aparece o código do ícone:

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.

Atenciosamente,
Shek

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

[Shek]

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

[TacaBombaa]

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.

[tikky]

Obrigado @Shek!

Tópico resolvido Movido para "Questões resolvidas".