Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Ícones de redes sociais e feed
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Ícones de redes sociais e feed
Detalhes da questão
Endereço do fórum: http://muwinnerr.forumeiros.com
Versão do fórum: phpBB3
Descrição
Boa tarde!
É possível eu colocar isso no meu Fórum ? Se sim como posso está fazendo para colocar ?
Aguardo respostas, obrigado.
Última edição por Fatalisss em 25.07.17 22:37, editado 1 vez(es)
Re: Ícones de redes sociais e feed
Adicione a um Widget personalizado:
E adicione ao CSS:
- Código:
<div class="fa-social-buttons">
<a href="#" class="fa-social-facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="fa-social-twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="fa-social-google-plus"><i class="fa fa-google-plus"></i></a>
<a href="#" class="fa-social-youtube"><i class="fa fa-youtube"></i></a>
<a href="/feed" class="fa-social-feed"><i class="fa fa-feed"></i></a>
</div>
E adicione ao CSS:
- Código:
.fa-social-buttons {
text-align: center;
}
.fa-social-buttons a {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
font-size: 18px;
background-color: #e6e6e6;
border-radius: 3px;
transition: 250ms background-color;
margin: 0 2px;
}
.fa-social-buttons .fa {
line-height: 30px;
color: #666;
transition: 250ms color;
}
.fa-social-buttons a:hover .fa,
.fa-social-buttons a:focus .fa,
.fa-social-buttons a:active .fa {
color: #fff;
}
.fa-social-facebook:hover,
.fa-social-facebook:focus,
.fa-social-facebook:active {
background-color: #3B5998;
}
.fa-social-twitter:hover,
.fa-social-twitter:focus,
.fa-social-twitter:active {
background-color: #5EA9DD;
}
.fa-social-google-plus:hover,
.fa-social-google-plus:focus,
.fa-social-google-plus:active {
background-color: #DD4B39;
}
.fa-social-youtube:hover,
.fa-social-youtube:focus,
.fa-social-youtube:active {
background-color: #DD4B39;
}
.fa-social-feed:hover,
.fa-social-feed:focus,
.fa-social-feed:active {
background-color: #FAA21B;
}
Re: Ícones de redes sociais e feed
Ops... Esqueci de avisar que será necessário instalar o FontAwesome no seu fórum:
https://ajuda.forumeiros.com/t103208-tutorial-instalacao-do-font-awesome-no-forum
https://ajuda.forumeiros.com/t103208-tutorial-instalacao-do-font-awesome-no-forum
Re: Ícones de redes sociais e feed
Fatalisss escreveu:Pronto já instalei em meu Fórum, e agora?
Obrigado.
Olá, está assim http://prntscr.com/g05tam vá no widget referido em Utilizar um table type marque: não
Re: Ícones de redes sociais e feed
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Box de redes sociais
» Icones das redes sociais.
» Adicionar icones de redes sociais
» Ícones de redes sociais flutuantes
» Como adicionar ícones das redes sociais
» Icones das redes sociais.
» Adicionar icones de redes sociais
» Ícones de redes sociais flutuantes
» Como adicionar ícones das redes sociais
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos