(continued in a new reply for easier viewing)
And here’s the new and the old CSS:
#navrest {
color:#ff0000;
margin: 20px 0 0 10px ; padding:10px 0 0 0 ;
font: 18px Arial, Helvetica, sans-serif;
text-transform:uppercase;
height: 21px;
}
#navrest ul {
margin: 0; padding: 0;
}
#navrest ul ul {
display:none;
}
#navrest li.page_item a:link, #navrest li.page_item a:visited {
color: #000000;
background: #00FF00;
}
#navrest li a {
padding: 4px 10px 0px 10px;
text-decoration: none;
}
#navrest li {
display: inline;
}
#navrest li a:hover, #navrest li.current_page_item a:link, #navrest li.current_page_item a:visited {
color: #ffffff !important;
text-decoration: none;
}
#nav {
text-align:left;
color:#ff0000;
margin: 20px 0 0 10px ; padding:10px 0 0 0 ;
font: 18px Arial, Helvetica, sans-serif;
text-transform:uppercase;
height: 21px;
}
#nav ul {
list-style: none;
margin: 0; padding: 0;
}
#nav ul ul {
display:none;
}
#nav li {
display: inline;
}
#nav li.page_item a:link, #nav li.page_item a:visited {
color: #000000;
background: #B30000;
}
#nav li a {
padding: 4px 10px 0px 10px;
text-decoration: none;
}
#nav li a:hover, #nav li.current_page_item a:link, #nav li.current_page_item a:visited {
background: url(images/bg_nav.gif) no-repeat top center;
color: #ffffff !important;
text-decoration: none;
}
What am I missing? Please help!
Best, Thomas
OK I decided to put the links for logged in users one line lower than the public nav bar. By playing with the CSS, I figured that out. Still, there’s about 30px distance from the “lower” nav bar to the search bar that I just can’t get out.
Sorry for reposting but hey, seems like no one reads this anyway. Maybe I’ll get lucky 🙂
The attempt to make the logged-in-users-additional-navbar look right failed. I can’t make it touch the search bar, while in IE, it won’t even show.
I give up for today. Too much sweat and tears.
Please, I need help. Desperately.
EDIT: Great. Now the sidebars don’t play along with the general page width anymore. I’m close to tears.
It would be very hard for anybody to help since your doing something for logged in users only, perhaps if you just create a dummy user account and post the details here. Make sure it is only set to subscriber. Then we can actually see what your talking about.
Damn.
I killed my additional stuff since I had enough of it yesterday. Today, I can’t make it work without making the page look weird.
Just please tell me:
What are the changes that I have to make?
I believe that I can copy the #nav’s in the CSS, rename them to “navrest” and just apply minor changes for the text background to be green instead of crimson red. Then I’d have to manually add links to header.php like this one:
<div id="nav">
<ul>
<li class="page_item"><a href="<?php bloginfo('url'); ?>/"><?php _e('Home'); ?></a></li>
<?php wp_list_pages('title_li=' ); ?>
</ul>
<div id="navrest>
<ul>
<li class="page_item"><a href="TESTLINK">TEST ENTRY</a></li>
<li class="page_item"><a href="TESTLINK">TEST ENTRY 2</a></li>
</div>
<?php include 'stats.php'; ?></ul>
Oh wow.
Guys. I did it.
I worked on the CSS, creating a subclass (li) for nav, and it’s cool. Works in IE and Opera.
Thanks to you jeremyclark13 for the reply!
