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 »  » Suporte » Resolvidos

#1
 Bookmarlucas654

Bookmarlucas654
Membro
Eu queria o seguinte efeito. Ter um menu deslizante(com o menu original). Assim, ele ficará no topo do fórum, e quando abaixar a barra de rolagem, ele seguir junto.

Teria como ser como neste site?
www.habbid.com.br

Ps.: Este site não é da forumeiros, mas eu queria este menu(nem se seja para ocultar o normal, e criar um JS para este novo menu).

Tem como ser igual ao deste site?

#2
 D'Leandro™

D'Leandro™
Fundador
Tem como criar um semelhante!
Isso levará algum tempo!
Irei trabalhar no código, peço que aguarde!

#3
 D'Leandro™

D'Leandro™
Fundador
Código CSS
Código:
#cssmenu ul {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(http://cssmenumaker.com/sites/default/files/menu/69/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}
#cssmenu li {
display:block;
float:left;
margin:0;
padding:0;
}
#cssmenu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
font-size: 11px;
}
#cssmenu li a:hover,
#cssmenu .active {
color:#fff;
background:url(http://cssmenumaker.com/sites/default/files/menu/69/bg.png) repeat-x top left;
text-decoration:none;
}
#cssmenu .active a {
color:#fff;
font-weight:700;
}
#cssmenu ul{
background-color:#629600;
}
#cssmenu li a:hover,
#cssmenu li.active {
background-color:#7AB900;
}

WidGet 1
: Desmarque "Convidados"

Código:
<script type="text/javascript" src="http://dl.dropbox.com/u/30158660/blogger-widgets/assinar-feed2.js"></script><div id="feed" style="visibility: hidden;
  position: fixed;
  left: 500px;
  top: 0px;"><div id='cssmenu'>
<ul>
  <li class='active'><a href='http://habbojoy.forumeiros.com/forum'><span>Início</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/portal'><span>Portal</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/groups'><span>Grupos</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/profile?mode=editprofile'><span>Perfil Pessoal</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/privmsg?folder=inbox'><span>Menságens Privadas</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/h14-testes-de-html'><span>Teste HTML</span></a></li>
  <li class='last'><a href='http://habbojoy.forumeiros.com/login?logout=1&tid=27245340eb59b139f1aa50c3eee453d7&key=f786d0'><span>Sair</span></a></li>
</ul>
</div>

WidGet 2.
: Marque Apenas "Convidados"

Código:
<script type="text/javascript" src="http://dl.dropbox.com/u/30158660/blogger-widgets/assinar-feed2.js"></script><div id="feed" style="visibility: hidden;
  position: fixed;
  left: 500px;
  top: 0px;"><div id='cssmenu'>
<ul>
  <li class='active'><a href='http://habbojoy.forumeiros.com/forum'><span>Início</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/portal'><span>Portal</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/groups'><span>Grupos</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://habbojoy.forumeiros.com/login'><span>Entrar</span></a></li>
  <li class='last'><a href='http://habbojoy.forumeiros.com/register?agreed=true&step=2'><span>Registrar-se</span></a></li>
</ul>
</div>

Resulta?

#4
 Bookmarlucas654

Bookmarlucas654
Membro
Desculpas Leandro, sei que foi trabalhoso e etc... mas isso não parece com o do site que te passei poxa ;s

#5
 D'Leandro™

D'Leandro™
Fundador
A aparência é quase impossível de recriar, e eu não tenho os acessos para isto, lamento, mas os efeitos e a rádio, prescisa de códigos mais específicos, que eu não tenho conhecimentos.

#6
 Bookmarlucas654

Bookmarlucas654
Membro
Há, sem problemas amigo, não se preocupa. Este já guardei no meu fórum. Então, caso resolvido! =)

Resolvido: Caso reste alguma dúvida clique aqui.

#7
 Conteúdo patrocinado