Redes sociais flutuantes

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

Resolvido Redes sociais flutuantes

Mensagem por konekta Brasil em 18/07/12, 12:58 am

Qual é minha questão:
Olá,

Teria alguma maneira de colocar redes flutuantes na logo do fórum?
Em meu fórum fiz um exemplo editando a imagem, olha: http://www.fanaticosweb.net/
Gostaria desse tipo, seria possivel?

Links e imagens do meu problema:
*

Endereço do meu fórum:
http://fanaticosweb.forum.st

Versão do meu fórum:
PHPBB3


Última edição por 2Pac em 22/07/12, 10:26 am, editado 1 vez(es)
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Redes sociais flutuantes

Mensagem por Convidad em 19/07/12, 09:27 am

Bom dia!

Sim, há como! Leia o seguinte tópico e obtenha mais informações: http://ajuda.forumeiros.com/t44900-tutorial-redes-sociais-flutuantes

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 19/07/12, 12:33 pm

Teria como remover o fundo branco e deixar transparente?
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Redes sociais flutuantes

Mensagem por Convidad em 19/07/12, 12:42 pm

Bom dia!

O senhor deve remover do CSS indicado no tutorial, o seguinte código:
Código:
background-color:#fff;
Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 19/07/12, 10:39 pm

No caso eu gostaria de colocar diferente, igual aqui no fórum:


So que posicionar na logo.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Redes sociais flutuantes

Mensagem por Convidad em 20/07/12, 10:00 am

Bom dia!

Poderia me passar o seu código HTML?

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 20/07/12, 12:26 pm

Qual codigo HTML esta a referir?

tenho essa: http://www.fanaticosweb.net/h3-redes-sociais que é a que quero colocar na logo.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Redes sociais flutuantes

Mensagem por MateusV. em 20/07/12, 01:18 pm

Olá!

Aceda ao seu
Painel de controle Seta Modulos Seta HTML e Java Script Seta Gestão dos códigos Java Script
:seta2: Crie um novo código com o investimento marcado em todas as páginas e com este código:
jQuery(document).ready(function() { jQuery(".headerbar").append('<div id="rs"><a href="LINK"><img src="IMAGEM" /></a> <!--- Adicione mais redes socias aqui ---></div>'); });

Vermelho -> Url da imagem.
Verde -> Link
Azul -> Adicione mais códigos das redes socias, no caso este:
<a href="LINK"><img src="IMAGEM" /></a>

Agora adicione este código em seu CSS:
#rs {
position: absolute;
top: 50px;
}

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 20/07/12, 02:50 pm

Deu certinho, mais quando vo clicar aparece o endereço assim:
Código:
http://www.fanaticosweb.net/"www.facebook.com"
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Redes sociais flutuantes

Mensagem por Convidad em 20/07/12, 05:40 pm

Você precisa modificá-lo.
<div id="rs"><a href= “ENDEREÇO”><img src="http://i45.servimg.com/u/f45/12/05/75/97/follow10.png" border="0"></a><a href= “http://link.com”><img src="http://i45.servimg.com/u/f45/12/05/75/97/follow11.png" border="0"></a><a href= “http://link.com”><img src="http://i45.servimg.com/u/f45/12/05/75/97/follow12.png" border="0"></a></div>
Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 21/07/12, 12:12 pm

Ja mudei, de nenhum jeito da.
a pagina carrega e aparecce escrito:
You can return to the index...
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Redes sociais flutuantes

Mensagem por Switch em 21/07/12, 02:56 pm

Troque o código que o Shek passou por esse, e modifique nas partes em vermelho.

<div id="rs"><a href="ENDEREÇO FACEBOOK" target="_blank">
<img src="http://i45.servimg.com/u/f45/12/05/75/97/follow10.png" border="0"></a>
<a href="ENDEREÇO TWITTER" target="_blank">
<img src="http://i45.servimg.com/u/f45/12/05/75/97/follow11.png" border="0"></a>
<a href="ENDEREÇO RSS" target="_blank"><img src="http://i45.servimg.com/u/f45/12/05/75/97/follow12.png" border="0"></a></div>
avatar

Switch
Nível 9

Masculino
Inscrito dia : 01/06/2012
Mensagens : 154
Pontos Ativos : 248

Ver perfil do usuário http://spdesign.ativoforum.com/forum

Resolvido Re: Redes sociais flutuantes

Mensagem por BrunoH. em 21/07/12, 03:21 pm

Estou também precisando deste codigo, eu utilizei oque o Mateus forneceu e deu certo, so que gostaria de chega-los mais para a esquerda, olhem: http://bcvgames.forumbrasil.net/forum Se puderem me ajudar também agradeço galera *-*
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 21/07/12, 06:17 pm

Bruno_. escreveu:Estou também precisando deste codigo, eu utilizei oque o Mateus forneceu e deu certo, so que gostaria de chega-los mais para a esquerda, olhem: http://bcvgames.forumbrasil.net/forum Se puderem me ajudar também agradeço galera *-*

Troque o codigo CSS fornecido anteriormente por este:

#rs {
position: absolute;
right: 50px;
top: 50px;
}
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Redes sociais flutuantes

Mensagem por BrunoH. em 21/07/12, 06:29 pm

2Pac escreveu:
Bruno_. escreveu:Estou também precisando deste codigo, eu utilizei oque o Mateus forneceu e deu certo, so que gostaria de chega-los mais para a esquerda, olhem: http://bcvgames.forumbrasil.net/forum Se puderem me ajudar também agradeço galera *-*

Troque o codigo CSS fornecido anteriormente por este:

#rs {
position: absolute;
right: 50px;
top: 50px;
}

Obrigado Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Redes sociais flutuantes

Mensagem por MateusV. em 21/07/12, 06:33 pm

Olá!

Poderia confirmar se sua duvida encontra-se resolvida?

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 22/07/12, 10:26 am

Foi sim, obrigado Mateus.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

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