Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


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

#1
 'Fusion

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



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.


Endereço de Contato: samuca_akira@hotmail.com

Link, Site ou Forum: http://weescheats.forumeiros.com/
Ver perfil do usuário samuca_akira@hotmail.com

#2
 D'Leandro™

avatar
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".
Ver perfil do usuário

#3
 'Fusion

avatar
Membro
Pronto tentei arrumar ve se esta bom.

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#4
 D'Leandro™

avatar
Fundador
Tutorial Aceito;
Este tutorial foi aceito e movido para a área correspondente!
Ver perfil do usuário

#5
 'Fusion

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

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#6
 Conteúdo patrocinado