<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>dESiGNERz-CREW.iNFO - Administry - Admin Template by Zoran Juric</title>
<meta name="description" content="Administry - Admin Template by Zoran Juric" />
<meta name="keywords" content="Admin,Template" />
<!-- Favicons -->
<link rel="shortcut icon" type="image/png" HREF="img/favicons/favicon.png"/>
<link rel="icon" type="image/png" HREF="img/favicons/favicon.png"/>
<link rel="apple-touch-icon" HREF="img/favicons/apple.png" />
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!-- Colour Schemes
Default colour scheme is blue. Uncomment prefered stylesheet to use it.
<link rel="stylesheet" href="css/brown.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/gray.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/green.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/pink.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/red.css" type="text/css" media="screen" />
-->
<!-- Your Custom Stylesheet -->
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<!--swfobject - needed only if you require <video> tag support for older browsers -->
<script type="text/javascript" SRC="js/swfobject.js"></script>
<!-- jQuery with plugins -->
<script type="text/javascript" SRC="js/jquery-1.4.2.min.js"></script>
<!-- Could be loaded remotely from Google CDN : <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> -->
<script type="text/javascript" SRC="js/jquery.ui.core.min.js"></script>
<script type="text/javascript" SRC="js/jquery.ui.widget.min.js"></script>
<script type="text/javascript" SRC="js/jquery.ui.tabs.min.js"></script>
<!-- jQuery tooltips -->
<script type="text/javascript" SRC="js/jquery.tipTip.min.js"></script>
<!-- Superfish navigation -->
<script type="text/javascript" SRC="js/jquery.superfish.min.js"></script>
<script type="text/javascript" SRC="js/jquery.supersubs.min.js"></script>
<!-- jQuery form validation -->
<script type="text/javascript" SRC="js/jquery.validate_pack.js"></script>
<!-- jQuery popup box -->
<script type="text/javascript" SRC="js/jquery.nyroModal.pack.js"></script>
<!-- Internet Explorer Fixes -->
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="all" href="css/ie.css"/>
<script src="js/html5.js"></script>
<![endif]-->
<!--Upgrade MSIE5.5-7 to be compatible with MSIE8: http://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE8.js -->
<!--[if lt IE 8]>
<script src="js/IE8.js"></script>
<![endif]-->
<script type="text/javascript">
$(document).ready(function(){
/* setup navigation, content boxes, etc... */
Administry.setup();
/* tabs */
$("#tabs, #tabs2").tabs();
/* progress bar animations - setting initial values */
Administry.progress("#progress1", 10, 100);
Administry.progress("#progress2", 25, 100);
Administry.progress("#progress3", 50, 100);
/* <video> support for older browsers through flash player embedding */
Administry.videoSupport('video-flash', 'video/video.f4v', 320, 240);
});
</script>
</head>
<body>
<!-- Header -->
<header id="top">
<div class="wrapper">
<!-- Title/Logo - can use text instead of image -->
<div id="title"><img SRC="img/logo.png" alt="Administry" /><!--<span>Administry</span> demo--></div>
<!-- Top navigation -->
<div id="topnav">
<a href="#"><img class="avatar" SRC="img/user_32.png" alt="" /></a>
Logged in as <b>Admin</b>
<span>|</span> <a href="#">Settings</a>
<span>|</span> <a href="#">Logout</a><br />
<small>You have <a href="#" class="high"><b>1</b> new message!</a></small>
</div>
<!-- End of Top navigation -->
<!-- Main navigation -->
<nav id="menu">
<ul class="sf-menu">
<li><a HREF="dashboard.html">Dashboard</a></li>
<li class="current">
<a HREF="styles.html">Styles</a>
<ul>
<li>
<a HREF="styles.html">Basic Styles</a>
</li>
<li>
<a href="#">Sample Pages...</a>
<ul>
<li><a HREF="samples-files.html">Files</a></li>
<li><a HREF="samples-products.html">Products</a></li>
</ul>
</li>
</ul>
</li>
<li><a HREF="tables.html">Tables</a></li>
<li><a HREF="forms.html">Forms</a></li>
<li><a HREF="graphs.html">Graphs</a></li>
</ul>
</nav>
<!-- End of Main navigation -->
<!-- Aside links -->
<aside><b>English</b> · <a href="#">Spanish</a> · <a href="#">German</a></aside>
<!-- End of Aside links -->
</div>
</header>
<!-- End of Header -->
<!-- Page title -->
<div id="pagetitle">
<div class="wrapper">
<h1>Styles → <span>Basics</span></h1>
<!-- Quick search box -->
<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
</div>
</div>
<!-- End of Page title -->
<!-- Page content -->
<div id="page">
<!-- Wrapper -->
<div class="wrapper">
<!-- Left column/section -->
<section class="column width6 first">
<h3>Text</h3>
<span class="subtitle">Sizes, alignments, styles,...</span>
<hr/>
<h2>Heading H2</h2>
<h3>Heading H3</h3>
<h4>Heading H4</h4>
<h5>Heading H5</h5>
<p> </p>
<div class="colgroup leading">
<div class="column width2 first">
<div class="code"><p <span>class="ta-left"</span>></div>
<p class="ta-left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et risus. Maecenas non nunc. Proin eleifend viverra sapien. Donec id augue. Duis erat nunc, volutpat a, bibendum quis, placerat vitae, enim. Etiam consectetur, velit in viverra tempus, urna augue sollicitudin tellus, vitae interdum arcu mi at est.
</p>
</div>
<div class="column width2">
<div class="code"><p <span>class="ta-justify</span>"></div>
<p class="ta-justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et risus. Maecenas non nunc. Proin eleifend viverra sapien. Donec id augue. Duis erat nunc, volutpat a, bibendum quis, placerat vitae, enim. Etiam consectetur, velit in viverra tempus, urna augue sollicitudin tellus, vitae interdum arcu mi at est.
</p>
</div>
<div class="column width2">
<div class="code"><p <span>class="ta-right"</span>></div>
<p class="ta-right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et risus. Maecenas non nunc. Proin eleifend viverra sapien. Donec id augue. Duis erat nunc, volutpat a, bibendum quis, placerat vitae, enim. Etiam consectetur, velit in viverra tempus, urna augue sollicitudin tellus, vitae interdum arcu mi at est.
</p>
</div>
</div>
<p><strong>Lorem ipsum dolor sit amet</strong> <span class="code"><strong></span></p>
<p><em>Lorem ipsum dolor sit amet</em> <span class="code"><em></span></p>
<p><abbr title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</abbr> <span class="code"><abbr></span></p>
<p><code>Lorem ipsum dolor sit amet</code> <span class="code"><code></span> </p>
<p><small>Lorem ipsum dolor sit amet</small> <span class="code"><small></span> </p>
<p><mark>Lorem ipsum dolor sit amet</mark> <span class="code"><mark></span> </p>
<p><del>Lorem ipsum dolor sit amet</del> <span class="code"><del></span> </p>
<p><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a> <span class="code"><a></span> </p>
<p>
<q>
A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.
<cite>Antoine De Saint-Exupery</cite>
超酷后台界面完整html和模板版
4星 · 超过85%的资源 需积分: 10 114 浏览量
2010-12-12
13:28:16
上传
评论
收藏 849KB ZIP 举报 
超酷后台界面完整html和模板版 （118个子文件） 
style.css 45KB style.css 21KB invalid.css 2KB reset.css 1KB custom.css 218B video.f4v 646KB
bg-sidebar.gif 32KB bg-body.gif 21KB bg-radial-gradient.gif 17KB bg-login.gif 13KB ajaxLoader.gif 5KB jquery.wysiwyg.gif 4KB jquery.wysiwyg.gif 4KB bg-menu-item-green.gif 3KB shortcut-button-bg.gif 1KB preview-not-available.gif 326B bg-menu-item-current.gif 315B search.gif 261B next.gif 197B prev.gif 197B bg-button-green.gif 169B bg-content-box.gif 126B bg-form-field.gif 97B tag-bg.gif 92B valid.gif 72B close.gif 70B menu-current-arrow.gif 59B toggle.gif 49B index.htm 6KB
styles.html 26KB tables.html 22KB index.html 22KB forms.html 16KB samples-files.html 15KB graphs.html 14KB samples-products.html 12KB dashboard.html 12KB login.html 3KB ajaxdemo.html 154B
leaflet01.jpg 15KB book01.jpg 12KB card01.jpg 10KB jquery-1.4.2.min.js 70KB jquery.dataTables.min.js 70KB jquery-1.3.2.min.js 56KB jquery.flot.min.js 32KB jquery.sparkline.min.js 24KB jquery.wysiwyg.js 22KB jquery.nyroModal.pack.js 19KB jquery.wysiwyg.min.js 14KB jquery.validate_pack.js 14KB jquery.ui.tabs.min.js 11KB swfobject.js 10KB facebox.js 9KB jquery.tagInput.min.js 7KB administry.js 6KB jquery.tipTip.min.js 5KB simpla.jquery.configuration.js 4KB jquery.flot.selection.min.js 4KB jquery.ui.widget.min.js 3KB jquery.ui.core.min.js 3KB jquery.superfish.min.js 3KB jquery.supersubs.min.js 1KB jquery.datePicker.js 231B jquery.date.js 231B
logo.png 10KB clock_48.png 7KB paper_content_pencil_48.png 5KB comment_48.png 5KB logo.png 5KB image_add_48.png 5KB pencil_48.png 4KB apple.png 3KB cross_grey_small.png 3KB bg-login-top.png 3KB shadow.png 2KB favicon.png 1KB style.png 813B help.png 786B accept.png 781B hammer_screwdriver.png 780B information.png 778B page_save.png 774B dESiGNERz-CREW.iNFO.png 753B tick_circle.png 741B add.png 733B information.png 725B cross_circle.png 721B delete.png 715B exclamation.png 701B error.png 666B user_32.png 624B exclamation.png 622B key.png 612B page_white_go.png 612B book.png 593B cancel.png 587B cross.png 540B pencil.png 497B quote.png 374B共 118 条
- 1
- 2
资源评论
sleeping0012012-05-18站酷中有这个的资源 不过就模板而言 代码确实写得很不错- liumumu132013-04-10代码 很适合 初学者啊 练练手不错
- davidgjy2013-01-23模板一般，适合初学者！
