Redes sociais flutuantes

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

Atendido / Resolvido Redes sociais flutuantes

Mensagem por konekta Brasil em 18.07.12 4:58

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 14:26, editado 1 vez(es)
konekta Brasil

konekta Brasil
Usuário destaque

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

http://www.konektabrasil.com

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por Convidad em 19.07.12 13:27

Bom dia!

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

Atenciosamente,
Shek
Anonymous

Convidad
Convidado


Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 19.07.12 16:33

Teria como remover o fundo branco e deixar transparente?
konekta Brasil

konekta Brasil
Usuário destaque

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

http://www.konektabrasil.com

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por Convidad em 19.07.12 16:42

Bom dia!

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

Convidad
Convidado


Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 20.07.12 2:39

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

Redes sociais flutuantes Follow10Redes sociais flutuantes Follow11Redes sociais flutuantes Y211Redes sociais flutuantes Follow12

So que posicionar na logo.
konekta Brasil

konekta Brasil
Usuário destaque

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

http://www.konektabrasil.com

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por Convidad em 20.07.12 14:00

Bom dia!

Poderia me passar o seu código HTML?

Atenciosamente,
Shek
Anonymous

Convidad
Convidado


Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 20.07.12 16:26

Qual codigo HTML esta a referir?

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

konekta Brasil
Usuário destaque

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

http://www.konektabrasil.com

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por MateusV. em 20.07.12 17:18

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
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

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

http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 20.07.12 18:50

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

konekta Brasil
Usuário destaque

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

http://www.konektabrasil.com

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por Convidad em 20.07.12 21:40

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

Convidad
Convidado


Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 21.07.12 16:12

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

konekta Brasil
Usuário destaque

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

http://www.konektabrasil.com

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por Switch em 21.07.12 18:56

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="https://i.servimg.com/u/f45/12/05/75/97/follow10.png" border="0"></a>
<a href="ENDEREÇO TWITTER" target="_blank">
<img src="https://i.servimg.com/u/f45/12/05/75/97/follow11.png" border="0"></a>
<a href="ENDEREÇO RSS" target="_blank"><img src="https://i.servimg.com/u/f45/12/05/75/97/follow12.png" border="0"></a></div>
Switch

Switch
Nível 9

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

http://spdesign.ativoforum.com/forum

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por BrunoH. em 21.07.12 19:21

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 *-*
BrunoH.

BrunoH.
Principal contribuidor
Principal contribuidor

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

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 21.07.12 22:17

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;
}
konekta Brasil

konekta Brasil
Usuário destaque

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

http://www.konektabrasil.com

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por BrunoH. em 21.07.12 22:29

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
BrunoH.

BrunoH.
Principal contribuidor
Principal contribuidor

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

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por MateusV. em 21.07.12 22:33

Olá!

Poderia confirmar se sua duvida encontra-se resolvida?

Abraços. Piscada
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

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

http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Redes sociais flutuantes

Mensagem por konekta Brasil em 22.07.12 14:26

Foi sim, obrigado Mateus.
konekta Brasil

konekta Brasil
Usuário destaque

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

http://www.konektabrasil.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum