you can also try the following code in theuser dashboard
<style>.sidemenu3 {
width: 150px;
background: #eee;
}
.menu4 ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu4 a, .menu4 h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: transparent;
margin: 0;
padding: 2px 3px;
}
.menu4 h2 {
color: #fff;
background-image: none;
background: #DDEBEB ;/*Changes color of the top blocks background*/
text-transform: uppercase;
}
.menu4 h2:hover {
color: .a00;
background: #92A7C2 ; /*Changes color of the top hover blocks background*/
}
.menu4 a {
color: #000;
background: #B6D0F2 ; /*Changes color of the drop down blocks background*/
text-decoration: none;
}
.menu4 a:hover {
color: #a00;
background: #92A7C2 ;/*Changes color of the drop down hover blocks background*/
}
.menu4 ul ul ul {
position: absolute;
top: 0;
left: 0;
}
.menu4 li {position: relative;}
.menu4 ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
div.menu4 ul ul ul
{display: none;}
div.menu4 ul ul li:hover ul
{display: block;}
div.menu4 ul ul ul,
div.menu4 ul ul li:hover ul ul
{display: none;}
div.menu4 ul ul li:hover ul
{display: block;}
div.menu4 ul ul ul,
div.menu4 ul ul li:hover ul ul
{display: none;}
div.menu4 ul ul li:hover ul,
div.menu4 ul ul ul li:hover ul
{display: block;}
.menu4 ul li {float: left; width: 100%;}
.menu4 ul li a {height: 1%;}
.menu4 a, .menu4 h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
}
/* All Links below */
</style>
<div class="sidemenu3"><div><center><table width="110%"><td><style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div class="menu4"><ul><li><h2 align="center"><font face="Eras Bold ITC" color="#800000">Manage My Blogs</font></h2>
<ul><li><i><b><a href="blogs/my-published-posts"><font color="#800000">My Blogs</font></a><font color="#800000"></font>
</b>
</i>
<ul><li><i><b><a href="blogs/my-published-posts"><font color="#800000">My Blog Posts</font></a></b></i></li>
<li><i><b><a href="blogs/my-drafts"><font color="#800000">My Blog Drafts</font></a></b></i></li>
<li><i><b><a href="blogs/my-incoming-comments"><font color="#800000">My Blog Comments</font> </a></b>
</i>
</li>
</ul>
</li></ul>
</li></ul>
</div></td>
</table></center>
</div></div>
Display the dropdown Menus