Como coloco botoes de redes sociais

Qual é minha questão:
Queria colocar alguns botoes, como os da imagem, em meu fórum.
Poderiam me ajudar?

Links e imagens do meu problema:
https://i.servimg.com/u/f41/16/51/42/81/print10.jpg

Endereço do meu fórum:
http://monsterhunterhelper.web-rpg.com/

Versão do meu fórum:
PHPBB3

Olá,

Vou lhe ensinar um Modo sem o uso de JS ...
Aceda á :

Painel de Controle Visualização Home Page Geral Mensagem na Página Inicial

E vá adicionando isto :

<div style="background-attachment: fixed; position: absolute; margin-right: 5px; margin-top: 15px;"><a href="URL DA REDE SOCIAL"><img src="IMAGEM DE REDE SOCIAL" title="NOME DA REDE SOCIAL"></img></a></div>

URL DA REDE SOCIAL Url em que a Rede Social se localiza por exemplo https://ww.facebook.com ...
IMAGEM DE REDE SOCIAL Url da Imagem que a Rede Social utiliza por exemplo https://i.imgur.com/9Qsog.png
NOME DA REDE SOCIAL O Nome que a Rede Social se identifica por exemplo, Facebook ...

Cordialmente ...

Não funcionou, ele fica no meio da pagina e não no topo na direita

Olá,

Podeira nos enviar a URL do site?

Até Mais.

Aqui:
http://www.toflo.com/category/all/

Mas não é forumeiros

Olá,

Sim, só queria me certificar que era o mesmo sistema simples como:

https://ajuda.forumeiros.com/t15824-

Boa sorte!

Abraços.

Não é isso, não dá pra por Imagens com links, apenas imagens.

Adicione em seu CSS:

#flutuante {
display: scroll;
position: fixed;
left: 15px
top: 20px
}

Vermelho: Altere o tamanho conforme você gosta.

Adicione num HTML:

<img id="flutuante" src="Endereço_da_imagem" ><a href="Endereço_do_site"></a></img>

Vermelho: Endereço imagem
Azul: Endereço site social

Salve.

Resulta?
Cordialmente.

Não entendi a parte do "Adicione num HTML"
Onde extamente eu adiciono o código?

Eu acho que é nesse local:
Painel de Controle --> Módulos --> Gestão das páginas HTML --> Criar uma nova Página.

Lifes escreveu:

Olá,

Siga o Tutorial Abaixo Clicando no Link!
https://ajuda.forumeiros.com/t15824-t



Cordialmente!

Eu quero para colocar imagens com links e não só imagens

@Gabriel_50 escreveu:

Lifes escreveu:

Olá,

Siga o Tutorial Abaixo Clicando no Link!
https://ajuda.forumeiros.com/t15824-t



Cordialmente!

Eu quero para colocar imagens com links e não só imagens

Exatamente você quer um redirecionamento nas imagens correto? Siga o tutorial que dara certo!



Cordialmente!

Olá!

Adicione este código em um widget:

<script type='text/javascript'>jQuery(function() {
jQuery('#navigation a').stop().animate({'marginLeft':'-20px'},1000);
jQuery('#navigation > li').hover(
function () {
jQuery('a',jQuery(this)).stop().animate({'marginLeft':'-2px'},100);
},
function () {
jQuery('a',jQuery(this)).stop().animate({'marginLeft':'-20px'},1000);
}
);
});</script>
<style type="text/css">
/*** Forumactif desenvolvedores - FdF Italiano ***/
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top:30px;
left: 0px;
list-style: none;
z-index:9999;
}
ul#navigation li {
width: 30px;
}
ul#navigation li a {
display: block;
margin-left: -5px;
margin-top: 10px;
width: 45px;
height: 45px;
background-color:#ffffff;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #ffffff;
-moz-border-radius:0px 5px 5px 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-bottom-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity: 0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigation li a:hover {opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
ul#navigation .rss a {
background-image: url(http://aux4.iconpedia.net/uploads/8055727531568015759.png);
}
ul#navigation .facebook a {
background-image: url(http://aux.iconpedia.net/uploads/17713447011803329858.png);
}
ul#navigation .twitter a {
background-image: url(https://i.servimg.com/u/f26/12/56/56/12/344.png);
}
ul#navigation .google a {
background-image: url(http://aux4.iconpedia.net/uploads/8055727531568015759.png);
}
/*** Forumactif desenvolvedores - FdF Italiano ***/
</style>
<ul id="navigation">
<li class="google"><a href="ENDEREÇO_DO_GOOGLE+" target="blank" title="Nome do fórum no Google"></a></li>
<li class="facebook"><a href="ENDEREÇO_DO_FACEBOOK" target="blank" title="Nome do fórum no Facebook"></a></li>
<li class="twitter"><a href="ENDEREÇO_DO_TWITTER" target="blank" title="Nome do fórum no Twitter"></a></li></ul>

Modifique os valores em vermelho pelo endereço da rede social desejada.

Até mais.

é Isso mesmo cara, brigadão véio.

Uma pergunta e pra coloca no lado direito ?