1. TugaTech » Programação, Scripts e Webmasters » Programação, Scripts e Webmasters

Siga-nos

Realize o Login na sua conta ou Registe-se para participar.

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

#1 Transformar menu simples em dropdown - em Dom 17 Jul 2011 - 21:41

MoisesPT

Designer
avatar
Boas,

É possível criar um menú dropdown, usando um menú já todo criado? Se sim, poderão dizer como?

Cumps

Smile

Ver perfil do usuário http://vmoisesp.pt https://www.facebook.com/vmoisesp mhyper_mhyst
conectado

#2 Re: Transformar menu simples em dropdown - em Dom 17 Jul 2011 - 22:48

DJPRMF

Administrador
avatar
Boas,

O melhor é saber qual é o codigo do menu, para se poder editar...

Cumps


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#3 Re: Transformar menu simples em dropdown - em Seg 18 Jul 2011 - 7:35

MoisesPT

Designer
avatar
Boas,

Aqui está o código

Código:
<ul>
          <li class="active"><a href="index.html">Inicio</a></li>
          <li><a href="suporte.html">Suporte</a></li>
          <li><a href="sobre.html">Sobre nós</a></li>
          <li><a href="blog.html">Blog</a></li>
          <li><a href="contacto.html">Contacto</a></li>
        </ul>

E o css, caso seja também necessário..

Código:
.menu_nav {
   margin:0 auto;
   padding:0;
   width:930px;
   height:48px;
   background:url(images/menu.png) repeat-x center top;
}
.menu_nav ul {
   list-style:none;
   height:48px;
   float:left;
}
.menu_nav ul li {
   margin:0;
   padding:0 2px 0 0;
   float:left;
}
.menu_nav ul li a {
   display:block;
   margin:0;
   padding:13px 24px;
   color:#888;
   text-decoration:none;
   font-size:13px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
   color:#fff;
   background:url(images/menu_hover.png) repeat-x center top;
}

Ver perfil do usuário http://vmoisesp.pt https://www.facebook.com/vmoisesp mhyper_mhyst
conectado

#4 Re: Transformar menu simples em dropdown - em Seg 18 Jul 2011 - 10:42

DJPRMF

Administrador
avatar
Boas,

este texto (em inglês) pode ajudar: http://www.alistapart.com/articles/dropdowns

O seu codigo já está criado, mas basta editar conforme o exemplo do link...

Cumps


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#5 Re: Transformar menu simples em dropdown - em Seg 18 Jul 2011 - 12:12

MoisesPT

Designer
avatar
Obrigado, foi um pouco difícil adaptar este código à página, mas acabei por conseguir, obrigado Wink

Ver perfil do usuário http://vmoisesp.pt https://www.facebook.com/vmoisesp mhyper_mhyst

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum




Aplicações do TugaTechAplicações TugaTechBlog TugaTechBlog do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech