<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Adminizio Lite</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/2col.css" title="2col" />
<link rel="alternate stylesheet" media="screen,projection" type="text/css" href="css/1col.css" title="1col" />
<!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/mystyle.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>
<script type="text/javascript" src="js/toggle.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.tabs.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".tabs > ul").tabs();
});
</script>
</head>
<body>
<div id="main">
<!-- Tray -->
<div id="tray" class="box">
<p class="f-left box">
<!-- Switcher -->
<span class="f-left" id="switcher"> <a href="javascript:void(0);" rel="1col" class="styleswitch ico-col1" title="Display one column"><img src="design/switcher-1col.gif" alt="1 Column" /></a> <a href="javascript:void(0)" rel="2col" class="styleswitch ico-col2" title="Display two columns"><img src="design/switcher-2col.gif" alt="" /></a> </span> Project: <strong>Your Project</strong> </p>
<p class="f-right">User: <strong><a href="#">Administrator</a></strong> <strong><a href="#" id="logout">Log out</a></strong></p>
</div>
<!-- /tray -->
<hr class="noscreen" />
<!-- Menu -->
<div id="menu" class="box">
<ul class="box f-right">
<li><a href="#"><span><strong>Visit Site »</strong></span></a></li>
</ul>
<ul class="box">
<li id="menu-active"><a href="#"><span>Lorem ipsum</span></a></li>
<!-- Active -->
<li><a href="#"><span>Lorem ipsum</span></a></li>
<li><a href="#"><span>Lorem ipsum</span></a></li>
<li><a href="#"><span>Lorem ipsum</span></a></li>
<li><a href="#"><span>Lorem ipsum</span></a></li>
<li><a href="#"><span>Lorem ipsum</span></a></li>
<li><a href="#"><span>Lorem ipsum</span></a></li>
</ul>
</div>
<!-- /header -->
<hr class="noscreen" />
<!-- Columns -->
<div id="cols" class="box">
<!-- Aside (Left Column) -->
<div id="aside" class="box">
<div class="padding box">
<!-- Logo (Max. width = 200px) -->
<p id="logo"><a href="#"><img src="tmp/logo.gif" alt="" /></a></p>
<!-- Search -->
<form action="#" method="get" id="search">
<fieldset>
<legend>Search</legend>
<p>
<input type="text" size="17" name="" class="input-text" />
<input type="submit" value="OK" class="input-submit-02" />
<br />
<a href="javascript:toggle('search-options');" class="ico-drop">Advanced search</a></p>
<!-- Advanced search -->
<div id="search-options" style="display:none;">
<p>
<label>
<input type="checkbox" name="" checked="checked" />
Option I.</label>
<br />
<label>
<input type="checkbox" name="" />
Option II.</label>
<br />
<label>
<input type="checkbox" name="" />
Option III.</label>
</p>
</div>
<!-- /search-options -->
</fieldset>
</form>
<!-- Create a new project -->
<p id="btn-create" class="box"><a href="#"><span>Create a new project</span></a></p>
</div>
<!-- /padding -->
<ul class="box">
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li id="submenu-active"><a href="#">Active Page</a>
<!-- Active -->
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
</ul>
</li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
</ul>
</li>
<li><a href="#">Lorem ipsum</a></li>
</ul>
</div>
<!-- /aside -->
<hr class="noscreen" />
<!-- Content (Right Column) -->
<div id="content" class="box">
<h1>Styles</h1>
<!-- Headings -->
<h2>Heading H2</h2>
<h3>Heading H3</h3>
<h4>Heading H4</h4>
<h5>Heading H5</h5>
<!-- System Messages -->
<h3 class="tit">System Messages</h3>
<p class="msg warning">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="msg info">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="msg done">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="msg error">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<!-- Tabs -->
<h3 class="tit">Tabs</h3>
<div class="tabs box">
<ul>
<li><a href="#tab01"><span>Lorem ipsum</span></a></li>
<li><a href="#tab02"><span>Lorem ipsum</span></a></li>
<li><a href="#tab03"><span>Lorem ipsum</span></a></li>
</ul>
</div>
<!-- /tabs -->
<!-- Tab01 -->
<div id="tab01">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<!-- /tab01 -->
<!-- Tab02 -->
<div id="tab02">
<p>Donec ornare, libero vitae facilisis molestie, mi sapien venenatis felis, sed mattis lectus nisi ac massa.</p>
</div>
<!-- /tab02 -->
<!-- Tab03 -->
<div id="tab03">
<p>Nam ut lorem eu orci placerat iaculis.</p>
</div>
<!-- /tab03 -->
<!-- 2 columns -->
<h3 class="tit">2 Columns (50-50)</h3>
<div class="col50">
<p class="t-justify">嗨! 欢迎使用巴巴唔模板网提供的网页模板,你可以免费将此模板应用与任何地方,个人网站或者商业应用,唯一需要做的就是在此页面保留<a href="http://www.88web.org">巴巴唔模板网</a>的相关链接.或加入友情链接 volutpat a, bibendum quis, placerat vitae, enim. Etiam consectetur, velit in viverra tempus, urna augue sollicitudin tellus, vitae interdum arcu mi at est. Donec ornare, libero vitae facilisis molestie, mi sapien venenatis felis, sed mattis lectus nisi ac massa. Cras suscipit, neque ac auctor interdum, pede nibh porta lectus, nec aliquet nulla ipsum ac nibh. Morbi feugiat ipsum id metus. In urna sapien, porttitor sed, consectetur quis, lacinia eu, ante. Donec at ipsum. Sed arcu tellus, dapibus sit amet, auctor nec, rutrum non, lacus. Nam ut lorem eu orci placerat iaculis. Proin bibendum. Suspendisse consequat.</p>
</div>
<!-- /col50 -->
<div class="col50 f-right">
<p class="t-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et risus.
后台精美模板可以做后台新版系统的很好的
需积分: 3 58 浏览量
2010-10-27
21:28:34
上传
评论
收藏 50KB ZIP 举报
后台好模板.zip （37个子文件） 
js 
jquery.js 56KB ui.tabs.js 18KB toggle.js 179B ui.core.js 8KB switcher.js 1KB css main.css 8KB reset.css 2KB 1col.css 485B mystyle.css 30B style.css 4KB 2col.css 752B main-ie6.css 1KB
index.html 21KB design 
btn-create-right.gif 994B content.gif 63B content-h1.gif 169B switcher-2col.gif 226B menu.gif 286B submenu-sub.gif 54B tabs-l.gif 144B menu-left.gif 615B ico-done.gif 72B separator.gif 43B ul.gif 182B submenu-active.gif 116B tray-logout.gif 60B ico-delete.gif 74B switcher-1col.gif 228B tabs-r.gif 791B menu-right.gif 2KB ico-info.gif 215B ul-ul.gif 176B ico-warning.gif 111B btn-create-left.gif 2KB tray.gif 157B dot.gif 43B tmp logo.gif 2KB
评论0
最新资源