<!DOCTYPE html>
<html>
<head>
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- End of Meta -->
<!-- Page title -->
<title>Wide Admin</title>
<!-- End of Page title -->
<!-- Libraries -->
<link type="text/css" href="css/layout.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/easyTooltip.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- End of Libraries -->
</head>
<body>
<!-- Container -->
<div id="container">
<!-- Header -->
<div id="header">
<!-- Top -->
<div id="top">
<!-- Logo -->
<div class="logo">
<a href="#" title="Administration Home" class="tooltip"><img src="assets/logo.png" alt="Wide Admin" /></a>
</div>
<!-- End of Logo -->
<!-- Meta information -->
<div class="meta">
<p>Welcome, Johnatan Doe! <a href="#" title="1 new private message from Elaine!" class="tooltip">1 new message!</a></p>
<ul>
<li><a href="#" title="End administrator session" class="tooltip"><span class="ui-icon ui-icon-power"></span>Logout</a></li>
<li><a href="#" title="Change current settings" class="tooltip"><span class="ui-icon ui-icon-wrench"></span>Settings</a></li>
<li><a href="#" title="Go to your account" class="tooltip"><span class="ui-icon ui-icon-person"></span>My account</a></li>
</ul>
</div>
<!-- End of Meta information -->
</div>
<!-- End of Top-->
<!-- The navigation bar -->
<div id="navbar">
<ul class="nav">
<li><a href="#">Dashboard</a></li>
<li><a href="#">Users</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#">Modules</a></li>
<li>
<a href="#">Multi Level Menu</a>
<ul>
<li><a href="#">Menu Link 1</a></li>
<li><a href="#">Menu Link 2</a></li>
<li><a href="#">Menu Link 3</a>
<ul>
<li><a href="#">Menu Link 1</a></li>
<li><a href="#">Menu Link 2</a>
<ul>
<li><a href="#">Menu Link 1</a></li>
<li><a href="#">Menu Link 2</a></li>
<li><a href="#">Menu Link 3</a></li>
</ul>
</li>
<li><a href="#">Menu Link 3</a></li>
<li><a href="#">Menu Link 4</a></li>
<li><a href="#">Menu Link 5</a></li>
<li><a href="#">Menu Link 6</a></li>
</ul>
</li>
<li><a href="#">Menu Link 4</a></li>
<li><a href="#">Menu Link 5</a></li>
<li><a href="#">Menu Link 6</a></li>
</ul>
</li>
</ul>
</div>
<!-- End of navigation bar" -->
<!-- Search bar -->
<div id="search">
<form action="http://unithemes.net/search/" method="POST">
<p>
<input type="submit" value="" class="but" />
<input type="text" name="q" value="Search the admin panel" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
</p>
</form>
</div>
<!-- End of Search bar -->
</div>
<!-- End of Header -->
<!-- Background wrapper -->
<div id="bgwrap">
<!-- Main Content -->
<div id="content">
<div id="main">
<h1>Welcome, <span>Johnatan</span>!</h1>
<p>What would you like to do today?</p>
<div class="pad20">
<!-- Big buttons -->
<ul class="dash">
<li>
<a href="#" title="Write a new article" class="tooltip">
<img src="assets/icons/8_48x48.png" alt="" />
<span>New article</span>
</a>
</li>
<li>
<a href="#" title="What your team posted" class="tooltip">
<img src="assets/icons/7_48x48.png" alt="" />
<span>Last articles</span>
</a>
</li>
<li>
<a href="#" title="Manage users and accounts" class="tooltip">
<img src="assets/icons/16_48x48.png" alt="" />
<span>Users</span>
</a>
</li>
<li>
<a href="#" title="Your site's statistics" class="tooltip">
<img src="assets/icons/4_48x48.png" alt="" />
<span>Statistics</span>
</a>
</li>
<li>
<a href="#" title="Bandwidth and traffic" class="tooltip">
<img src="assets/icons/14_48x48.png" alt="" />
<span>Bandwidth</span>
</a>
</li>
<li>
<a href="#" title="Server warnings" class="tooltip">
<img src="assets/icons/5_48x48.png" alt="" />
<span>Server warnings</span>
</a>
</li>
<li>
<a href="#" title="Manage downloads" class="tooltip">
<img src="assets/icons/3_48x48.png" alt="" />
<span>Downloads</span>
</a>
</li>
<li>
<a href="#" title="Lorem ipsum" class="tooltip">
<img src="assets/icons/9_48x48.png" alt="" />
<span>Listings</span>
</a>
</li>
<li>
<a href="#" title="Users' photo gallery" class="tooltip">
<img src="assets/icons/1_48x48.png" alt="" />
<span>Gallery</span>
</a>
</li>
<li>
<a href="#" title="0 new messages" class="tooltip">
<img src="assets/icons/25_48x48.png" alt="" />
<span>Inbox</span>
</a>
</li>
<li>
<a href="#" title="Browse for files" class="tooltip">
<img src="assets/icons/21_48x48.png" alt="" />
<span>File browser</span>
</a>
</li>
<li>
<a href="#" title="Calculator" class="tooltip">
<img src="assets/icons/30_48x48.png" alt="" />
<span>Calculator</span>
</a>
</li>
<li>
<a href="#" title="RSS Feeds" class="tooltip">
<img src="assets/icons/29_48x48.png" alt="" />
<span>Feeds</span>
</a>
</li>
<li>
<a href="#" title="Lorem ipsum" class="tooltip">
<img src="assets/icons/20_48x48.png" alt="" />
<span>Media</span>
</a>
</li>
<li>
<a href="#" title="Lorem ipsum" class="tooltip">
<img src="assets/icons/26_48x48.png" alt="" />
<span>Latest comments</span>
</a>
</li>
</ul>
<!-- End of Big buttons -->
</div>
<hr />
<h1>Notifications</h1>
<div class="pad20">
<p>Wide Admin provides some nice graphics and effects for custom notification messages. Clicking on one message will make it disappear! This is optional, of course!</p>
<div class="message success close">
<h2>Congratulations!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vulputate ligula est, ut facilisis magna. Quisque vitae est sapien. Etiam in diam ipsum. Etiam condimentum euismod eleifend. Lorem! Vestibulum quis turpis eu justo porta tincidunt.</p>
</div>
<div class="message warning close">
<h2>Warning!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vulputate ligula est, ut facilisis magna. Quisque vitae est sapien. Etiam in diam ipsum. Etiam condimentum euismod eleifend. Vivamus gravida nunc in augue accumsan vitae pharetra tellus pretium. Vestibulum non mauris in nunc dictum faucibus.</p>
</div>
<div class="message error close">
<h2>Error!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vulputate ligula est, ut facilisis magna. Quisque vitae est sapien. Etiam in diam ipsum. Etiam condimentum euismod eleifend. Vestibulum quis turpis eu justo porta tincidunt. </p>
</div>
一套国外经典大气的全功能HTML后台jquery模版 带登录页
5星 · 超过95%的资源 需积分: 9 52 浏览量
2012-08-30
17:50:58
上传
评论 4
收藏 324KB RAR 举报 
后台模版+登录.rar （59个子文件） 
后台模版+登录 
index.html 47KB images 
2.jpg 23KB 1.jpg 26KB 4.jpg 25KB 3.jpg 15KB js 
custom.js 5KB superfish.js 4KB jquery-ui-1.7.2.custom.min.js 188KB jquery-1.3.2.min.js 56KB hoverIntent.js 3KB easyTooltip.js 2KB jquery.wysiwyg.js 25KB assets 
repgray2.png 3KB searchbar.png 4KB
jquery.wysiwyg.gif 4KB largebut.png 4KB siderep.png 3KB icons 9_48x48.png 4KB 25_48x48.png 5KB 29_48x48.png 3KB 16_48x48.png 4KB 1_48x48.png 3KB 26_48x48.png 3KB stop_48.png 6KB 5_48x48.png 4KB 8_48x48.png 3KB warning_48.png 5KB 20_48x48.png 5KB 4_48x48.png 4KB info_48.png 5KB 3_48x48.png 3KB 7_48x48.png 3KB 21_48x48.png 2KB tick_48.png 5KB 30_48x48.png 3KB 14_48x48.png 2KB glass.png 111B input.png 3KB icons_white.png 5KB rep1.png 3KB arrow_left_hover.png 3KB largebut_hover.png 4KB mhover.png 3KB arrow_left.png 3KB logo.png 15KB icons_black.png 4KB loginbg.png 3KB login.html 1KB css plugins.css 4KB layout.css 91B skin_clean.css 26KB images ui-bg_glass_95_fef1ec_1x400.html 328B ui-bg_glass_55_fbf9ee_1x400.html 328B ui-bg_flat_0_aaaaaa_40x100.html 327B smoothness jquery-ui-1.7.2.custom.html 327B login.css 1KB core.css 7KB css3.css 664B Modata.ttf 71KB
77413036
- 粉丝: 5
- 资源: 19
- 1
- 2
- 3
- 4
- 5
- 6
前往页