一套国外经典大气的全功能HTML后台jquery模版带登录页资源-CSDN文库

共59个文件

png：34个

js：7个

html：6个

HTML后台模版

jquery

5星 · 超过95%的资源需积分: 9 4 浏览量 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

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

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

core.css 7KB

css3.css 664B

Modata.ttf 71KB

<!DOCTYPE html> <html> <head>  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   <title>Wide Admin</title>   <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>  </head> <body>  <div id="container">  <div id="header">  <div id="top">  <div class="logo"> <a href="#" title="Administration Home" class="tooltip"><img src="assets/logo.png" alt="Wide Admin" /></a> </div>   <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>  </div>   <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>   <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>  </div>   <div id="bgwrap">  <div id="content"> <div id="main"> <h1>Welcome, <span>Johnatan</span>!</h1> <p>What would you like to do today?</p> <div class="pad20">  <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>  </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>

评论收藏

内容反馈