With some great help on this forum (thanks again) my nav menu shows a few nav options in the main menu, and when the user logs-in, it lines up all the menu choices on a horizontal line. The issue I’d like to fix is to make the log-in choice disappear when the user is logged-in. If you can overlook all the font tags, in the code below, I’d greatly appreciate any help.
css:
.menu1 {
font-size: 11px;
font-family: verdana;
text-align: right;
float: right;
color: #333333;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sub-nav {
font-size: 11px;
font-family: verdana;
text-align: right;
color: #333333;
margin: 0px 22px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sub-nav-links {
color: #;
font-size: 14px;
margin: 0px 0px -20px 0px;
}
.sub-nav1 {
font-size: 11px;
font-family: verdana;
text-align: right;
float: left;
color: #333333;
margin: 0px 22px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sub-nav {float:right}
.sub-nav1 p {
margin:0
font-size: 11px;
font-family: verdana;
color: #333333;
}
#welc{ float left;
}
.account
font-size: 11px;
font-family: arial;
color: #333333;
}
Html:
<!--Begin Sub-Navigation. This only appears when a user is logged in.-->
<div class="sub-nav">
<img src="themes/default/images/arrow-red.gif"> <a href="members/[var.user_name]"><font color="#333333" face="verdana">my account</font></a> <img src="themes/default/images/arrow-red.gif">
<a href="credits.php"><font color="#333333" face="verdana">[var.lang_my_credits]: [var.member_credits]</font></a> <img src="themes/default/images/arrow-red.gif">
<a href="logout.php"><font color="#000000" face="verdana">log out</font></a>
<!--[onload;block=div;when [var.loggedin]=1;comm]-->
</div>
<!--Begin Sub-Navigation. This only appears when a user is logged in.-->
<div class="sub-nav1">
<p class="account">
<span id="welc"><span style="color:#333333; font-size: 12px; font-face=verdana;"> Welcome! You Are Now Logged In.</span></p>
<!--[onload;block=div;when [var.loggedin]=1;comm]-->
</div>
<div class="menu1">
<a href="[var.base_url]"> <font color="#333333" font face="verdana">home</font></a>
<a href="page.php?page=16"><font color="#333333" face="verdana">faq</font></a>
<a href="[var.base_url]/join.php"><font color="#333333" face="verdana">register</font></a>
<a href="[var.login_out_link]"><font color="#333333" face="verdana">log in</font></a>
<a href="page.php?page=9"><font color="#333333" face="verdana">search</font></a>
<a href="page.php?page=6"><font color="#333333" face="verdana">upload</font></a>
</div>