Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 22
Sexo: Masculino
Localização: Bahia/Carinhanha/Brasil
Contato:

Menu horizonal, colocar submenu

07-12-2008 23:19

Ola, tenho um menu horizonal normal, e gostaria de colocar submenu neles, alguém poderia min ajudar??, segue o codigo abaixo.

HTML
<vte:template> <div class="menu_holder" style="position:relative;"><span id="menu_categories"> <a href="categories.php"> Categorias </a> </span> <span id="menu_articles"> <a href="articles.php"> Artigos </a> </span> <span id="menu_pages"> <a href="pages.php"> Paginas </a> </span> <vte:if test="{VIVVO_COMMENTS_ENABLE}"> <span id="menu_comments"> <a href="comments.php"> Comentarios </a> </span> </vte:if> <vte:if test="{VIVVO_USER_SOURCE} = 'vivvo@localhost'"> <span id="menu_users"> <a href="users.php"> Usuários </a> </span> </vte:if> <span id="menu_plugins"> <a href="plugins.php"> Ferramentas </a> </span> <span id="menu_templates" class="last"> <a href="templates.php"> Designer </a> </span></div>

CSS
#vuser { padding: 4px 12px; margin-bottom: 6px; border-bottom: 1px solid #DFDFDF; text-align: right; font-size: 11px; } #vuser a {color: #3366CC;} .user { font-weight: bold;} #vuser span { padding-left: 4px;} /******************** Main menu ******************/ .menu_holder { text-align: center; height: 31px; background: #fff url(img/menu_bg.gif) repeat-x; } .menu_holder span { padding: 0; margin: 0; } .menu_holder span a, .menu_holder span a:link, .menu_holder span a:visited {color: #555555;} .menu_holder span a { text-decoration: none; font-weight: bold; line-height:31px; padding: 8px 10px 8px 8px; background: url(img/separator_vertical.gif) right repeat-y; } .menu_holder span.last a {background: none;} .menu_holder span a:hover {background: url(img/menu_active_bg.gif) right no-repeat;} .menu_holder span.last a:hover {background:url(img/menu_active_last_bg.gif) right no-repeat;} .menu_holder span.last .selected a {background:url(img/menu_active_last_bg.gif) right no-repeat;} .menu_holder span.selected a {background: url(img/menu_active_bg.gif) right no-repeat;} .menu_home { position:absolute; left:0px; width: 143px; background: #fff url(img/menu_corner_left.gif) no-repeat; text-align: right; } span.menu_home a {padding: 0; line-height: 0px; background: none;} .menu_home a img {margin-right: 8px;} .menu_help { position:absolute; right:0px; width: 143px; background: #fff url(img/menu_corner_right.gif) no-repeat; text-align: left; } /* Hides from IE5-mac \*/ * html .menu_help {right:-1px;} /* End hide from IE5-mac */ span.menu_help a {padding: 0; line-height: 0px; background: none;} .menu_help a img {border: none; margin-left: 8px;} span.menu_home a:hover, span.menu_help a:hover {background: none;} /******************** Secondary menu ******************/ .menu_holder_secondary { text-align: center; height: 21px; background: #fff url(img/secondary_menu_bg.gif) repeat-x; color: #969797; } .menu_holder_secondary a, .menu_holder_secondary a:link, .menu_holder_secondary a:visited { color: #FFFFFF; font-weight: bold; font-size:11px; line-height:21px; padding: 3px 3px 0px 3px; } /* Hides from IE5-mac \*/ * html .menu_holder_secondary a, .menu_holder_secondary a:link, .menu_holder_secondary a:visited {line-height:18px; } /* End hide from IE5-mac */ .menu_holder_secondary a:hover { text-decoration: none;} .menu_corners_left { position:absolute; left:0px; width: 150px; height: 21px; background: #fff url(img/secondary_menu_corner_left.gif) no-repeat; text-align: right; } .menu_corners_right { position:absolute; right:0px; width: 150px; height: 21px; background: #fff url(img/secondary_menu_corner_right.gif) no-repeat; text-align: left; } /* Hides from IE5-mac \*/ * html .menu_corners_right {right:-1px;} /* End hide from IE5-mac */

DESDE JÁ AGRADEÇO.
0
Desenvolvimento de Sistemas WEB sobmedida
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu horizonal, colocar submenu

08-12-2008 07:40

Tem alguns já no fórum, faz uma busca por: menu submenu
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado