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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Visualização dos "Usuários online"
Hoje à(s) 4:34 por MarcosSchultz

» Setar rank automático
Hoje à(s) 4:19 por Cream

» [Pedido] Banner
Hoje à(s) 4:11 por -xGabriel..

» Botões de ação
Hoje à(s) 4:01 por iScroll

» Aparência do fórum
Hoje à(s) 2:56 por Cream

» Botão com ícones do font awesome
Hoje à(s) 2:41 por Cream

» Sistema de reputação do fórum
Hoje à(s) 2:34 por Holkis

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Holkis
 
Shek
 
-xGabriel..
 
Nean
 
iScroll
 
Mr.Probz
 
Sennior
 
Cepheus
 

Quem está conectado
60 usuários online :: 1 usuário cadastrado, 1 Invisível e 58 Visitantes :: 2 Motores de busca

GollD

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Dom 26 Abr 2015 - 7:06

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 Dom 26 Abr 2015 - 16:46, editado 1 vez(es)

Hilary Killer
Nível 9

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

Resolvido Re: Colocar botões de redes sociais

Mensagem por RafaelS. em Dom 26 Abr 2015 - 16:21

Boa tarde!

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

Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4877

http://maisforum.forumeiros.com

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em Dom 26 Abr 2015 - 17:19

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

Hilary Killer
Nível 9

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

Resolvido Re: Colocar botões de redes sociais

Mensagem por RafaelS. em Dom 26 Abr 2015 - 17:23

Olá!

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

Cumprimentos.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4877

http://maisforum.forumeiros.com

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em Dom 26 Abr 2015 - 18:54

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

Hilary Killer
Nível 9

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

Resolvido Re: Colocar botões de redes sociais

Mensagem por RafaelS. em Dom 26 Abr 2015 - 19:02

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.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4877

http://maisforum.forumeiros.com

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em Dom 26 Abr 2015 - 19:23

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

Hilary Killer
Nível 9

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

Resolvido Re: Colocar botões de redes sociais

Mensagem por Sennior em Seg 27 Abr 2015 - 1:42

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'


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em Seg 27 Abr 2015 - 2:30

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

Hilary Killer
Nível 9

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

Resolvido Re: Colocar botões de redes sociais

Mensagem por Sennior em Seg 27 Abr 2015 - 5:22

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


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar botões de redes sociais

Mensagem por Hilary Killer em Seg 27 Abr 2015 - 5:33

obrigada

Hilary Killer
Nível 9

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

Resolvido Re: Colocar botões de redes sociais

Mensagem por Sennior em Seg 27 Abr 2015 - 6:30

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5