Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

https://imgfast.netWelcome FdF Bem-vindo ao fórum de suporte Forumeiros  https://imgfast.netMuito feliz

https://imgfast.net

Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.

Fórum grátis: Ajuda e suporte para fóruns Forumeiros.com

Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
167 usuários online :: 6 usuários cadastrados, 1 Invisível e 160 Visitantes :: 1 Motor de busca

Appoloz, Hukers, Lucas_witier, Luiz~, P.H, Razengo

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

[TUTORIAL] Adicionar ícones antes do grupo

Tweet

Página 1 de 1 • Compartilhe • 

https://imgfast.netVer o tópico anterior https://imgfast.netVer o tópico seguinte https://imgfast.netIr em baixo

https://imgfast.net [TUTORIAL] Adicionar ícones antes do grupo

https://imgfast.netMensagem por Holkis em Sex 19 Ago 2016 - 15:29


https://imgfast.net

Adicionar ícones antes do grupo

Neste tutorial iremos ensinar a você administrador, a como inserir pré-fixos nos grupos de teu fórum com CSS. Algo simples que poderá dar um toque em especial a legenda de teu fórum referente aos grupos existentes no fórum.

--> Tutoriais, dicas e astúcias <--
Adicionar ícones antes do grupo

- Gestão da edição dos templates:
A edição de template é o que faz com que seu fórum tenha o maior número de personalizações possíveis. Este recurso é agradável e merece cautela para ser editado, afim de evitar qualquer bug ou erro na publicação. Você pode contar com o apoio de nossos voluntários para editar seu template.

Painel de controle Visualização Templates Geral Overall_header
https://imgfast.net
/* Entre as tags <head></head> iremos adicionar o seguinte código *\
Código:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- Folha de estilos CSS:
Para que a função seja ativa em teu fórum, precisaremos que aceda a teu painel administrativo e assim ir até a sua Folha de Estilo CSS como mostraremos abaixo:

Painel de controle Visualização Cores "Aba" Folha CSS.

https://imgfast.net
https://imgfast.net 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.
https://imgfast.net 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).
https://imgfast.net 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.

https://imgfast.net 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.

Código:
a.gensmall[style="color: #FA0000"]:before {
  content: '\f085 \00A0';
  font-family: 'fontawesome';
}

  • #FA0000 é a cor do grupo que almejamos adicionar o ícone, aqui você deverá alterar para a cor do grupo que vai desejar adicionar o ícone.

  • \f085 é o código que será adicionado, você poderá modificar pelo código do ícone que desejar.Veja aqui os códigos existentes: http://astronautweb.co/snippet/font-awesome/



Resultado:


https://imgfast.net




© Fórum dos Fóruns & RafaelS.
https://imgfast.net Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Adicionar ícones antes do grupo
https://imgfast.net

Holkis
Moderadeiro
https://imgfast.netModeradeiro

https://imgfast.netMasculino
Inscrito dia : 21/04/2015
Mensagens : 3041
Pontos Ativos : 4388

https://imgfast.nethttp://www.holkis.net/ https://imgfast.nethttps://www.facebook.com/https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://imgfast.nethttps://twitter.com/https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

https://imgfast.netVer o tópico anterior https://imgfast.netVer o tópico seguinte https://imgfast.netVoltar ao Topo

https://imgfast.net+ Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
Revisado por Forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5