<ul>
<?php wp_list_pages('exclude=17,38' ); ?>
</ul>
<ul id="nav">
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
<ul id="menu-main">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Blog</a></li>
</ul>
<div id="nav">
<ul>
<?php wp_list_pages('title_li='); ?>
</ul>
</div>
<div id="nav">
<?php wp_nav_menu( array('menu' => 'main' )); ?>
</div>
<?php
add_theme_support( 'menus' );
function has_children() {
global $post;
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
return ($children) ? true : false;
}
function is_child() {
global $post;
return ($post->post_parent) ? true : false;
}
?>
/* Navigation */
a {
color : #333;
}
#nav {
margin-left : 10%;
margin-top : 25px;
position : relative;
width : 62%;
padding : 0;
background : transparent;
}
#menu-main {
top : 0;
padding : 0;
line-height : 100%;
width : 90%;
}
#menu-main li {
margin : 0 2px;
letter-spacing : -0.05em;
padding : 0 0 8px;
float : left;
position : relative;
list-style : none;
}
#menu-main a {
color : #0090ff;
text-decoration : none;
display : block;
padding : 8px 20px;
margin : 0;
}
#menu-main a:hover {
color : white !important ;
}
#menu-main .current a, #menu-main li:hover > a {
background : #d1d1d1;
background : grey;
background : transparent;
color : #444;
border-top : 1px solid #f8f8f8;
}
#menu-main ul li:hover a, #menu-main li:hover li a {
border : none;
color : #666;
}
#menu-main ul a:hover {
background : #0399d4 !important ;
color : #fff !important ;
}
#menu-main ul {
background : #ddd;
display : none;
margin : 0;
padding : 0;
width : 200px;
position : absolute;
top : 35px;
left : 0;
border : 1px solid #b4b4b4;
}
#menu-main li:hover > ul {
display : block;
}
#menu-main ul li {
float : none;
margin : 0;
padding : 0;
}
#menu-main ul a {
font-weight : normal;
}
#menu-main ul ul {
left : 200px;
top : -3px;
}
#menu-main:after {
content : ".";
display : block;
visibility : hidden;
line-height : 0;
height : 0;
}
#menu-main {
display : inline-block;
}
html[xmlns] #menu-main {
display : block;
}
* html #menu-main {
height : 1%;
}
#main-nav:after {
content : ".";
display : block;
visibility : hidden;
line-height : 0;
height : 0;
}
#main-nav {
display : inline-block;
}
html[xmlns] #main-nav {
display : block;
}
* html #main-nav {
height : 1%;
}
Have a question about something in this article? You can receive help directly from the article author. Sign up for a free trial to get started.
Comments (3)
Commented:
Author
Commented:Commented:
I'll then post in the form of an EE question. Thanks.