[Tutorial] Modelos de barras de ferramentas

Autor: Zump, Sennior, Shek
Funcionalidade: Em todas as versões

Introdução

Personalize a sua barra de ferramentas, atribuindo novas cores e imagens de fundo. Neste tutorial, deixaremos alguns exemplos de barra de ferramenta personalizada para promover e combinar mais com seu fórum de discussão online.

--> Tutoriais, dicas e astúcias <--

1º - Folha de estilos CSS do fórum:
CSS na verdade significa "Cascading Style Sheets", sua principal função é personalizar um determinado conteúdo exibido, em um determinado lugar na página. Cada versão de fórum (phpbb2. phpbb3, punbb e invision) possuem uma classe diferente, e nessas classes podem ser adicionadas as “propriedades”. Caso queira conhecer alguns tipos de classes, poderá consultar mais informações no seguinte: Elaborar um código CSS

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>

Ver o CSS da base do seu fórum - Permite o administrador conferir o estilo padrão do CSS do fórum. Mesmo se você tiver aplicado algum código CSS na folha de estilo, esse CSS base não será alterado. Ele mostra os códigos que personalizam seu fórum sem a necessidade do CSS adicional, que no caso seria a da folha de estilo.

Procurar CSS - Com essa ferramenta, podemos fazer uma busca nos códigos existentes na folha de estilo CSS. Por exemplo, se você adicionou algum código na folha de estilo, e pelo fato dela ser muito grande você não estiver encontrando o código desejado, a partir do momento em que digitar o código no campo "Procurar CSS", o código será encontrado (se digitado corretamente).

Desativar o CSS de base - Caso desabilite essa opção, o CSS base do seu fórum será desativado, deixando apenas o CSS da folha de estilo.

Melhorar seu CSS - Com essa função ativa, a capacidade de carregamento da página é aumentada, facilitando a navegação nas páginas de seu fórum. Mas é importante lembrar que, para que a função funcione normalmente como prometida, você terá que adicionar o código correto na folha de estilo.

2º - Modelos prontos de barra:
A personalização da barra de ferramenta pode ser realizada de forma bem prática, usando o CSS. Contudo, é interessante que tenha conhecimento básico no CSS para efetuar as modificações no código.

div#fa_toolbar {
/*** CORRESPONDE A BARRA NUM TOTAL ***/
propriedade;
}

#fa_toolbar_hidden {
/*** CORRESPONDE A SETA PARA OCULTAR A BARRA ***/
propriedade;
}

/*** MENU DA BARRA DE FERRAMENTAS ***/
#fa_right {
/*** CORRESPONDE A PARTE ESQUERDA DA BARRA (NOTIFICAÇÕES E BEM VINDO) ***/
propriedade;
}

#fa_search {
/*** CORRESPONDE A PARTE DO ESPAÇO PARA PESQUISAR NO FÓRUM ***/
propriedade;
}

#fa_share {
/*** CORRESPONDE A DAS REDES SOCIAIS DA BARRA ***/
propriedade;
}
/*** MENU DA BARRA DE FERRAMENTAS - FIM ***/

As partes que estão em Verde, correspondem as indicações que você vai personalizar. Já as de Vermelho, são em específico, as propriedades que vai usar para personalizar. Por exemplo, um background-color ou color: black.

Atenção! As modificações na barra de ferramentas são sujeitas a análise das equipes contratadas por Forumeiros, a Online Guardian! Você está ciente que a modificação de forma incorreta da barra de ferramentas é contra as condições gerais de uso, como por exemplo, a tentativa de alteração do texto ou link (imagem do ícone) de Forumeiros sem a compra de créditos.

3º - Personalizações disponíveis:

Barra de ferramentas CoreDance (By Shek Crowley):

---

Barra de Ferramentas Prata:

---

Barra de ferramenta Azul escuro (By Sennior):

---

Barra de ferramenta estilo youtube (By Zump):

---

Barra de ferramenta circulada (By Zump):

---

Barra de ferramenta personalizada (By Zump):

---

Barra de ferramenta estilo pop-up (By Zump):

---

Barra de ferramenta Dragon gladiador:

---

Barra de ferramenta Dark (By Zump):

Imagens das barras (na posição dos códigos fornecidos, ou seja, primeira barra = primeiro resultado):