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

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

Quem está conectado
294 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 288 Visitantes :: 2 Motores de busca

Artref, DustyRhodes, Harleen, ranzatti, wefr123, xDominiC_.

[ Ver toda a lista ]


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

Colocar botões de redes sociais

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

Resolvido Colocar botões de redes sociais

Mensagem por Hilary Killer em 26/04/15, 03:06 am

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Vários usuários, uns sim e outros não
Endereço do fórum : projetokf.forumeiros.com

Descrição do problema

Como colocar os botões de redes sociais igual aqui no "Siga as novidades do forumeiros"


Última edição por Hilary Killer em 26/04/15, 12:46 pm, editado 1 vez(es)
avatar

Hilary Killer
Nível 9

Feminino
Inscrito dia : 02/09/2011
Mensagens : 224
Pontos Ativos : 373

Ver perfil do usuário

Resolvido Re: Colocar botões de redes sociais

Mensagem por Rafael em 26/04/15, 12:21 pm

Boa tarde!

Peço que leia: http://ajuda.forumeiros.com/t98510-icones-redes-social

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

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

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em 26/04/15, 01:19 pm

Colocar os botões num widget, só o face, twitter e youtube?
avatar

Hilary Killer
Nível 9

Feminino
Inscrito dia : 02/09/2011
Mensagens : 224
Pontos Ativos : 373

Ver perfil do usuário

Resolvido Re: Colocar botões de redes sociais

Mensagem por Rafael em 26/04/15, 01:23 pm

Olá!

Não é preciso colocar em um widget basta adicionar o javascript e o CSS.

Cumprimentos.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

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

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em 26/04/15, 02:54 pm

Altera o java pfvr pra ficar só o twitter, fb e youtube?
avatar

Hilary Killer
Nível 9

Feminino
Inscrito dia : 02/09/2011
Mensagens : 224
Pontos Ativos : 373

Ver perfil do usuário

Resolvido Re: Colocar botões de redes sociais

Mensagem por Rafael em 26/04/15, 03:02 pm

Claro que sim!

Aqui tem:

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 yt-but" href="'+youtube+'" target="_blank" title="Youtube"></a></div>')});

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

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

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em 26/04/15, 03:23 pm

Deu certo, sei que to pedindo demais, sério, desculpa, mas o do insta padronizado assim como ficaria?
avatar

Hilary Killer
Nível 9

Feminino
Inscrito dia : 02/09/2011
Mensagens : 224
Pontos Ativos : 373

Ver perfil do usuário

Resolvido Re: Colocar botões de redes sociais

Mensagem por Sennior em 26/04/15, 09:42 pm

Saudações,

Estamos aqui para lhe dar suporte no que for preciso, então pare de pedir desculpas, por favor? Rindo
Bem, mas aí precisaríamos de uma imagem do Instagram com o mesmo efeito das outras... Pensativo

A senhora tem aí para ajudar?
Até mais.
Sennior

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em 26/04/15, 10:30 pm

Td bem ><
Nop, peguei tudo daqui como me foi fornecido.
avatar

Hilary Killer
Nível 9

Feminino
Inscrito dia : 02/09/2011
Mensagens : 224
Pontos Ativos : 373

Ver perfil do usuário

Resolvido Re: Colocar botões de redes sociais

Mensagem por Sennior em 27/04/15, 01:22 am

Saudações,

Bem, o código é esse:
Código:
jQuery(function () {
  var facebook = "http://www.facebook.com/forumeirospt";
  var instagram = "https://instagram.com/";
  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 ins-but" href="' + instagram + '" target="_blank" title="Instagram"></a><a class="social-button yt-but" href="' + youtube + '" target="_blank" title="Youtube"></a></div>');
});

E o CSS, só que:
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 }

/* instagram */
.social-button.ins-but { background-image:url(LINK DO BOTÃO DO INSTAGRA) }
.social-button.ins-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 */

Precisamos de um link de botão para o Instagram. Se encontrar, modifique onde esta escrito LINK DO BOTÃO DO INSTAGRA para o link do botão.
Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em 27/04/15, 01:33 am

obrigada
avatar

Hilary Killer
Nível 9

Feminino
Inscrito dia : 02/09/2011
Mensagens : 224
Pontos Ativos : 373

Ver perfil do usuário

Resolvido Re: Colocar botões de redes sociais

Mensagem por Sennior em 27/04/15, 02:30 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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