Redes sociais flutuantes

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

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

Teria como remover o fundo branco e deixar transparente?

Bom dia!

O senhor deve remover do CSS indicado no tutorial, o seguinte código:

Código:

background-color:#fff;

Atenciosamente,
Shek

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


So que posicionar na logo.

Bom dia!

Poderia me passar o seu código HTML?

Atenciosamente,
Shek

Qual codigo HTML esta a referir?

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

Olá!

Aceda ao seu

Painel de controle Modulos HTML e Java Script Gestão dos códigos Java Script

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.

Deu certinho, mais quando vo clicar aparece o endereço assim:

Código:

http://www.fanaticosweb.net/"www.facebook.com"

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

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

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>

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

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

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

Olá!

Poderia confirmar se sua duvida encontra-se resolvida?

Abraços.

Foi sim, obrigado Mateus.