Template:Nanouanl: Difference between revisions
No edit summary |
No edit summary |
||
| (43 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
<link href=' | <link href='css/left_menu.css' rel='stylesheet' type='text/css'> | ||
</head> | </head> | ||
<style> | <style> | ||
/ | .main_cont { float:left; width:150px; background-color:#4d7986; padding:10px; } .menu_top_bg { width:150px; background:url(http://www.cssblog.es/images/menu_top_bg.gif) repeat-x; height:22px; padding-top:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-align:center; margin-bottom:1px; } .sub_menu ul { padding:0px; margin:0px; } .sub_menu ul li { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:32px; border-bottom:1px dotted #93bcc3; list-style-type:none; text-indent:8px; } .sub_menu ul li a { text-decoration:none; color:#FFFFFF; } .sub_menu ul li a.selected { background:url(http://www.cssblog.es/images/menu_selected.png) no-repeat; float:left; width:242px; height:32px; } .sub_menu ul li a:hover { background:url(http://www.cssblog.es/images/menu_selected.png) no-repeat; float:left; width:150px; height:30px; } - See more at: http://www.cssblog.es/disenando-un-bonito-menu-vertical-con-css/#sthash.AWv2bSbm.dpuf | ||
#pagecontent | |||
. | { | ||
float: left; | |||
width: 620px; | |||
margin-left: 300px; | |||
min-height: 400px | |||
} | } | ||
</style> | |||
. | |||
} | |||
. | |||
} | |||
. | |||
} | |||
</ | </html> | ||
<div class=" | <center>http://openwetware.org/images/c/c9/UANL_Banner2.png</center> | ||
<div class="main_cont"> | |||
<ul> | <div class="menu_top_bg">MENU</div> | ||
<li>[[Biomod/2013/NanoUANL |Home]]</li> | <div class="sub_menu"> | ||
<ul> <li>[[Biomod/2013/NanoUANL |Home]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Project |Project]]</li> | <li>[[Biomod/2013/NanoUANL/Project |Project]]</li> | ||
<li>[[Biomod/2013/NanoUANL/Background |Background]]</li> | <li>[[Biomod/2013/NanoUANL/Background |Background]]</li> | ||
| Line 51: | Line 35: | ||
</ul> | </ul> | ||
</div> | </div> | ||
</div> | |||
<p> | |||
Latest revision as of 15:24, 26 October 2013
<html> <head> <link href='css/left_menu.css' rel='stylesheet' type='text/css'> </head>
<style> .main_cont { float:left; width:150px; background-color:#4d7986; padding:10px; } .menu_top_bg { width:150px; background:url(http://www.cssblog.es/images/menu_top_bg.gif) repeat-x; height:22px; padding-top:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-align:center; margin-bottom:1px; } .sub_menu ul { padding:0px; margin:0px; } .sub_menu ul li { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:32px; border-bottom:1px dotted #93bcc3; list-style-type:none; text-indent:8px; } .sub_menu ul li a { text-decoration:none; color:#FFFFFF; } .sub_menu ul li a.selected { background:url(http://www.cssblog.es/images/menu_selected.png) no-repeat; float:left; width:242px; height:32px; } .sub_menu ul li a:hover { background:url(http://www.cssblog.es/images/menu_selected.png) no-repeat; float:left; width:150px; height:30px; } - See more at: http://www.cssblog.es/disenando-un-bonito-menu-vertical-con-css/#sthash.AWv2bSbm.dpuf
- pagecontent
{
float: left; width: 620px; margin-left: 300px; min-height: 400px
} </style>
</html>
