Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.


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

 » Serviços para Usuários » Suporte a fóruns » Arquivo "Suporte a fóruns" »  Banner Personalizado Flutuante

Banner Personalizado Flutuante

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1 Banner Personalizado Flutuante Empty Banner Personalizado Flutuante Sáb Set 21, 2013 9:50 am

d0C

d0C
Nivel 6

Link do fórum: http://corrente-grafica.forumeiro.com/

Versão: PUNBB

Imagens do problema: Banner Personalizado Flutuante 5f4c710e

Descrição do problema: Olá mais uma vez a todos os meus amigos! Smile
Bem neste caso o que eu desejava era colocar o meu banner (a imagem em baixo) flutuante.
Quando começar a descer a partir de um certo ponto ele aparece com um efeito de Opacidade, o banner fica com metade (50%) da opacidade, e quando se passa o mouse por cima ele volta com opacidade de 100%.

Neste caso tenho um exemplo: http://skydesign.ativoforum.com/forum

2 Banner Personalizado Flutuante Empty Re: Banner Personalizado Flutuante Dom Set 22, 2013 7:14 am

d0C

d0C
Nivel 6

UP! Wink

3 Banner Personalizado Flutuante Empty Re: Banner Personalizado Flutuante Seg Set 23, 2013 9:20 am

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Não pude perceber o efeito o fórum citado.. Tem certeza que tem nele?

Até...

http://programando.forum-pro.net

4 Banner Personalizado Flutuante Empty Re: Banner Personalizado Flutuante Seg Set 23, 2013 12:17 pm

d0C

d0C
Nivel 6

No Fórum, não no portal, quando começa a descer para baixo no fórum, um menu aparece por cima.
Era isso que eu desejava.

Cumprimentos.

5 Banner Personalizado Flutuante Empty Re: Banner Personalizado Flutuante Qui Set 26, 2013 7:28 pm

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Em teu overall_header, procure por:
Código:
<head>
Abaixo dessa tag, adicione:
Código:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js" />
<script type="text/javascript">    jQuery(document).ready(function($){
       
        var nav = $('.nav-total');
       
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                nav.addClass("f-nav");
            } else {
                nav.removeClass("f-nav");
            }
        });
   
    });
</script>
<style type="text/css">    #nav-total  {
        width:100%;
    height:60px;
    background: #1F2D4B url("https://googledrive.com/host/0B0lH74zeTt3qb21qZDU3cTQ5ckU/triangles.png") repeat;
    }
    .nav-total  {
    height:60px;
    background: #1F2D4B url("https://googledrive.com/host/0B0lH74zeTt3qb21qZDU3cTQ5ckU/triangles.png") repeat;
    }
    .f-nav  {
      z-index: 9999;
    position: fixed;
    top: 0; width:100%;
    }
    nav  {
        width:950px;
    height:60px;
    background: #1F2D4B url("https://googledrive.com/host/0B0lH74zeTt3qb21qZDU3cTQ5ckU/triangles.png") repeat;
    margin:0 auto;
    }
    nav ul  li{
      display:inline;
      float:left;
    }
    nav ul li a,
    nav ul li a:visited  {
      color:#FFF;
      font-family: 'Electrolize', sans-serif;
      font-size:25px;
      text-transform:uppercase;
      float:left;
      font-weight:bolf;
      margin:0 10px 0 5px;
      line-height:60px;
    } 
    nav ul li a:hover  {
        color:#437CB6;
   
    }</style>
Ainda no template, procure por:
Código:
</head>
Abaixo, da tag acima, adicione:
Código:
    <div class="nav-total">
          <nav>
          <ul>
          <li><a href="#">O</a></li>
          <li><a href="#">au</a></li>
      <li><a href="#">é...,</a></li>
      <li><a href="#">grande...,</a></li>
      <li><a href="#">e você leu...,</a></li>
      <li><a href="#">isso porque?</a></li>
      </ul>
      <div class="clear"></div>
        </nav>
      </div>
Até mais.



Última edição por Cʀɑzy em Sex Set 27, 2013 8:37 am, editado 1 vez(es)

http://programando.forum-pro.net

6 Banner Personalizado Flutuante Empty Re: Banner Personalizado Flutuante Sex Set 27, 2013 5:28 am

d0C

d0C
Nivel 6

Cara eu já tinha visto esse mesmo efeito, e não é isso que eu pretendia.
Eu queria fosse o menu do meu forum, e não um novo menu.

Cumprimentos.

7 Banner Personalizado Flutuante Empty Re: Banner Personalizado Flutuante Sex Set 27, 2013 8:48 pm

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Mande o 'html' do seu menu..

Até..

http://programando.forum-pro.net

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

 » Serviços para Usuários » Suporte a fóruns » Arquivo "Suporte a fóruns" »  Banner Personalizado Flutuante

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