Efeito houver nas redes sociais - igual a este :

Qual é minha questão:
Queria colocar redes sociais iguais a este no meu fórum ..
Veja :

https://i.imgur.com/tz0Ty.png

Se preferir :



Links e imagens do meu problema:
https://i.imgur.com/tz0Ty.png

Se preferir :



Endereço do meu fórum:
http://hablong.forumeiros.com

Versão do meu fórum:
PHPBB3

Olá!

Poderia passar o link do site onde você viu isso?

Até mais.

oi Luciano98 tem aqui um,
forum-dix.forumeiros.com
é parecido com o que ele pretende

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

.sharing-cl{list-style:none;margin:-20px 0 0;overflow:hidden;padding:0;width:530px}.sharing-cl a{background:url(https://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;float:left;height:20px;margin-right:5px;overflow:hidden;text-indent:-200px;width:75px}a.sh-su{background-position:-210px -40px}a.sh-feed{background-position:-70px -40px}a.sh-tweet{background-position:-140px -40px}a.sh-mail{background-position:0 -40px}a.sh-digg{background-position:-280px -40px}a.sh-face{background-position:-350px -40px;margin-right:0}a.sh-mail:hover{background-position:0 1px}a.sh-feed:hover{background-position:-70px 1px}a.sh-tweet:hover{background-position:-140px 1px}a.sh-su:hover{background-position:-210px 1px}.sh-digg:hover{background-position:-280px 1px}a.sh-face:hover{background-position:-350px 1px}#text{font-family:helvetica,arial,sans-serif;font-weight:700;margin-top:5px}#text a{color:#999;font-size:11px;height:auto;padding-top:35px;text-align:center;text-decoration:none;text-indent:0}

Valide.

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Em todas as páginas

Codigo JavaScript:

Código:

jQuery(document).ready(function(){jQuery('#page-header .navbar .linklist.navlinks').after('<ul class="sharing-cl" id="text" style=" margin: 0px; float: left; "> <li><a target="_blank" class="sh-mail" href="mailto:?subject=Este fórum merece a sua atenção!&amp;body=http://forum-dix.forumeiros.com/">Email</a></li> <li><a target="_blank" class="sh-feed" href=" /feed">RSS</a></li> <li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Eai galera, estou num fórum bem legal. Entrem aí! http://forum-dix.forumeiros.com/">Twitter</a></li> <li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u=http://forum-dix.forumeiros.com/">Facebook</a></li> <li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url=http://forum-dix.forumeiros.com/">Stumbleupon</a></li> <li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&amp;url=http://forum-dix.forumeiros.com/">Digg</a></li> </ul>')});

Clique em "Confirmar".

Até mais.