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

Esqueci minha senha

Últimos assuntos
» Banner para meu forum
Hoje à(s) 03:14 am por Fou-Lu

» [PEDIDO] Brasão de Armas
Hoje à(s) 02:17 am por Fou-Lu

» [Pedido] Banner ®
Hoje à(s) 02:12 am por Fou-Lu

» Texturas Fórum
Hoje à(s) 12:08 am por Fou-Lu

» Mudar caixas de usuários online, grupos e aniversariantes
Ontem à(s) 11:06 pm por William_iHarDz

» Fórum e Subforuns não aparecem
Ontem à(s) 10:43 pm por odelgado

» Barra da categoria
Ontem à(s) 10:26 pm por PrisoN†BreaK

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
227 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 222 Visitantes :: 2 Motores de busca

Fou-Lu, Maori, mrvisible, Reptilian, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Colocar ícones CSS

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

Resolvido Colocar ícones CSS

Mensagem por Vados em 11/12/15, 04:20 pm

Detalhes da questão


Endereço do fórum: http: http://webgrafic.forumeiro.com/
Versão do fórum: PunBB

Descrição


Gostaria de saber se era possível colocar estes ícones:
- http: http://astronautweb.co/snippet/font-awesome/

Nas barras das categorias e dos widgets, algo assim:


Última edição por Vados em 16/12/15, 03:54 pm, editado 1 vez(es)
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Slurk em 11/12/15, 04:25 pm

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

Slurk
Nível 10

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

http://beststyle.forumeiros.com/

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 11/12/15, 04:26 pm

Eu consegui colocar nos botões (Novo Tópico, Responder, Bloqueado) mas agora nas barras dos widgets e categorias não, não sei qual o código que tenho de usar para tal.
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em 11/12/15, 07:37 pm

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
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1496
Pontos Ativos : 1933

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 11/12/15, 07:40 pm

Sim isso eu já tenho, pois como disse já os utilizo, apenas gostava de saber agora como colocar nos Widgets e nos títulos das Categorias.
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em 11/12/15, 08:19 pm

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


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Flecha ajudeiros Confira também a Lista de Addons/ Plugins & Mods
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1496
Pontos Ativos : 1933

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 11/12/15, 08:21 pm

Para as categorias perfeito, mas para os Widgets da maneira que sabe é sempre igual para todos?
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em 11/12/15, 09:03 pm

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 11/12/15, 09:06 pm, editado 1 vez(es)
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1496
Pontos Ativos : 1933

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 11/12/15, 09:05 pm

Pois eu irei utilizar também os widgets de padrão, mas caso crie um widget personalizado, utilizo esse código para tal?
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em 11/12/15, 09:19 pm

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

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1496
Pontos Ativos : 1933

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 11/12/15, 09:25 pm

Só não estou a perceber uma coisa, nos widgets personalizados, você utiliza os códigos aonde mesmo? Em que templates edita?
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em 11/12/15, 09:34 pm

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.


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Flecha ajudeiros Confira também a Lista de Addons/ Plugins & Mods
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1496
Pontos Ativos : 1933

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 11/12/15, 09:40 pm

Poderia passar esse seu códigos só para testar uma coisa? Tive a tentar mas o texto não está a ficar dentro das caixas.
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em 11/12/15, 09:58 pm

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

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1496
Pontos Ativos : 1933

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 11/12/15, 10:28 pm

Agora sim consegui obrigado, agora irei esperar por alguém que me diga como fazer nos de padrões
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 13/12/15, 12:59 am

UP!
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 14/12/15, 09:50 am

UP!
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Shek em 15/12/15, 11:47 am

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.


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16589
Pontos Ativos : 20920

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

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 15/12/15, 03:52 pm

Eu basicamente queria era mudar os widgets padrões, se reparar:
- http: http://webgrafic.forumeiro.com/

Os widgets personalizados consegui com a ajuda da Harleen, mas os de padrão como o de últimos assuntos queria colocar o ícone atrás ou seja como os personalizados, só que não consigo fazer isso na gestão dos widgets
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Shek em 15/12/15, 09:06 pm

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


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16589
Pontos Ativos : 20920

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

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 15/12/15, 10:08 pm

Sim já fui lá mas qual é o código ou class em que podemos modificar para outro título? É que por exemplo em "Últimos Assuntos" tentei procurar e não encontrei.
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

Resolvido Re: Colocar ícones CSS

Mensagem por Harleen em 16/12/15, 11:00 am

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


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Flecha ajudeiros Confira também a Lista de Addons/ Plugins & Mods
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1496
Pontos Ativos : 1933

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Colocar ícones CSS

Mensagem por Vados em 16/12/15, 03:50 pm

Agora sim percebi bem, obrigado a ambos! ^^
avatar

Vados
Nível 8

Masculino
Inscrito dia : 10/12/2015
Mensagens : 123
Pontos Ativos : 174

http://zonagrafica.forumeiro.com

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