21 Star 38 Fork 3

delxiong / in admin panel

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
index.html 23.80 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
Del Xiong 提交于 2016-05-24 17:16 . base
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IN ADMIN PANEL | Powered by INDEZINER</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="clockp.js"></script>
<script type="text/javascript" src="clockh.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="ddaccordion.js"></script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
<script type="text/javascript" src="jconfirmaction.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.ask').jConfirmAction();
});
</script>
<script language="javascript" type="text/javascript" src="niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="niceforms-default.css" />
</head>
<body>
<div id="main_container">
<div class="header">
<div class="logo"><a href="#"><img src="images/logo.gif" alt="" title="" border="0" /></a></div>
<div class="right_header">Welcome Admin, <a href="#">Visit site</a> | <a href="#" class="messages">(3) Messages</a> | <a href="#" class="logout">Logout</a></div>
<div id="clock_a"></div>
</div>
<div class="main_content">
<div class="menu">
<ul>
<li><a class="current" href="index.html">Admin Home</a></li>
<li><a href="list.html">Manage Categories<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="login.html">Manage Users<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a class="sub1" href="" title="">sublevel2<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="" title="">sublevel link</a></li>
<li><a href="" title="">sulevel link</a></li>
<li><a class="sub2" href="#nogo">sublevel3<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#nogo">Third level-1</a></li>
<li><a href="#nogo">Third level-2</a></li>
<li><a href="#nogo">Third level-3</a></li>
<li><a href="#nogo">Third level-4</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="" title="">sulevel link</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="login.html">Manage Orders<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a class="sub1" href="" title="">sublevel2<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="" title="">sublevel link</a></li>
<li><a href="" title="">sulevel link</a></li>
<li><a class="sub2" href="#nogo">sublevel3<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#nogo">Third level-1</a></li>
<li><a href="#nogo">Third level-2</a></li>
<li><a href="#nogo">Third level-3</a></li>
<li><a href="#nogo">Third level-4</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="" title="">sulevel link</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="login.html">Settings<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
<li><a class="sub1" href="" title="">sublevel2<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="" title="">sublevel link</a></li>
<li><a href="" title="">sulevel link</a></li>
<li><a class="sub2" href="#nogo">sublevel3<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#nogo">Third level-1</a></li>
<li><a href="#nogo">Third level-2</a></li>
<li><a href="#nogo">Third level-3</a></li>
<li><a href="#nogo">Third level-4</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="" title="">sulevel link</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="" title="">Lorem ipsum dolor sit amet</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="">Templates</a></li>
<li><a href="">Custom details</a></li>
<li><a href="">Contact</a></li>
</ul>
</div>
<div class="center_content">
<div class="left_content">
<div class="sidebar_search">
<form>
<input type="text" name="" class="search_input" value="search keyword" onclick="this.value=''" />
<input type="image" class="search_submit" src="images/search.png" />
</form>
</div>
<div class="sidebarmenu">
<a class="menuitem submenuheader" href="">Subcategories</a>
<div class="submenu">
<ul>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="" >Sidebar Settings</a>
<div class="submenu">
<ul>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="">Add new products</a>
<div class="submenu">
<ul>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
<li><a href="">Sidebar submenu</a></li>
</ul>
</div>
<a class="menuitem" href="">User Reference</a>
<a class="menuitem" href="">Blue button</a>
<a class="menuitem_green" href="">Green button</a>
<a class="menuitem_red" href="">Red button</a>
</div>
<div class="sidebar_box">
<div class="sidebar_box_top"></div>
<div class="sidebar_box_content">
<h3>User help desk</h3>
<img src="images/info.png" alt="" title="" class="sidebar_icon_right" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<div class="sidebar_box_bottom"></div>
</div>
<div class="sidebar_box">
<div class="sidebar_box_top"></div>
<div class="sidebar_box_content">
<h4>Important notice</h4>
<img src="images/notice.png" alt="" title="" class="sidebar_icon_right" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<div class="sidebar_box_bottom"></div>
</div>
<div class="sidebar_box">
<div class="sidebar_box_top"></div>
<div class="sidebar_box_content">
<h5>Download photos</h5>
<img src="images/photo.png" alt="" title="" class="sidebar_icon_right" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<div class="sidebar_box_bottom"></div>
</div>
<div class="sidebar_box">
<div class="sidebar_box_top"></div>
<div class="sidebar_box_content">
<h3>To do List</h3>
<img src="images/info.png" alt="" title="" class="sidebar_icon_right" />
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit ametconsectetur <strong>adipisicing</strong> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li>Lorem ipsum dolor sit amet, consectetur <a href="#">adipisicing</a> elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
</ul>
</div>
<div class="sidebar_box_bottom"></div>
</div>
</div>
<div class="right_content">
<h2>Products Categories Settings</h2>
<table id="rounded-corner" summary="2007 Major IT Companies' Profit">
<thead>
<tr>
<th scope="col" class="rounded-company"></th>
<th scope="col" class="rounded">Product</th>
<th scope="col" class="rounded">Details</th>
<th scope="col" class="rounded">Price</th>
<th scope="col" class="rounded">Date</th>
<th scope="col" class="rounded">Edit</th>
<th scope="col" class="rounded-q4">Delete</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="6" class="rounded-foot-left"><em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.</em></td>
<td class="rounded-foot-right">&nbsp;</td>
</tr>
</tfoot>
<tbody>
<tr>
<td><input type="checkbox" name="" /></td>
<td>Product name</td>
<td>details</td>
<td>150$</td>
<td>12/05/2010</td>
<td><a href="#"><img src="images/user_edit.png" alt="" title="" border="0" /></a></td>
<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" /></td>
<td>Product name</td>
<td>details</td>
<td>150$</td>
<td>12/05/2010</td>
<td><a href="#"><img src="images/user_edit.png" alt="" title="" border="0" /></a></td>
<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" /></td>
<td>Product name</td>
<td>details</td>
<td>150$</td>
<td>12/05/2010</td>
<td><a href="#"><img src="images/user_edit.png" alt="" title="" border="0" /></a></td>
<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" /></td>
<td>Product name</td>
<td>details</td>
<td>150$</td>
<td>12/05/2010</td>
<td><a href="#"><img src="images/user_edit.png" alt="" title="" border="0" /></a></td>
<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" /></td>
<td>Product name</td>
<td>details</td>
<td>150$</td>
<td>12/05/2010</td>
<td><a href="#"><img src="images/user_edit.png" alt="" title="" border="0" /></a></td>
<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" /></td>
<td>Product name</td>
<td>details</td>
<td>150$</td>
<td>12/05/2010</td>
<td><a href="#"><img src="images/user_edit.png" alt="" title="" border="0" /></a></td>
<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
</tr>
</tbody>
</table>
<a href="#" class="bt_green"><span class="bt_green_lft"></span><strong>Add new item</strong><span class="bt_green_r"></span></a>
<a href="#" class="bt_blue"><span class="bt_blue_lft"></span><strong>View all items from category</strong><span class="bt_blue_r"></span></a>
<a href="#" class="bt_red"><span class="bt_red_lft"></span><strong>Delete items</strong><span class="bt_red_r"></span></a>
<div class="pagination">
<span class="disabled"><< prev</span><span class="current">1</span><a href="">2</a><a href="">3</a><a href="">4</a><a href="">5</a><a href="">10</a><a href="">11</a><a href="">12</a>...<a href="">100</a><a href="">101</a><a href="">next >></a>
</div>
<h2>Warning Box examples</h2>
<div class="warning_box">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.
</div>
<div class="valid_box">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.
</div>
<div class="error_box">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.
</div>
<h2>Nice Form example</h2>
<div class="form">
<form action="" method="post" class="niceform">
<fieldset>
<dl>
<dt><label for="email">Email Address:</label></dt>
<dd><input type="text" name="" id="" size="54" /></dd>
</dl>
<dl>
<dt><label for="password">Password:</label></dt>
<dd><input type="text" name="" id="" size="54" /></dd>
</dl>
<dl>
<dt><label for="gender">Select categories:</label></dt>
<dd>
<select size="1" name="gender" id="">
<option value="">Select option 1</option>
<option value="">Select option 2</option>
<option value="">Select option 3</option>
<option value="">Select option 4</option>
<option value="">Select option 5</option>
</select>
</dd>
</dl>
<dl>
<dt><label for="interests">Select tags:</label></dt>
<dd>
<input type="checkbox" name="interests[]" id="" value="" /><label class="check_label">Web design</label>
<input type="checkbox" name="interests[]" id="" value="" /><label class="check_label">Business</label>
<input type="checkbox" name="interests[]" id="" value="" /><label class="check_label">Simple</label>
<input type="checkbox" name="interests[]" id="" value="" /><label class="check_label">Clean</label>
</dd>
</dl>
<dl>
<dt><label for="color">Select type</label></dt>
<dd>
<input type="radio" name="type" id="" value="" /><label class="check_label">Basic</label>
<input type="radio" name="type" id="" value="" /><label class="check_label">Medium</label>
<input type="radio" name="type" id="" value="" /><label class="check_label">Premium</label>
</dd>
</dl>
<dl>
<dt><label for="upload">Upload a File:</label></dt>
<dd><input type="file" name="upload" id="upload" /></dd>
</dl>
<dl>
<dt><label for="comments">Message:</label></dt>
<dd><textarea name="comments" id="comments" rows="5" cols="36"></textarea></dd>
</dl>
<dl>
<dt><label></label></dt>
<dd>
<input type="checkbox" name="interests[]" id="" value="" /><label class="check_label">I agree to the <a href="#">terms &amp; conditions</a></label>
</dd>
</dl>
<dl class="submit">
<input type="submit" name="submit" id="submit" value="Submit" />
</dl>
</fieldset>
</form>
</div>
</div><!-- end of right content-->
</div> <!--end of center content -->
<div class="clear"></div>
</div> <!--end of main content-->
<div class="footer">
<div class="left_footer">IN ADMIN PANEL | Powered by <a href="http://indeziner.com">INDEZINER</a></div>
<div class="right_footer"><a href="http://indeziner.com"><img src="images/indeziner_logo.gif" alt="" title="" border="0" /></a></div>
</div>
</div>
</body>
</html>
JavaScript
1
https://gitee.com/splot/in-admin-panel.git
git@gitee.com:splot/in-admin-panel.git
splot
in-admin-panel
in admin panel
master

搜索帮助

14c37bed 8189591 565d56ea 8189591