Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar a cor do menu
Hoje à(s) 9:10 por Cream

» Personalizar título e ícone das categorias
Hoje à(s) 9:03 por Cream

» Botão neon na resposta rápida
Hoje à(s) 0:44 por Daemon

» [Ranks] Laranja - Médio - Texto branco
Ontem à(s) 23:47 por Harold C+

» Imagem de fundo no fórum
Ontem à(s) 23:29 por Cream

» Membro do mês
Ontem à(s) 22:42 por while

» Personalizar o menu
Ontem à(s) 22:09 por Cream

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
Mr.Probz
 
while
 
idarkdg
 
Nean
 
Apollo
 
Harleen
 
sandra51
 
lavinnia
 
Sennior
 

Quem está conectado
73 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 70 Visitantes :: 2 Motores de busca

Cream, SyraoN_, YouTube3

[ Ver toda a lista ]


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

Colocar ícones CSS

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Slurk em Sex 11 Dez 2015 - 16:25

Talvez seja possível sim, e ta bem explicado como se faz nessa url que você passou, sua questão era só saber se é possível?

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 735

http://beststyle.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em Sex 11 Dez 2015 - 19:37

Boa noite @Vados
no painel de controle vá em Visualização> Templates> Geral > overall_header depois da tag <head> adicione este código
Código:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

salve e publique. Positivo

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 539
Pontos Ativos : 2351

http://antenadogames.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em Sex 11 Dez 2015 - 20:19

Para as categorias adicione entre o nome das categorias.
exemplo
Código:
<span class="cat1">GERAL WEBGRAFIC</span>
e assim por diante... escolha os ícones no site e em seu css e adicione
Código:
.cat1:before {
      content: "\f000";
    font-family: FontAwesome;
      vertical-align:top;
    }

Para os widgets só sei inserindo nos templates...

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 539
Pontos Ativos : 2351

http://antenadogames.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em Sex 11 Dez 2015 - 21:03

Para os widgets eu coloquei em cada template, por exemplo, no widget de votação, em meu fórum inseri dessa forma.
Código:
<div class="module main">
 <div class="main-head">
 <a name="sondage"></a>
 <div class="h3"><i class="fa fa-bar-chart" style="color: red;"></i>&nbsp;{L_POLL}</div>
 </div>
 <div class="main-content">
 {POLL_DISPLAY}
 </div>
</div>

o código em negrito é onde personalizei... se quiser fazer dessa forma, informe quais widgets ira personalizar.
caso deseja manter os templates padrão, aguarde outra pessoa para lhe auxiliar...


Última edição por Harleen em Sex 11 Dez 2015 - 21:06, editado 1 vez(es)

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 539
Pontos Ativos : 2351

http://antenadogames.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em Sex 11 Dez 2015 - 21:19

Eu estava editando a mensagem para indicar esse código
Código:
<i class="fa fa-bar-chart" style="color: red;"></i>&nbsp;

Neste caso aconselho aguardar um ajudeiro ou um membro mais experiente, pois do modo que eu fiz,
você irá de perder posteriormente... nos widgets personalizados como neste


Eu inseri no início
Código:
<div class="module main">
                                                                        
 <div class="module">
                                                                        
 <div class="main-head">
     <em style="color:red;" class="fa fa-play-circle-o"></em> TOP 5 ÁLBUNS - ANOS 2000    
 </div>
Mas como você deseja manter os templates padrão, mais uma vez, recomendo que aguarde alguém mais experiente para lhe auxiliar.

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 539
Pontos Ativos : 2351

http://antenadogames.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em Sex 11 Dez 2015 - 21:34

Nos Widgets personalizados eu crio dessa forma
Spoiler:

Deixando em branco o Utilizar um table type e o Título do widget, dessa forma resulta na imagem do post acima.

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 539
Pontos Ativos : 2351

http://antenadogames.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em Sex 11 Dez 2015 - 21:58

Olá, use o bloco de notas, ou o que preferir e faça da seguinte forma, insira esse código
Código:

<div class="module main">
 <div class="main-head">
  
 <div class="h3">
 título do widget  
 </div>
  
 </div>
  
 <div class="main-content clearfix">
  conteúdo do widget
 </div>
  
 </div>

quando crio um widget personalizado, sempre uso essa estrutura.

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 539
Pontos Ativos : 2351

http://antenadogames.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

O autor desta mensagem foi removido do fórum - Ver a mensagem

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Shek em Ter 15 Dez 2015 - 11:47

Olá!

No caso você quer definir um padrão para cada tipo de estrutura? Ou seja, nas categorias, um ícone específico, nos widgets, um ícone específico? Eu aconselho, até mesmo a você @Harleen a não usar o span para definir os ícones. Prefira usar o <i class="fa fa-NOME"></i>. Ele não desalinha qualquer elemento do seu HTML. Piscada

Autor, me deixe saber da sua preferência.


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14615
Pontos Ativos : 21637

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Shek em Ter 15 Dez 2015 - 21:06

Já tentou editar o template mod_recent_topics em Visualização > Templates >> Portal ?


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14615
Pontos Ativos : 21637

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em Qua 16 Dez 2015 - 11:00

Olá insira o ícone que deseja depois do div class="h3", ficando dessa forma
Os mais ativos do mês:

para os últimos assuntos procure por
Código:
<div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>

e também adicione o ícone entre o "h3".

Espero ter explicado certo Muito feliz

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 539
Pontos Ativos : 2351

http://antenadogames.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- 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
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