Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 'Fusion

'Fusion
Membro
Redes Sociais no Inicio do fórum

Neste tutorial você irá aprender a adicionar botões de redes sociais ao lado da logo de seu fórum.

Nº1) Adicionando as redes sociais

Painel de Controle >>> Módulos >>> Gestão dos widgets do fórum >>> Criar Widget Personalizado

Nome Do WidGet:Qualquer nome

Utilizar um table type : Não

Título do widget:Qualquer Nome

Fonte do widget :O Código vem a seguir

Procura por "Conteúdo da mensagem. : " e então adicione o código abaixo

Código:
<!-- Criado por Quakeline Não retire os créditos -->
<!-- Social buttons BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="top: -2px;left: 890px;position: absolute!important;  "><a href="LINK_FACEBOOK">
<img src="http://cdn1.iconfinder.com/data/icons/social/32/picons36.png"></a><a href="LINK_TWITTER">
<img src="http://cdn1.iconfinder.com/data/icons/social/32/picons33.png"></a><a href="LINK_YOUTUBE">
<img src="http://cdn1.iconfinder.com/data/icons/social/32/picons36.png"></a><a href="LINK_FEED"><img src="http://cdn1.iconfinder.com/data/icons/social/32/picons50.png"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-508026444f9fda97"></script>
<!-- Social buttons END -->
<!-- Criado por Quakeline Não retire os créditos -->

Caso não fique ao lado da logo siga os passos abaixo para posicionar ao seu gosto

Nº2) Alterando posição das Redes Sociais


2px;left: 890px;position: absolute!important; ">

Vermelho: Caso deseja um pouco mais para cima ou um pouco mais para baixo é só alterar até que fique como deseja
Azul: Caso deseja um pouco mais para o lado Direito ou Esquerdo é só ir alterando até que fique como deseja

3°) Resultado:

[Tutorial] Redes Sociais no Logo do fórum SQepOIf

PERGUNTAS E RESPOSTAS DO TUTORIAL

  • Não esta funcionando na minha versão
    Se não estiver funcionando por favor responde o tópico que eu estarei atualizando o tutorial.


Creditos Por Compartilhar.

[Tutorial] Redes Sociais no Logo do fórum LPhCrZU

[Tutorial] Redes Sociais no Logo do fórum Images11 Endereço de Contato: samuca_akira@hotmail.com

[Tutorial] Redes Sociais no Logo do fórum Downlo10 Link, Site ou Forum: http://weescheats.forumeiros.com/

#2
 D'Leandro™

D'Leandro™
Fundador
Atenção: Faça a formatação correta de seu tutorial.


Dicas:
- Verifique se tags como center, div, etc estão abertas e fechadas corretamente.
- Utilize espaços para separar textos unidos.
- Apague um dos "campos de contatos".

#3
 'Fusion

'Fusion
Membro
Pronto tentei arrumar ve se esta bom.

#4
 D'Leandro™

D'Leandro™
Fundador
Tutorial Aceito;
Este tutorial foi aceito e movido para a área correspondente!

#5
 'Fusion

'Fusion
Membro
Ok em breve estarei postando novos tutoriais para vocês.

#6
 Conteúdo patrocinado