CF - Design
[TUTORIAL]Barra de Parceiros V1odYCf
Ola, Visitante
Bem vindo ao CF Design .
Aqui vc vai Encotrar codigos forumerios e design ..
nosso objetivo e deixar vc sair daqui sabendo designer

"Pra ser designer tem que ser mundo designer"



CF - Design
[TUTORIAL]Barra de Parceiros V1odYCf
Ola, Visitante
Bem vindo ao CF Design .
Aqui vc vai Encotrar codigos forumerios e design ..
nosso objetivo e deixar vc sair daqui sabendo designer

"Pra ser designer tem que ser mundo designer"



CF - Design

CF Design , Trazendo códigos forumeiros para você

Últimos assuntos
» Perfil IPB v1.4-20b - (IPBoard 3.43)
[TUTORIAL]Barra de Parceiros EmptyDom Set 07, 2014 8:59 am por Vyper

» FALIU - FECHADO
[TUTORIAL]Barra de Parceiros EmptySáb Jul 26, 2014 7:42 am por Hiarley Moura

» Procura-se Administradores
[TUTORIAL]Barra de Parceiros EmptySáb maio 31, 2014 7:35 am por Hiarley Moura

» Nossa Staff
[TUTORIAL]Barra de Parceiros EmptySáb Nov 30, 2013 7:44 am por Hiarley Moura

» Manuais Loucos- parceria
[TUTORIAL]Barra de Parceiros EmptyQui Ago 08, 2013 11:57 am por Hiarley Moura

»  [TUTORIAL] Painel de administrador
[TUTORIAL]Barra de Parceiros EmptyTer Jun 18, 2013 1:41 am por Cristhian E.

» Qual é essa skin
[TUTORIAL]Barra de Parceiros EmptySáb Jun 01, 2013 4:55 pm por Hiarley Moura

» [Tutorial] Arco íris em usernames
[TUTORIAL]Barra de Parceiros EmptySáb Jun 01, 2013 1:52 am por Cristhian E.

» [Canidatura] Design Gráfico
[TUTORIAL]Barra de Parceiros EmptySex maio 24, 2013 1:27 pm por Hiarley Moura

Os membros mais ativos da semana
Nenhum usuário

Quem está conectado?
1 usuário online :: 0 registrados, 0 invisíveis e 1 visitante

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 244 em Sáb Abr 10, 2021 11:52 pm
Parceiros

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

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

» Sex maio 24, 2013 12:24 pm Por Hiarley Moura

Hiarley Moura

Administrador
Hiarley Moura


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

[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


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]Créditos :seta2: HugoP.,[F]lames e SH-Design


- Adicionando o Código CSS
Aceda em :

Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: 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;}


- Adicionando o Código JavaScript
Aceda em:

Painel de Controle :seta2: Módulos :seta2: JavaScript * HTML's :seta2: Gestão dos códigos javascripts

Título :seta2: Qualquer um
Investimento :seta2: Em todas as páginas
Código :seta2:


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>');
});


- 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://shdesign.ativoforum.com/forum"><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>';
Para visualização online, clique aqui.


- Resultado
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]




© SH-Design & Best Skins


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL]Barra de Parceiros

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

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