Botões das redes sociais

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

Resolvido Botões das redes sociais

Mensagem por ♦stefan♦ em 25/02/12, 09:34 pm

Qual é minha questão:
Gostaria de saber como colocar os botões do twitter/orkut/youtube, do seguinte fórum. www.forum-frito.forumeiros.com , no menu tem um botão e quando passamos por cima e faz o mause ir pra cima, o botão vai junto... gostaria desse codigo...

Medidas que eu tomei para corrigir o problema:
Nenhum

Links e imagens do meu problema:
http://i.imgur.com/62Qew.jpg Normal...
http://i.imgur.com/2u7sR.jpg Quando empurramos o mause para cima...

Endereço do meu fórum:
www.war-design.forumeiros.com

Versão do meu fórum:
PHPBB3

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Resolvido Re: Botões das redes sociais

Mensagem por iPrompt em 25/02/12, 09:42 pm

Bom tente utilizar este Código

Código:
<div style="margin:auto;text-align:center;width:100%"><img style="visibility:hidden;width:0px;height:0px;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjc3MDQ4NDgwMjEmcHQ9MTMyNzcwNDg2NDc5NSZwPTUzMTUxJmQ9Jmc9MSZvPWY*OGI5Y2I4OWNmZjRiYWU5MTdk/YWRmMmFiZWVlZGYw.gif" border="0" height="0" width="0"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" name="chat" flashvars="id=165667315" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" align="middle" height="371" width="900"><br></div>

        <style>#page-header .navbar ul.linklist.navlinks{z-index:1}#redesociais{position:absolute;top:293px;right:55px}#redesociais a:hover{position:relative;top:-25px}</style><div id="redesociais"><a href="http://www.facebook.com/pages/Forum-Fritoforumeiroscom/270579949633697" target="_blank"><img src="http://img853.imageshack.us/img853/1130/facebookmkm.png" height="37" width="37"></a><a href="http://twitter.com/#%21/ForumFrito" target="_blank"><img src="http://img32.imageshack.us/img32/980/twitterfsk.png" height="38" width="38"></a><a href="http://www.youtube.com/user/forumfrito?feature=mhee" target="_blank"><img src="http://img705.imageshack.us/img705/9003/youtubebb.png" height="36" width="36"></a><a href="BREVEMENTE" target="_blank"><img src="http://img192.imageshack.us/img192/1020/bloggeraw.png" height="37" width="37"></a></div>

<script language="JavaScript">
    <!--
    var mensagem="";
    function clickIE() {if (document.all) {(mensagem);return false;}}
    function clickNS(e) {if
    (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {alert ("» FORUM FRITO PROTEGIDO «")(mensagem);return false;}}}
    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
    document.oncontextmenu=new Function("return false")
    // -->
    </script>
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Botões das redes sociais

Mensagem por Troubleshoot em 28/02/12, 04:24 pm

Olá , quero informar que se você adicionar o código que o @Coper postou , não ira funcionar em nada e ira "bugar" seu fórum !

Aqui esta o código certo:
Código:
#page-header .navbar ul.linklist.navlinks{z-index:1}#redesociais{position:absolute;top:293px;right:55px}#redesociais a:hover{position:relative;top:-25px}
Aceda a ,
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilho CSS


Depois de colocar o código na folha css , coloque este outro código
<div id="redesociais"><a href="SEU FACEBOOK AQUI" target="_blank"><img src="http://img853.imageshack.us/img853/1130/facebookmkm.png" height="37" width="37"></a><a href="SEU TWITTER AQUI" target="_blank"><img src="http://img32.imageshack.us/img32/980/twitterfsk.png" height="38" width="38"></a><a href="SEU YOUTUBE AQUI" target="_blank"><img src="http://img705.imageshack.us/img705/9003/youtubebb.png" height="36" width="36"></a><a href="SEU BLOG AQUI" target="_blank"><img src="http://img192.imageshack.us/img192/1020/bloggeraw.png" height="37" width="37"></a></div>
[color=red]Vermelho[/red] : Coloque os links !

Aceda a ,
Painel de Controle Seta Visualização Seta Home Page Seta Geral :

Mensagem na Página Inicial.
Assunto da mensagem : Deixe em branco
Conteúdo da mensagem. : Cole aqui o código trabalhado acima.

Caso queira colocar o código em todas as páginas do fórum aceda a ,
Painel de Controle Seta Geral Seta Mensagens e e-mails Seta Anúncios ->
Opções gerais para anúncios
Ativar os anúncios : Marque sim
Exibição dos anúncios : Marque a opção "Todas as páginas"
Scrolling : Marque a opção "Desativar"

Depois clique no Adicionar ->
Anúncios
Nome : Redes sociais (Fica a escolha)
Conteúdo * : Cole aqui o código trabalhado acima.

Resulta ?

Até mais.Piscada

avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2202
Pontos Ativos : 2947

Ver perfil do usuário http://guiatecnico.ativo-forum.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