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

Esqueci minha senha

Últimos assuntos
» [Avatar] Fórum
Hoje à(s) 06:10 pm por Fou-Lu

» Rank para o meu fórum | Nota: O pedido será liberado em [23/10/2017]
Hoje à(s) 05:46 pm por Fou-Lu

» Rank para meu fórum
Hoje à(s) 05:40 pm por Fou-Lu

» [Ranks] Ranks para Fórum
Hoje à(s) 05:36 pm por Fou-Lu

» Botoes aprovado e reprovado
Hoje à(s) 05:34 pm por Fou-Lu

» botão Drop Down no Widgets
Hoje à(s) 04:42 pm por Lancer91

» Mudar cor da fonte/letra do perfil
Hoje à(s) 03:21 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Ketholy123
 
Matt Shultz
 
Harleen
 
Shek
 
T1ag0
 
Fou-Lu
 
zHugh
 
PlayWillian
 

Quem está conectado
264 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 254 Visitantes :: 2 Motores de busca

Fou-Lu, Hancki, Ketholy123, Lancer91, Lecxa, Luiz, ofmelo.man-blog.net, Pedxz, Railison Ramon, soldado

[ Ver toda a lista ]


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

Duvidas sobre FontAwesome

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

Resolvido Duvidas sobre FontAwesome

Mensagem por Jhool em 13/03/17, 09:38 pm

Detalhes da questão


Endereço do fórum: http://familiawarning.forumeiros.com
Versão do fórum: PunBB

Descrição


Eu instalei este sistema em meu fórum e não estou sabendo usar corretamente, gostaria de saber como colocar os icones ao lado de algumas coisas:

- Icones ao lado do texto da categoria
http://prntscr.com/ejn0fh
Fórum em que vi: http://brasilplayultimate.forumeiros.com/forum

- Icones ao lado de cada LINK do menu
http://prntscr.com/ejn0nh
Fórum em que vi: http://bpcsamp.com.br/forum/


E algum tutorial mostrando o que eu posso fazer com este sistema, pois eu coloquei no meu fórum e procurei diversos tutoriais para aprender a usa-las e não consegui encontrar, agradeço desde já !
avatar

Jhool
Nível 8

Masculino
Inscrito dia : 10/01/2017
Mensagens : 149
Pontos Ativos : 243

Ver perfil do usuário http://familiawarning.forumeiros.com/forum
  • 0

Resolvido Re: Duvidas sobre FontAwesome

Mensagem por Harleen em 13/03/17, 10:38 pm

Jhool escreveu:
- Icones ao lado de cada LINK do menu
http://prntscr.com/ejn0nh

Adicione no início de sua folha CSS o seguinte código
Código:
#pun-navlinks li a.mainmenu:before {
    font-family: FontAwesome;
    font-size: 130%;
    padding-right: 3px;
    padding-left: 3px;
}
#pun-navlinks li a.mainmenu[href="/forum"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/"]:before {
    content: "";
}
#pun-navlinks a.mainmenu[href="/calendar"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/faq"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/search"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/memberlist"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/groups"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/profile?mode=editprofile"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/privmsg?folder=inbox"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/login"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href^="/login?logout=1"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/register"]:before {
    content: "";
}

Resultado http://prntscr.com/ejnfzr
Procure mais ícones no site do fontawesome Positivo

Até mais
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1522
Pontos Ativos : 1972

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Duvidas sobre FontAwesome

Mensagem por Jhool em 14/03/17, 12:07 am

Harleen escreveu:
Jhool escreveu:
- Icones ao lado de cada LINK do menu
http://prntscr.com/ejn0nh

Adicione no início de sua folha CSS o seguinte código
Código:
#pun-navlinks li a.mainmenu:before {
    font-family: FontAwesome;
    font-size: 130%;
    padding-right: 3px;
    padding-left: 3px;
}
#pun-navlinks li a.mainmenu[href="/forum"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/"]:before {
    content: "";
}
#pun-navlinks a.mainmenu[href="/calendar"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/faq"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/search"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/memberlist"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/groups"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/profile?mode=editprofile"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/privmsg?folder=inbox"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/login"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href^="/login?logout=1"]:before {
    content: "";
}
#pun-navlinks li a.mainmenu[href="/register"]:before {
    content: "";
}

Resultado http://prntscr.com/ejnfzr
Procure mais ícones no site do fontawesome Positivo

Até mais

Resultou ficou bom, poderia me ajudar com a outra questão também?
- Icones ao lado do texto da categoria
http://prntscr.com/ejn0fh
Fórum em que vi: http://brasilplayultimate.forumeiros.com/forum
avatar

Jhool
Nível 8

Masculino
Inscrito dia : 10/01/2017
Mensagens : 149
Pontos Ativos : 243

Ver perfil do usuário http://familiawarning.forumeiros.com/forum
  • 0

Resolvido Re: Duvidas sobre FontAwesome

Mensagem por Kyo Panda em 14/03/17, 09:25 am

Jhool escreveu:- Icones ao lado do texto da categoria
http://prntscr.com/ejn0fh
Fórum em que vi: http://brasilplayultimate.forumeiros.com/forum

Adicione um novo Javascript com Investimento em Todas as páginas:

Código:
(function($) {
  'use strict';

  var config = {
    selector: '.page-title h2',
    categories: [{
      title: 'Geral',
      icon: 'star-half-o',
    }, {
      title: 'Recrutamento',
      icon: 'star-half-o',
    }, {
      title: 'Designer',
      icon: 'star-half-o',
    }, {
      title: 'Galeria/Mídia',
      icon: 'star-half-o',
    }, {
      title: 'Downloads',
      icon: 'star-half-o',
    }, {
      title: 'Outros',
      icon: 'star-half-o',
    }]
  };

  $(function() {
    $.each(config.categories, function(index, item) {
      $('<i>', { class: 'fa fa-' + item.icon })
        .prependTo(config.selector + ':contains("' + item.title + '")')
      ;
    });
  });
}(jQuery));

Nessa parte do script:

Código:
    categories: [{
      title: 'Geral',
      icon: 'star-half-o',
    }, {
      title: 'Recrutamento',
      icon: 'star-half-o',
    }, {
      title: 'Designer',
      icon: 'star-half-o',
    }, {
      title: 'Galeria/Mídia',
      icon: 'star-half-o',
    }, {
      title: 'Downloads',
      icon: 'star-half-o',
    }, {
      title: 'Outros',
      icon: 'star-half-o',
    }]

Você configura as categorias e os ícones. Você pode ver os ícones no site do FontAwesome.

E adicione ao seu CSS:

Código:
.page-title h2 .fa {
    font-size: 16px;
    margin-right: 5px;
}

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Duvidas sobre FontAwesome

Mensagem por Jhool em 14/03/17, 05:03 pm

Resultou, obrigado KYo e Harleen !
avatar

Jhool
Nível 8

Masculino
Inscrito dia : 10/01/2017
Mensagens : 149
Pontos Ativos : 243

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Resolvido Re: Duvidas sobre FontAwesome

Mensagem por Kyo Panda em 14/03/17, 05:04 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

Ver perfil do usuário http://ajuda.forumeiros.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