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 para baixo  Mensagem [Página 1 de 1]

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

MoisesPT

Designer
MoisesPT
Boas,

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

Cumps

Smile

http://vmoisesp.pt https://www.facebook.com/vmoisesp mhyper_mhyst

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

DJPRMF

Administrador
DJPRMF
Boas,

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

Cumps


____________________________________________

Transformar menu simples em dropdown Tugatechuserbar
Transformar menu simples em dropdown 3
Transformar menu simples em dropdown 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

MoisesPT

Designer
MoisesPT
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;
}

http://vmoisesp.pt https://www.facebook.com/vmoisesp mhyper_mhyst

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

DJPRMF

Administrador
DJPRMF
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


____________________________________________

Transformar menu simples em dropdown Tugatechuserbar
Transformar menu simples em dropdown 3
Transformar menu simples em dropdown 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

MoisesPT

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

http://vmoisesp.pt https://www.facebook.com/vmoisesp mhyper_mhyst

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




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