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
» Últimos Assuntos personalizados
Hoje à(s) 11:52 am por Harleen

» Texto do Topico bugado com o perfil
Hoje à(s) 11:44 am por Harleen

» Pontos ativos qual a sua função ?
Hoje à(s) 11:38 am por Fatalisss

» Opiniões: criar um fórum sobre apostas?
Hoje à(s) 11:35 am por Fatalisss

» Sistema de like nas mensagens
Hoje à(s) 11:34 am por Fatalisss

» Legenda GIF
Hoje à(s) 11:24 am por Fatalisss

» Categorias
Hoje à(s) 10:59 am por Fatalisss

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Roger_Crazzy
 
Lincoln
 
Fatalisss
 

Quem está conectado
270 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 263 Visitantes :: 2 Motores de busca

Bookmarlucas654, Fatalisss, Harleen, JulioPais, Lincoln, MtX, Sennior

[ Ver toda a lista ]


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

Icones redes social

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

Resolvido Icones redes social

Mensagem por EDU2010 em 06/03/15, 12:43 am

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Internet Explorer
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : AGORA
Endereço do fórum : http://passarinhos.forumeiros.com/forum.htm

Descrição do problema

Colocar estes icones das redes socias como na imagem usada de exemplo !!
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1572
Pontos Ativos : 2413

http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Icones redes social

Mensagem por Reset em 06/03/15, 12:52 am

Olá!

Aplique este código Javascript:
Código:
jQuery(function(){var facebook="http://www.facebook.com/forumeirospt";var twitter="https://twitter.com/Forumeiros_PT";var google="https://plus.google.com/u/0/106647941075849166848/posts";var youtube="https://www.youtube.com/user/tvforumeiros";jQuery('#search-box').before('<div id="siga_fdf"><a class="social-button fb-but" href="'+facebook+'" target="_blank" title="Facebook"></a><a class="social-button tw-but" href="'+twitter+'" target="_blank" title="Twitter"></a><a class="social-button gp-but" href="'+google+'" target="_blank" title="Google+"></a><a class="social-button yt-but" href="'+youtube+'" target="_blank" title="Youtube"></a><a class="social-button rs-but" href="/feed/?f=1" target="_blank" title="Feed de Anúncios e Atualizações"></a></div>')});

CSS:
Código:
/* PERSONALIZAR REDES SOCIAIS */
#siga_fdf { background: url(http://i.imgur.com/oW7B8sP.png) no-repeat scroll 10px 5px transparent; float: left; padding-left: 170px; }

.social-button {
  background:no-repeat 50% 50% #333;
  border-radius:3px;
  display:inline-block;
  margin:3px;
  height:32px;
  width:32px;
  -webkit-transition:300ms;
    -moz-transition:300ms;
      -o-transition:300ms;
          transition:300ms;
}
.social-button:hover { background-color:#000 }

/* facebook */
.social-button.fb-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/fb11.png) }
.social-button.fb-but:hover { background-color:#3B5998 }

/* twitter */
.social-button.tw-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/tw10.png) }
.social-button.tw-but:hover { background-color:#5EA9DD }

/* google plus */
.social-button.gp-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/gp10.png) }
.social-button.gp-but:hover { background-color:#DD4B39 }

/* pinterest */
.social-button.pi-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/pi10.png) }
.social-button.pi-but:hover { background-color:#BB0000 }

/* youtube */
.social-button.yt-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/yt10.png) }
.social-button.yt-but:hover { background-color:#E52C27 }

/* rss feed */
.social-button.rs-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/rs10.png) }
.social-button.rs-but:hover { background-color:#FAA21B }
/* PERSONALIZAR REDES SOCIAIS */

Investimento: Em todas as páginas ou tente no início.

Até mais,
Reset.
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1452

http://ajuda.forumeiros.com/

Resolvido Re: Icones redes social

Mensagem por Gaaratsu em 10/03/15, 10:41 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.
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.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