Message [Page 1 of 1]
include login details in navigation hover on Wed May 18, 2011 2:53 pm
Re: include login details in navigation hover on Wed May 18, 2011 5:59 pm
<form id="optionselect">
<select onchange="location = this.options[this.selectedIndex].value;">
<!-- BEGIN switch_user_logged_out -->
<option value="../login">Sign In
<option value="../register">Register
!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<option value=".../login?logout">Sign Out
<!-- END switch_user_logged_in -->
</select>
</form>
Re: include login details in navigation hover on Wed May 18, 2011 7:08 pmUnknown Data wrote:You mean like this?
- Code:
<form id="optionselect">
<select onchange="location = this.options[this.selectedIndex].value;">
<!-- BEGIN switch_user_logged_out -->
<option value="../login">Sign In
<option value="../register">Register
!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<option value=".../login?logout">Sign Out
<!-- END switch_user_logged_in -->
</select>
</form>
Re: include login details in navigation hover on Wed May 18, 2011 9:32 pm
venu238 wrote:Unknown Data wrote:You mean like this?
- Code:
<form id="optionselect">
<select onchange="location = this.options[this.selectedIndex].value;">
<!-- BEGIN switch_user_logged_out -->
<option value="../login">Sign In
<option value="../register">Register
!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<option value=".../login?logout">Sign Out
<!-- END switch_user_logged_in -->
</select>
</form>
this is the code i have for nav bar, now i want to include the above code in this...
where should i place your code in my code
i also want the messages code
- Spoiler:
ul#cssMenu,ul#cssMenu ul{
margin:0;list-style:none;padding:0;background-color:#FFFFFF;background-image:url("http://i24.servimg.com/u/f24/16/44/55/81/bg1010.jpg");background-repeat:repeat;border-width:0px;border-style:solid;border-color:;-moz-border-radius:5px 5px 5px 5px ;-webkit-border-radius:5px 5px 5px 5px ;border-radius:5px 5px 5px 5px ;}
ul#cssMenu ul{
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:2.1px 2.1px 3px #B1B1B1;-webkit-box-shadow:2.1px 2.1px 3px #B1B1B1;box-shadow:2.1px 2.1px 3px #B1B1B1;padding:0 2px 2px;background-color:#68aabf;border-width:1px;border-style:ridge;border-color:#558391;}
ul#cssMenu li:hover>*{
display:block;}
ul#cssMenu li:hover{
position:relative;}
ul#cssMenu ul ul{
position:absolute;left:100%;top:0;opacity:1;}
ul#cssMenu table{
border-collapse:collapse;}
ul#cssMenu{
display:block;font-size:0;position:absolute;z-index:1000;left:400px;top:350px;}
ul#cssMenu li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#cssMenu>li,ul#cssMenu li{
margin:0;}
ul#cssMenu a:active, ul#cssMenu a:focus{
outline-style:none;}
ul#cssMenu a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 16px Tahoma, Arial,Helvetica,sans-serif;color:#FFFFFF;cursor:auto;padding:4px;background-color:#FFFFFF;background-image:url("http://i24.servimg.com/u/f24/16/44/55/81/bg1010.jpg");background-repeat:repeat;border-width:0px;border-style:solid;border-color:;}
ul#cssMenu ul li{
float:none;margin:2px 0 0;}
ul#cssMenu ul a{
text-align:left;padding:3px;}
ul#cssMenu li:hover>a{
background-color:#FFFFFF;border-style:solid;font:bold 16px Tahoma, Arial,Helvetica,sans-serif;color:#03699c;text-decoration:underline;background-image:url("http://i24.servimg.com/u/f24/16/44/55/81/newgre10.png");}
ul#cssMenu li:hover>a{
position :relative;background-color:#FFFFFF;border-style:solid;font:bold 16px Tahoma, Arial,Helvetica,sans-serif;color:#03699c;text-decoration:underline;background-image:url("http://i24.servimg.com/u/f24/16/44/55/81/bg10gr10.png");}
ul#cssMenu li>a:hover{
position:static !important;}
ul#cssMenu img{
border:none;vertical-align:middle;margin-right:5px;}
ul#cssMenu img.over{
display:none;}
ul#cssMenu li:hover > a img.def{
display:none;}
ul#cssMenu li:hover > a img.over{
display:inline;}
ul#cssMenu a:hover img.over,ul#cssMenu a:hover ul img.def,ul#cssMenu a:hover a:hover ul img.def,ul#cssMenu a:hover a:hover a:hover ul
img.def,ul#cssMenu a:hover a:hover a:hover a:hover ul img.def,ul#cssMenu a:hover a:hover img.over,ul#cssMenu a:hover a:hover a:hover
img.over,ul#cssMenu a:hover a:hover a:hover a:hover img.over,ul#cssMenu a:hover a:hover a:hover a:hover a:hover img.over{
display:inline;}
ul#cssMenu a:hover img.def,ul#cssMenu a:hover ul img.over,ul#cssMenu a:hover a:hover ul img.over,ul#cssMenu a:hover a:hover a:hover ul
img.over,ul#cssMenu a:hover a:hover a:hover a:hover ul img.over,ul#cssMenu a:hover a:hover img.def,ul#cssMenu a:hover a:hover a:hover
img.def,ul#cssMenu a:hover a:hover a:hover a:hover img.def,ul#cssMenu a:hover a:hover a:hover a:hover a:hover img.def{
display:none;}
ul#cssMenu a:hover ul,ul#cssMenu a:hover a:hover ul,ul#cssMenu a:hover a:hover a:hover ul,ul#cssMenu a:hover a:hover a:hover a:hover ul{
display:block;}
ul#cssMenu a:hover ul ul,ul#cssMenu a:hover a:hover ul ul,ul#cssMenu a:hover a:hover a:hover ul ul{
display:none;}
ul#cssMenu span{
display:block;overflow:visible;background-image:url("http://i62.servimg.com/u/f62/15/52/93/00/arrv_w10.gif");background-position:right
center;background-repeat:no-repeat;padding-right:19px;}
ul#cssMenu ul span{
background-image:url("http://i62.servimg.com/u/f62/15/52/93/00/arr_wh10.gif");padding-right:17px;}
ul#cssMenu li a.topmenu{
height:16px;background-color:transparent;background-image:url("");border-width:0px;fon
t:bold 16px Verdana;color:#FFFFFF;background-position:100% 0;line-height:16px;}
ul#cssMenu li.topmenu:hover>a{
background-color:transparent;background-image:url("");font:bold 16px
Verdana;color:#FFFFFF;line-height:16px;}
* html ul#cssMenu li a.topmenu{
display:inline-block;vertical-align:top;}
ul#cssMenu li.topmenu:hover>a{
background-color:transparent;background-image:url("");font:bold 16px
Verdana;color:#FFFFFF;line-height:16px;}
ul#cssMenu li.topmenu{
margin:0 5px 0
0;background-color:transparent;background-image:url("");background-position:0 0;}
ul#cssMenu li.topmenu:hover{
background-color:transparent;background-image:url("");}
ul#cssMenu li.topmenu>a{
margin:0 -5px 0 5px;}
ul#cssMenu li a.ln{
height:16px;background-color:transparent;background-image:url("");border-width:0px;fon
t:bold 14px Verdana;color:#FFFFFF;background-position:100% 0;padding:3px;line-height:16px;}
ul#cssMenu li.ln:hover>a{
background-color:transparent;background-image:url("");font:bold 16px
Verdana;color:#FFFFFF;line-height:16px;}
* html ul#cssMenu li a.ln{
display:inline-block;vertical-align:top;}
ul#cssMenu li.ln:hover>a{
background-color:transparent;background-image:url("");font:bold 16px
Verdana;color:#FFFFFF;line-height:16px;}
ul#cssMenu li.ln{
margin:0 5px 0
0;background-color:transparent;background-image:url("");background-position:0 0;}
ul#cssMenu li.ln:hover{
background-color:transparent;background-image:url("");}
ul#cssMenu li.ln>a{
margin:0 -5px 0 5px;}
ul#cssMenu .submenu li{
margin:2px 0 0;}
ul#cssMenu .submenu{
background-color:#68aabf;border-width:1px;border-style:ridge;border-color:#558391;padding:0 2px 2px;}
ul#cssMenu .submenu a{
padding:3px;}
ul#cssMenu li a._{
padding:3px;}
ul#cssMenu li.ln:hover>a{
background-color:transparent;background-image:url("http://i24.servimg.com/u/f24/16/44/55/81/bg10gr10.png");font:bold 16px
Verdana;color:#FFFFFF;line-height:16px;}
</style>
<ul id="cssMenu" class="topmenu">
<li class="topmenu"><a class="topmenu" href="http://medico.forum.com.bz/">Home</a></li>
<li class="topmenu"><a class="topmenu" href="http://medico.forum.com.bz/"><span>Forum</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href=""><span>Forum Info</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://medico.forum.com.bz/f3-forum-rules">Forum Rules</a></li>
<li><a href="http://medico.forum.com.bz/f4-forum-support">Forum Support</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://medico.forum.com.bz/f2-pre-clinical"><span>Pre-Clinical</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://medico.forum.com.bz/f10-anatomy">Anatomy</a></li>
<li><a href="http://medico.forum.com.bz/f11-biochemistry">Biochemistry</a></li>
<li><a href="http://medico.forum.com.bz/f12-physiology">Physiology</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://medico.forum.com.bz/f8-para-clinical"><span>Para-Clinical</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://medico.forum.com.bz/f13-pharmacology">Pharmacology</a></li>
<li><a href="http://medico.forum.com.bz/f14-microbiology">Microbiology</a></li>
<li><a href="http://medico.forum.com.bz/f15-pathology">Pathology</a></li>
<li><a href="http://medico.forum.com.bz/f16-forensic-medicine">Forensic Medicine</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://medico.forum.com.bz/f9-clinical"><span>Clinical</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://medico.forum.com.bz/f17-medicine">Medicine</a></li>
<li><a href="http://medico.forum.com.bz/f18-surgeryy">Surgery</a></li>
<li><a href="http://medico.forum.com.bz/f19-orthopaedics">Orthopaedics</a></li>
<li><a href="http://medico.forum.com.bz/f20-obstetrics">Obstetrics</a></li>
<li><a href="http://medico.forum.com.bz/f21-gynaecology">Gynaecology</a></li>
<li><a href="http://medico.forum.com.bz/f22-paediatrics">Paediatrics</a></li>
<li><a href="http://medico.forum.com.bz/f23-ophthalmology">Ophthalmology</a></li>
<li><a href="http://medico.forum.com.bz/f24-ent">ENT</a></li>
<li><a href="http://medico.forum.com.bz/f25-spm">SPM</a></li>
<li><a href="http://medico.forum.com.bz/f26-dermatology">Dermatology</a></li>
<li><a href="http://medico.forum.com.bz/f27-radiology">Radiology</a></li>
<li><a href="http://medico.forum.com.bz/f28-pulmonology">Pulmonology</a></li>
<li><a href="http://medico.forum.com.bz/f29-dental">Dental</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href=""><span>PG Entrance Zone</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://medico.forum.com.bz/f39-preparatory-notes-tips-discussions">Preparatory notes/Tips/Discussions</a></li>
<li><a href="http://medico.forum.com.bz/f40-mcq-s">MCQs</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href=""><span>Student's Hang out</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://medico.forum.com.bz/f30-jokes">Jokes</a></li>
<li><a href="http://medico.forum.com.bz/f31-games">Games</a></li>
<li><a href="http://medico.forum.com.bz/f32-general-discussion">General Discussion</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href=""><span>Mobile Zone</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://medico.forum.com.bz/f5-symbian-s60v5-phones">Symbian S60v5 Phones</a></li>
<li><a href="http://medico.forum.com.bz/f33-symbian-s60v3-forum">Symbian S60v3 Forum</a></li>
<li><a href="http://medico.forum.com.bz/f34-nokia-s40-and-s40-touch-forum">Nokia S40 and S40 Touch Forum</a></li>
</ul>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="topmenu"><a class="topmenu" href="http://medico.forum.com.bz/profile?mode=editprofile"><span>My Profile</span><!--[if
gt IE 6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://medico.forum.com.bz/profile?mode=editprofile">Edit My Profile</a></li>
<li><a href="http://medico.forum.com.bz/privmsg?folder=inbox">My Messages</a></li>
<li><a href="http://medico.forum.com.bz/profile?mode=editprofile&page_profil=preferences">My Preferences</a></li>
<li><a href="http://medico.forum.com.bz/profile?mode=editprofile&page_profil=signature">My Signature</a></li>
<li><a href="http://medico.forum.com.bz/profile?mode=editprofile&page_profil=avatars">My Avatar</a></li>
<li><a href="http://medico.forum.com.bz/profile?mode=editprofile&page_profil=friendsfoes">Friends & Foes</a></li>
<li><a href="http://medico.forum.com.bz/search?search_id=watchsearch" title="You get emails when someone replies to
these">Topics I am Watching</a></li>
<li><a href="http://medico.forum.com.bz/search?search_id=favouritesearch">My Favourite Topics</a></li>
<li><a href="http://medico.forum.com.bz/search?search_id=draftsearch">My Draft Replies</a></li>
<li><a href="http://medico.forum.com.bz/rpg_sheet_edit?u=1">About Me</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="topmenu"><a class="topmenu" href="http://medico.forum.com.bz/calendar">Calendar</a></li>
<li class="topmenu"><a class="topmenu" href="http://medico.forum.com.bz/search?search_id=newposts"
target="_blank"><span>View</span><!--[if gt IE 6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://medico.forum.com.bz/search?search_id=newposts">Posts Since Last Visit</a></li>
<li><a href="http://medico.forum.com.bz/search?search_id=egosearch">My Posts</a></li>
<li><a href="http://medico.forum.com.bz/search?search_id=unanswered">Posts with no replies</a></li>
<li><a href="http://medico.forum.com.bz/memberlist">Member list</a></li>
<li><a href="http://medico.forum.com.bz/groups">UserGroups</a></li>
<li><a href="http://medico.forum.com.bz/gallery/index.htm">Gallery</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="topmenu"><a class="topmenu" href="http://medico.forum.com.bz/contact" target="_blank">Contact Us</a></li>
</ul>
, maybe you just need to separate, what the navbar will look when the user is offline, Re: include login details in navigation hover on Wed May 18, 2011 10:14 pm
Re: include login details in navigation hover on Wed May 18, 2011 10:47 pm
<!-- BEGIN switch_user_logged_out -->
Register and login links here
<!-- END switch_user_logged_out --> Re: include login details in navigation hover on Wed May 18, 2011 11:22 pmGangstar15 wrote:
- Code:
<!-- BEGIN switch_user_logged_out -->
Register and login links here
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<li class="topmenu"><a class="topmenu" href="{U_LOGIN_LOGOUT}"<img src="" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" align="right" />{L_LOGIN_LOGOUT}</a></li>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<li class="topmenu"><a class="topmenu" href="{U_REGISTER}"<img src="" alt="{L_REGISTER}" width="12" height="13" hspace="3" align="right" border="0" />{L_REGISTER}</a></li>
<!-- END switch_user_logged_out --> Message [Page 1 of 1]
WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » include login details in navigation hover
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum
