Como coloco botoes de redes sociais

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

Resolvido Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 em 28/10/12, 04:26 pm

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:
Http://i41.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


Última edição por @Gabriel_50 em 01/11/12, 05:49 pm, editado 1 vez(es)
avatar

@Gabriel_50
Nível 9

Masculino
Inscrito dia : 27/08/2011
Mensagens : 197
Pontos Ativos : 285

Ver perfil do usuário http://monsterhunterhelper.web-rpg.com/

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por [F]lames em 28/10/12, 06:51 pm

Olá,

Vou lhe ensinar um Modo sem o uso de JS ...
Aceda á :
Painel de Controle Seta Visualização Seta Home Page Seta Geral :seta2: 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 Seta Url em que a Rede Social se localiza por exemplo http://ww.facebook.com ...
IMAGEM DE REDE SOCIAL Seta Url da Imagem que a Rede Social utiliza por exemplo http://i.imgur.com/9Qsog.png
NOME DA REDE SOCIAL Seta O Nome que a Rede Social se identifica por exemplo, Facebook ...

Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 em 28/10/12, 07:36 pm

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

@Gabriel_50
Nível 9

Masculino
Inscrito dia : 27/08/2011
Mensagens : 197
Pontos Ativos : 285

Ver perfil do usuário http://monsterhunterhelper.web-rpg.com/

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por Ace em 28/10/12, 07:37 pm

Olá,

Podeira nos enviar a URL do site? Piscada

Até Mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 em 28/10/12, 07:40 pm

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

Mas não é forumeiros
avatar

@Gabriel_50
Nível 9

Masculino
Inscrito dia : 27/08/2011
Mensagens : 197
Pontos Ativos : 285

Ver perfil do usuário http://monsterhunterhelper.web-rpg.com/

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por Ace em 28/10/12, 07:56 pm

Olá,

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

Flecha ajudeiros http://ajuda.forumeiros.com/t15824-

Boa sorte! Piscada

Abraços.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 em 29/10/12, 07:06 pm

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

@Gabriel_50
Nível 9

Masculino
Inscrito dia : 27/08/2011
Mensagens : 197
Pontos Ativos : 285

Ver perfil do usuário http://monsterhunterhelper.web-rpg.com/

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por VitorC. em 29/10/12, 07:41 pm

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

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

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

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 em 30/10/12, 06:28 pm

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

@Gabriel_50
Nível 9

Masculino
Inscrito dia : 27/08/2011
Mensagens : 197
Pontos Ativos : 285

Ver perfil do usuário http://monsterhunterhelper.web-rpg.com/

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por MasK em 01/11/12, 09:35 am

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

MasK
Nível 6

Masculino
Inscrito dia : 30/10/2012
Mensagens : 76
Pontos Ativos : 117

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

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por bean em 01/11/12, 10:09 am

Olá,

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



Cordialmente! Piscada
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 em 01/11/12, 11:13 am

Lifes escreveu:
Olá,

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



Cordialmente! Piscada

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

@Gabriel_50
Nível 9

Masculino
Inscrito dia : 27/08/2011
Mensagens : 197
Pontos Ativos : 285

Ver perfil do usuário http://monsterhunterhelper.web-rpg.com/

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por bean em 01/11/12, 11:16 am

@@Gabriel_50 escreveu:
Lifes escreveu:
Olá,

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



Cordialmente! Piscada

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! Estilo cool
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por Josh em 01/11/12, 11:54 am

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(http://i26.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.
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 em 01/11/12, 12:16 pm

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

@Gabriel_50
Nível 9

Masculino
Inscrito dia : 27/08/2011
Mensagens : 197
Pontos Ativos : 285

Ver perfil do usuário http://monsterhunterhelper.web-rpg.com/

Resolvido Re: Como coloco botoes de redes sociais

Mensagem por MasK em 01/11/12, 06:23 pm

Uma pergunta e pra coloca no lado direito ?
avatar

MasK
Nível 6

Masculino
Inscrito dia : 30/10/2012
Mensagens : 76
Pontos Ativos : 117

Ver perfil do usuário http://brasilsuperstars.forumeiros.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