Template:Nanouanl: Difference between revisions
No edit summary |
No edit summary |
||
(47 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> | ||
< | .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 | ||
<ul> | #pagecontent | ||
<li>[[Biomod/2013/NanoUANL | Home]]</li> | { | ||
<li>[[Biomod/2013/NanoUANL/Project | Project]]</li> | float: left; | ||
<li>[[Biomod/2013/NanoUANL/Background | Background]]</li> | width: 620px; | ||
<li>[[Biomod/2013/NanoUANL/Modeling | Modeling]]</li> | margin-left: 300px; | ||
<li>[[Biomod/2013/NanoUANL/Simulations | Simulations]]</li> | min-height: 400px | ||
<li>[[Biomod/2013/NanoUANL/Experiments | Experiments]]</li> | } | ||
<li>[[Biomod/2013/NanoUANL/AgNP_Applications | Applications of Silver NPs]]</li> | </style> | ||
<li>[[Biomod/2013/NanoUANL/Annex | Annex]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Extension | Project Extension]]</li> | </html> | ||
<li>[[Biomod/2013/NanoUANL/Team | Members]]</li> | |||
<li>[[Biomod/2013/NanoUANL/References | References]]</li> | <center>http://openwetware.org/images/c/c9/UANL_Banner2.png</center> | ||
<div class="main_cont"> | |||
<div class="menu_top_bg">MENU</div> | |||
<div class="sub_menu"> | |||
<ul> <li>[[Biomod/2013/NanoUANL |Home]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Project |Project]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Background |Background]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Modeling |Modeling]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Simulations |Simulations]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Experiments |Experiments]]</li> | |||
<li>[[Biomod/2013/NanoUANL/AgNP_Applications |Applications of Silver NPs]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Annex |Annex]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Extension |Project Extension]]</li> | |||
<li>[[Biomod/2013/NanoUANL/Team |Members]]</li> | |||
<li>[[Biomod/2013/NanoUANL/References |References]]</li> | |||
</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>