Menu horizontal com sub menus

Início
Ant
1
Próximo
Fim

ridabe
Autor do Tópico
Offline
JCB! Estagiário

Mais

14 anos 9 meses atrás #11554 por ridabe

ridabe created the topic: Menu horizontal com sub menus

Gostaria de por submenus no meu menu horizontal, alguem pode me ajudar

O codigo do meu css é este:

/* Phoca Template -  www.phoca.cz  */
* {
padding: 0;
margin: 0;
}

html {
background:#6b8fb3;
}

body {
text-align: center;
font-size: 75%;
font-family: Arial, sans-serif, Verdana, Helvetica;
line-height: 1.5;
background:#fff;
}
#site {
background: url('../images/bg.png') repeat-x 0 0;
padding:0;
margin:0
}

h1, h2, h3, h4, h5, h6, blockquote, label, ul, ol, dl, fieldset, address {
margin: 0.5em 0;
}
form {
margin:0;padding:0;
}

a img {
border: 0px;
}

li, dd {
margin-left: 1em;
}
ul li {
list-style-type:circle;
}

fieldset {
padding:5em;
}

td {
padding:1px;
}

#wrap {
min-width: 960px;
max-width: 960px;
width: auto !important;
width: 960px;
margin: 0 auto;
text-align: left;
}

#header {
/*background:#fff url(../images/hbg.jpg) 0 0 no-repeat;*/
position:relative;
height:180px;
margin-top:0px;
margin-bottom:5px;
color:#fff;
}
#header .logo {
margin-top:20px;
}
#header h1 {
font-variant: small-caps;
font-stretch: expanded;
padding-left: 20px;
color:#fff;
font-weight: bold;
font-size: 50px;
}
#header input {
background: url('../images/search.png') no-repeat;
height: 22px;
width: 168px;
padding: 2px;
font-size:1em;
color:#fff;
border:1px solid #fff
}
#header .search {
position:absolute;
top: 30px;
right:20px;
color:#fff;
}

#header .banner {
position:absolute;
top: 68px;
right:20px;
color:#fff;
}

#leftcol {
float:left;
width:23%;
overflow:hidden;
}
#content {
float:left;
width: 54%;
}

#content1 {
position:relative;
float:left;
width: 54%;
overflow:visible;
}

#content2 {
position:relative;
float:left;
width: 77%;
overflow:visible;
}
#content3 {
position:relative;
float:left;
width: 100%;
overflow:visible;
}

#rightcol {
position:relative;
float:left;
width:23%;
overflow:visible;

}
#footer {
clear:both;
background: url('../images/bgf.png') repeat-x 0 0;
height:76px;
text-align:center;
margin:0;padding:0
}

#footer .box {
padding:0;
padding-top: 30px;
margin:0;
}
#top {
padding:5px 10px 5px 10px;
margin:0px;
}
#top .box {
padding:0;
margin:0;
color:#000;
background:#fff;
}

#bottom {
clear:both;
padding:10px 10px;
margin:5px 10px;
background:#fff;
border-top:1px dotted #6e8fb3;
border-bottom:1px dotted #6e8fb3;
}

#user {
clear:both;
padding:10px;
}

.box {
padding:10px;
}

/* --- */

#leftcolbg {

}

#rightcolbg {

}

a {color: #6e8fb3;}
a:link {color: #6e8fb3;}
a:hover {color: #596C80;}

h1, .contentheading, .componentheading, .contentpagetitle {
color: #6e8fb3;
font-weight:bold;
font-size:1.5em;
}
h2 {font-size: 1em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

hr {
border:1px solid #6e8fb3;
}
fieldset {
padding: 0.3em;
border: 0px;
}

#footer, .small, .createdate, .modifydate {
font-size:0.8em;
color: #ACB6BF;
}
#footer a {
color:#fff;
}
.module {
margin-bottom: 1em;
padding: 0 10px;
padding-bottom: 5px;
border: 5px solid #f00;
text-align:left;
}

.module h3 {
background: #f00;
color: #fff;
padding: 0.25em 0.5em;
text-align: center;
font-size: 1.1em;
margin: 2px -8px 0.5em -8px;
text-align: left;

}

.module_menu {
padding:0;
margin-bottom: 1.6em;
color: #f00;
}

.module_menu2 {
padding:0;
margin-bottom: 1.6em;
}

.module_menu h3 {
background: #f00;
color: #f00;
padding: 0.25em 0.5em;
text-align: left;
font-size: 1.1em;
margin: 0;
border-bottom: 1px solid #fff;

}

.module_menu ul {
list-style: none;
margin: 0;
padding: 0;
}

.module_menu li {
border-bottom: 1px solid #fff;
margin: 0;
list-style:none;
}

.module_menu li a {
display: block;
padding: 3px 5px 3px 0.5em;
border-left: 10px solid #ACB6BF;
background-color: #6090BF;
color: #f00;
text-decoration:none;
}

html>body .module_menu li a {
width: auto;
}
.module_menu li a:hover, a#active_menu:link, a#active_menu:visited {
border-left: 10px solid #6090bf;
background-color: #677D93;
color:#f00;
}

.module_menu #current a {
border-left: 10px solid #6090bf;
background-color: #677D93;
color:#fff;
}

/*sub*/
.module_menu ul li ul li a{
display: block;
padding: 3px 5px 3px 1.0em;
border-left: 20px solid #6e8fb3;
background-color: #6E8FB3;
color: #fff;
text-decoration:none;
border-top: 1px solid #fff;
}

.module_menu ul #current ul li a{
display: block;
padding: 3px 5px 3px 1.0em;
border-left: 20px solid #ACB6BF;
background-color: ##6090BF;
margin:0 0 -1px 0;
color:#fff;
}

.module_menu ul li ul #current a{
display: block;
padding: 3px 5px 3px 1.0em;
border-left: 20px solid #6090bf;
background-color: #677D93;
border-bottom:1px solid #677D93;
margin:0 0 -1px 0;
color:#fff;
}

#header .module {
margin-bottom: 0em;
padding: 0; border: 0px;
}

#mainlevel-nav {
list-style:none;
float:right;
margin:0;
padding:0;
width:100%;
list-style-type:none;
position:absolute;
bottom:-10px;
right:8px;
}

#mainlevel-nav li {
list-style:none;
float:right;
margin:0;
padding:0px;
}

#mainlevel-nav a:link, #mainlevel-nav a:visited {
float:left;
display:block;
color:#000;
text-decoration:none;
margin:0 2px;
padding:7px 8px 5px 8px;
border: 2px solid #6b8fb3;
background:#e6f2ff;
}

#header #active_menu-nav, #mainlevel-nav #current a {
float:left;
display:block;
color:#000;
text-decoration:none;
margin:0 2px;
padding:7px 8px 5px 8px;
border: 2px solid #6b8fb3;
background:#fff;
}

#mainlevel-nav #current {
background:#fff;
}

#mainlevel-nav li a:hover {
background:#fff;
}

.pagination span, .pagination a, .pagination strong{
margin:0 3px;
}
/** overlib **/
.ol-foreground {
background-color: #f0f0f0;
}
.ol-background {
background-color: #d6d6d6;
}
.ol-textfont {}
.ol-captionfont {
color: #ffffff;
font-weight: bold;
}
.ol-captionfont a {}

.ol-closefont {}

#modlgn_username {
width:160px;
}
#modlgn_passwd {
width:160px;
}

Please Entrar ou Registrar to join the conversation.