Fórum iBlue
[TUTORIAL]Barra de Parceiros Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[TUTORIAL]Barra de Parceiros Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


Você não está conectado. Conecte-se ou registre-se

Fórum iBlue » Outros Serviços » Suporte Forumeiros » Faqs e Tutoriais » Tutoriais » [TUTORIAL]Barra de Parceiros

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

T-Lord

1[TUTORIAL]Barra de Parceiros Empty [TUTORIAL]Barra de Parceiros Sex 19 Abr 2013 - 18:01

T-Lord
Administrador
[TUTORIAL]Barra de Parceiros New_ic10
[TUTORIAL]Barra de Parceiros

Neste tutorial estarei ensinando a como colocar um sistema de Barra de Parceiros no final da página.



--> Tutoriais, dicas e astúcias <--
[TUTORIAL]Barra de Parceiros


[TUTORIAL]Barra de Parceiros Act_bottomCréditos [TUTORIAL]Barra de Parceiros 3408902447 HugoP.,[F]lames e SH-Design


1º - Adicionando o Código CSS
Aceda em :

Painel de Controle [TUTORIAL]Barra de Parceiros 3408902447 Visualização [TUTORIAL]Barra de Parceiros 3408902447 Imagens e Cores [TUTORIAL]Barra de Parceiros 3408902447 Cores [TUTORIAL]Barra de Parceiros 3408902447 Folha de Estilo CSS

E copie e cole este código dentro de sua folha de estilo:

Código:

#secondary_navigation:hover {top: 83.4% !important;height: 148px !important;-webkit-transition: all .5s;}
#secondary_navigation .wrapper marquee * {cursor: pointer;margin-right: 6px;}

2º - Adicionando o Código JavaScript
Aceda em:

Painel de Controle [TUTORIAL]Barra de Parceiros 3408902447 Módulos [TUTORIAL]Barra de Parceiros 3408902447 JavaScript * HTML's [TUTORIAL]Barra de Parceiros 3408902447 Gestão dos códigos javascripts

Título [TUTORIAL]Barra de Parceiros 3408902447 Qualquer um
Investimento [TUTORIAL]Barra de Parceiros 3408902447 Em todas as páginas
Código [TUTORIAL]Barra de Parceiros 3408902447
Código:

jQuery(document).ready(function() {
 
 var parc='<a href="http://shdesign.ativoforum.com/forum"><img
src="http://i15.servimg.com/u/f15/17/71/75/73/115.png"></a>';
 
 jQuery('body').prepend('<div id="secondary_navigation"
class="clearfix stickyTop" style="background: rgba(0, 0, 0, 0.8);
position: fixed; width: 100%; top: 95.4%; left: 0; z-index:
9999999;font-size: 11px; text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 1px;
line-height: 37px; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px;
border-bottom: 1px solid #0D0D0D; overflow: hidden; color: #4E565E;
font: normal 11px "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
-webkit-transition: all .5s; height: 41px;"><div class="wrapper"
style="margin: 0 auto; min-width: 980px; max-width: 1600px; width: 90%;
padding: 11px; text-align: center; color: white; font-size:
14px;"><span
style="">Parceiros</span><br><br><br><marquee
 direction="right"
speed="5">'+parc+'</marquee></div></div>');
});

3º - Adicionando o banner
Para adicionar mais parceiros ou editar um banner, localize isto no código:

Código:

  var parc='<a
href="http://shdesign.ativoforum.com/forum"><img
src="http://i15.servimg.com/u/f15/17/71/75/73/115.png"></a>';

E antes da aspa simples seguida do ponto e vírgula ( '; ) adicione este formulário:
Código:

<a href="LINK_DO_FÓRUM_DO_BANNER"><img src="LINK_DO_BANNER"></a>

Exemplo:
Código:

  var parc='<a
href="http://www.zonetoony.net/"><img
src="http://i15.servimg.com/u/f15/17/71/75/73/115.png"></a><a
 href="LINK_DO_FÓRUM_DO_BANNER"><img
src="LINK_DO_BANNER"></a>';

4º - Resultado


[TUTORIAL]Barra de Parceiros 4QrJHFn


[TUTORIAL]Barra de Parceiros 4c7ebb2ca8bf42da9f42449

http://www.zonetoony.net/

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Fórum iBlue » Outros Serviços » Suporte Forumeiros » Faqs e Tutoriais » Tutoriais » [TUTORIAL]Barra de Parceiros

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