css3制作网站后台管理面板

2019-09-10 郑州网站建设  

复制代码

代码如下:


<div class="admin-panel clearfix">
<div class="slidebar">
<div class="标志">
<a href=http://www.divcss5.com/css3-style/""></a>
</div>
<ul>
<li><a href="#dashboard" id="targeted">dashboard</a></li>
<li><a href="#posts">posts</a></li>
<li><a href="#media">media</a></li>
<li><a href="#pages">pages</a></li>
<li><a href="#links">links</a></li>
<li><a href="#comments">comments</a></li>
<li><a href="#widgets">widgets</a></li>
<li><a href="#plugins">plugins</a></li>
<li><a href="#users">users</a></li>
<li><a href="#tools">tools</a></li>
<li><a href="#settings">settings</a></li>
</ul>
</div>
<div class="main">
<ul class="topbar clearfix">
<li><a href="#">q</a></li>
<li><a href="#">p</a></li>
<li><a href="#">o</a></li>
<li><a href="#">f</a></li>
<li><a href="#">n</a></li>
</ul>
<div class="mainContent clearfix">
<div id="dashboard">
<h2 class="header"><span class="icon"></span>Dashboard</h2>
<div class="monitor">
<h4>Right Now</h4>
<div class="clearfix">
<ul class="content">
<li>content</li>
<li class="posts"><span class="count">179</span><a href=http://www.divcss5.com/css3-style/"">posts</a></li>
<li class="pages"><span class="count">13</span><a href=http://www.divcss5.com/css3-style/"">pages</a></li>
<li class="categories"><span class="count">21</span><a href=http://www.divcss5.com/css3-style/"">categories</a></li>
<li class="tags"><span class="count">305</span><a href=http://www.divcss5.com/css3-style/"">tags</a></li>
</ul>
<ul class="discussions">
<li>discussions</li>
<li class="comments"><span class="count">353</span><a href=http://www.divcss5.com/css3-style/"">comments</a></li>
<li class="approved"><span class="count">319</span><a href=http://www.divcss5.com/css3-style/"">approved</a></li>
<li class="pending"><span class="count">0</span><a href=http://www.divcss5.com/css3-style/"">pending</a></li>
<li class="spam"><span class="count">34</span><a href=http://www.divcss5.com/css3-style/"">spam</a></li>
</ul>
</div>
<p>Theme <a href=http://www.divcss5.com/css3-style/"">Twenty Eleven</a> with <a href=http://www.divcss5.com/css3-style/"">3 widgets</a></p>
</div>
<div class="quick-press">
<h4>Quick Press</h4>
<form action="" method="post">
<input type="text" name="title" placeholder="Title"/>
<input type="text" name="content" placeholder="Content"/>
<input type="text" name="tags" placeholder="Tags"/>
<button type="button" class="save">l</button>
<button type="button" class="delet">m</button>
<button type="submit" class="submit" name="submit">Publish</button>
</form>
</div>
</div>
<div id="posts">
<h2 class="header">posts</h2>
</div>
<div id="media">
<h2 class="header">media</h2>
</div>
<div id="pages">
<h2 class="header">pages</h2>
</div>
<div id="links">
<h2 class="header">links</h2>
</div>
<div id="comments">
<h2 class="header">comments</h2>
</div>
<div id="widgets">
<h2 class="header">widgets</h2>
</div>
<div id="plugins">
<h2 class="header">plugins</h2>
</div>
<div id="users">
<h2 class="header">users</h2>
</div>
<div id="tools">
<h2 class="header">tools</h2>
</div>
<div id="settings">
<h2 class="header">settings</h2>
</div>
</div>
<ul class="statusbar">
<li><a href=http://www.divcss5.com/css3-style/""></a></li>
<li><a href=http://www.divcss5.com/css3-style/""></a></li>
<li class="profiles-setting"><a href=http://www.divcss5.com/css3-style/"">s</a></li>
<li class="标志ut"><a href=http://www.divcss5.com/css3-style/"">k</a></li>
</ul>
</div>
</div>

CSS 代码

复制代码

代码如下:


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1830.html转载请标明出处,谢谢合作!
标签:
  • 制作
  • 后台
  • 名称
  • CSS3
  • 管理
  • 软件
  • 面板