Como coloco botoes de redes sociais

+3
Ace
[F]lames
@Gabriel_50
7 participantes

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

Tópico resolvido Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 28.10.12 18:26

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


Última edição por @Gabriel_50 em 01.11.12 19:49, editado 1 vez(es)
@Gabriel_50

@Gabriel_50
***

Membro desde : 27/08/2011
Mensagens : 197
Pontos : 285

http://monsterhunterhelper.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por [F]lames 28.10.12 20:51

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 https://ww.facebook.com ...
IMAGEM DE REDE SOCIAL Seta Url da Imagem que a Rede Social utiliza por exemplo https://i.imgur.com/9Qsog.png
NOME DA REDE SOCIAL Seta O Nome que a Rede Social se identifica por exemplo, Facebook ...

Cordialmente ...
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 28.10.12 21:36

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

@Gabriel_50
***

Membro desde : 27/08/2011
Mensagens : 197
Pontos : 285

http://monsterhunterhelper.web-rpg.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por Ace 28.10.12 21:37

Olá,

Podeira nos enviar a URL do site? Piscada

Até Mais.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 28.10.12 21:40

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

Mas não é forumeiros
@Gabriel_50

@Gabriel_50
***

Membro desde : 27/08/2011
Mensagens : 197
Pontos : 285

http://monsterhunterhelper.web-rpg.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por Ace 28.10.12 21:56

Olá,

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

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

Boa sorte! Piscada

Abraços.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 29.10.12 21:06

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

@Gabriel_50
***

Membro desde : 27/08/2011
Mensagens : 197
Pontos : 285

http://monsterhunterhelper.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por VitorC. 29.10.12 21:41

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

VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 30.10.12 20:28

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

@Gabriel_50
***

Membro desde : 27/08/2011
Mensagens : 197
Pontos : 285

http://monsterhunterhelper.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por MasK 01.11.12 11:35

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

MasK
**

Membro desde : 30/10/2012
Mensagens : 76
Pontos : 117

http://brasilsuperstars.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por bean 01.11.12 12:09

Olá,

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



Cordialmente! Piscada
bean

bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 01.11.12 13:13

Lifes escreveu:
Olá,

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



Cordialmente! Piscada

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

@Gabriel_50
***

Membro desde : 27/08/2011
Mensagens : 197
Pontos : 285

http://monsterhunterhelper.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por bean 01.11.12 13:16

@Gabriel_50 escreveu:
Lifes escreveu:
Olá,

Siga o Tutorial Abaixo Clicando no Link!
:seta2: https://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
bean

bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por Josh 01.11.12 13:54

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

Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por @Gabriel_50 01.11.12 14:16

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

@Gabriel_50
***

Membro desde : 27/08/2011
Mensagens : 197
Pontos : 285

http://monsterhunterhelper.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco botoes de redes sociais

Mensagem por MasK 01.11.12 20:23

Uma pergunta e pra coloca no lado direito ?
MasK

MasK
**

Membro desde : 30/10/2012
Mensagens : 76
Pontos : 117

http://brasilsuperstars.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos