HTML5技术实现的管理员后台模板界面资源-CSDN下载

共44个文件

png：37个

js：4个

css：2个

后台管理界面

html5

4星 · 超过85%的资源需积分: 50 85 浏览量 2013-07-07 22:57:39 上传评论 2 收藏 64KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5+Admin+Template.rar （44个子文件）

codefans.net

HTML5 Admin Template

css

ie.css 653B

layout.css 16KB

images

icn_edit.png 357B

icn_video.png 311B

icn_user.png 489B

icn_categories.png 251B

btn_submit_2.png 214B

icn_security.png 465B

sidebar_shadow.png 204B

module_footer_bg.png 233B

secondary_bar.png 263B

icn_new_article.png 290B

icn_settings.png 272B

icn_trash.png 284B

icn_jump_back.png 489B

breadcrumb_divider.png 210B

icn_view_users.png 528B

icn_edit_article.png 467B

btn_submit.png 217B

sidebar_divider.png 203B

header_bg.png 3KB

icn_search.png 429B

icn_logout.png 443B

header_shadow.png 1KB

btn_view_site.png 1KB

icn_alert_success.png 347B

icn_add_user.png 462B

icn_tags.png 292B

icn_alert_info.png 434B

icn_profile.png 485B

icn_alert_warning.png 418B

sidebar.png 2KB

icn_photo.png 336B

icn_folder.png 309B

post_message.png 1KB

secondary_bar_shadow.png 498B

table_sorter_header.png 239B

icn_alert_error.png 386B

icn_audio.png 643B

jquery.tablesorter.min.js 16KB

jquery.equalHeight.js 695B

jquery-1.5.2.min.js 84KB

hideshow.js 1KB

index.html 12KB

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <title>Dashboard I Admin Panel</title> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />  <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> <script src="js/hideshow.js" type="text/javascript"></script> <script src="js/jquery.tablesorter.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/jquery.equalHeight.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".tablesorter").tablesorter(); } ); $(document).ready(function() { //When page loads... $(".tab_content").hide(); //Hide all content $("ul.tabs li:first").addClass("active").show(); //Activate first tab $(".tab_content:first").show(); //Show first tab content //On Click Event $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $(".tab_content").hide(); //Hide all tab content var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active ID content return false; }); }); </script> <script type="text/javascript"> $(function(){ $('.column').equalHeight(); }); </script> </head> <body> <header id="header"> <hgroup> <h1 class="site_title"><a href="index.html">Website Admin</a></h1> <h2 class="section_title">Dashboard</h2><div class="btn_view_site"><a href="http://www.medialoot.com">View Site</a></div> </hgroup> </header>  <section id="secondary_bar"> <div class="user"> <p>John Doe (<a href="#">3 Messages</a>)</p>  </div> <div class="breadcrumbs_container"> <article class="breadcrumbs"><a href="index.html">Website Admin</a> <div class="breadcrumb_divider"></div> <a class="current">Dashboard</a></article> </div> </section> <aside id="sidebar" class="column"> <form class="quick_search"> <input type="text" value="Quick Search" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"> </form> <hr/> <h3>Content</h3> <ul class="toggle"> <li class="icn_new_article"><a href="#">New Article</a></li> <li class="icn_edit_article"><a href="#">Edit Articles</a></li> <li class="icn_categories"><a href="#">Categories</a></li> <li class="icn_tags"><a href="#">Tags</a></li> </ul> <h3>Users</h3> <ul class="toggle"> <li class="icn_add_user"><a href="#">Add New User</a></li> <li class="icn_view_users"><a href="#">View Users</a></li> <li class="icn_profile"><a href="#">Your Profile</a></li> </ul> <h3>Media</h3> <ul class="toggle"> <li class="icn_folder"><a href="#">File Manager</a></li> <li class="icn_photo"><a href="#">Gallery</a></li> <li class="icn_audio"><a href="#">Audio</a></li> <li class="icn_video"><a href="#">Video</a></li> </ul> <h3>Admin</h3> <ul class="toggle"> <li class="icn_settings"><a href="#">Options</a></li> <li class="icn_security"><a href="#">Security</a></li> <li class="icn_jump_back"><a href="#">Logout</a></li> </ul> <footer> <hr /> <p><strong>Copyright © 2011 Website Admin</strong></p> <p>Theme by <a href="http://www.medialoot.com">MediaLoot</a></p> </footer> </aside> <section id="main" class="column"> <h4 class="alert_info">Welcome to the free MediaLoot admin panel template, this could be an informative message.</h4> <article class="module width_full"> <header><h3>Stats</h3></header> <div class="module_content"> <article class="stats_graph"> <img src="http://chart.apis.google.com/chart?chxr=0,0,3000&chxt=y&chs=520x140&cht=lc&chco=76A4FB,80C65A&chd=s:Tdjpsvyvttmiihgmnrst,OTbdcfhhggcTUTTUadfk&chls=2|2&chma=40,20,20,30" width="520" height="140" alt="" /> </article> <article class="stats_overview"> <div class="overview_today"> <p class="overview_day">Today</p> <p class="overview_count">1,876</p> <p class="overview_type">Hits</p> <p class="overview_count">2,103</p> <p class="overview_type">Views</p> </div> <div class="overview_previous"> <p class="overview_day">Yesterday</p> <p class="overview_count">1,646</p> <p class="overview_type">Hits</p> <p class="overview_count">2,054</p> <p class="overview_type">Views</p> </div> </article> <div class="clear"></div> </div> </article> <article class="module width_3_quarter"> <header><h3 class="tabs_involved">Content Manager</h3> <ul class="tabs"> <li><a href="#tab1">Posts</a></li> <li><a href="#tab2">Comments</a></li> </ul> </header> <div class="tab_container"> <div id="tab1" class="tab_content"> <table class="tablesorter" cellspacing="0"> <thead> <tr> <th></th> <th>Entry Name</th> <th>Category</th> <th>Created On</th> <th>Actions</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox"></td> <td>Lorem Ipsum Dolor Sit Amet</td> <td>Articles</td> <td>5th April 2011</td> <td><input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td> </tr> <tr> <td><input type="checkbox"></td> <td>Ipsum Lorem Dolor Sit Amet</td> <td>Freebies</td> <td>6th April 2011</td> <td><input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td> </tr> <tr> <td><input type="checkbox"></td> <td>Sit Amet Dolor Ipsum</td> <td>Tutorials</td> <td>10th April 2011</td> <td><input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td> </tr> <tr> <td><input type="checkbox"></td> <td>Dolor Lorem Amet</td> <td>Articles</td> <td>16th April 2011</td> <td><input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td> </tr> <tr> <td><input type="checkbox"></td> <td>Dolor Lorem Amet</td> <td>Articles</td> <td>16th April 2011</td> <td><input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td> </tr> </tbody> </table> </div> <div id="tab2" class="tab_content"> <table class="tablesorter" cellspacing="0"> <thead> <tr> <th></th> <th>Comment</th> <th>Posted by</th> <th>Posted On</th> <th>Actions</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox"></td> <td>Lorem Ipsum Dolor Sit Amet</td> <td>Mark Corrigan</td> <td>5th April 2011</td> <td><input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td> </tr> <tr> <td><input type="checkbox"></td> <td>Ipsum Lorem Dolor Sit Amet</td> <td>Jeremy Usbourne</td> <td>6th April 2011</td> <td><input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td> </tr> <tr> <td><input type="checkbox"></td> <td>Sit Amet Dolor Ipsum</td> <

评论收藏

内容反馈