css做的后台管理页面，不考虑ie8一下的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>盒子模型</title>
<style type="text/css">
* {
    margin:0;
    padding:0;
}
html, body {
    height:100%;
    width:100%;
    overflow:hidden;
}
.wrap {
    height:100%;
    width:100%;
    overflow:hidden;
    padding:110px 0 70px;
    box-sizing:border-box;
}
.head {
    height:100px;
    background:#933;
    width:100%;
    margin:-110px 0 10px;
}
.body {
    height:100%;
    overflow:hidden;
    line-height:30px;
}
.bar {
    width:280px;
    height:100%;
    background:#9CF;
    float:left;
    overflow:auto;
    padding:0 10px;
}
.con {
    margin-left:310px;
    background:#6F6;
    height:100%;
    overflow:auto;
    padding:0 10px;
}
.foot {
    height:60px;
    background:#099;
    width:100%;
    margin-top:10px;
}
</style>
</head>
<body>
<div class="wrap">
  <div class="head"></div>
  <div class="body">
    <div class="bar">
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
    </div>
    <div class="con">
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
      <p>asdasdas</p>
    </div>
  </div>
  <div class="foot"></div>
</div>
</body>
</html>

时间： 2024-11-08 16:09:30

css做的后台管理页面，不考虑ie8一下的的相关文章

wordpress——在插件后台管理页面中添加javascript和ajax

最近在开发一个wordpress插件,需要在插件的后台管理页面上,添加自己写的javascript文件,以达到一些功能. 查了好几天的文档和资料,终于实现了. 这里先介绍下wordpress后台页面添加javascript的过程,再介绍添加ajax的过程. 添加javascript 首先我们需要知道wordpress插件开发的框架,然后再介绍javascript添加的步骤. 添加插件设置页面开发插件,总需要在管理后台添加自己的插件设置页面.插件设置子页面,在这些页面中,可以设置和保存插件的一些

后台管理页面布局

1 <!DOCTYPE html> 2  3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 <style> 8 body{ 9 margin: 0; 10 } 11 .left{ 12 float: left; 13 } 14 .rig

最为纯粹简单的后台管理页面框架

<!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 runat="server"> <title

5. 添加后台管理页面

接着上篇继续,博客网站少不了后台管理页面,在后台可以添加文章以及维护基础数据,因此本文主要就介绍怎样添加视图页面.怎样使用视图模型.绑定静态资源以及ThymeLeaf模板引擎的基本使用,具体如下:1. 添加Menu类,表示后台管理页面中的左侧菜单 1 package com.lvniao.blog.model; 2 3 import java.util.ArrayList; 4 import java.util.List; 5 6 public class Menu { 7 8 private

8 功能6：后台管理页面，编辑文章

1.后台管理页面之文本编辑 # 后台管理url re_path(r'^cn_backend/$', views.cn_backend, name='cn_backend'), re_path(r'^cn_backend/add_article/$', views.add_article, name='add_articles'), view视图 from django.shortcuts import render, HttpResponse, redirect from blog import

HTML高级标签（2）————窗口分帧（2）————后台管理页面

使用frameset进行窗口分帧,构建简易的后台页面.这篇博客就作为一个简易后台管理页面的实战演练. 1 首先,需要一个页面,使用<frameset>按比例划分为适合的三个区域:头部,菜单,主体. <frameset>不能放在<body>中编写. 给每一个<frame>进行命名,便于后面链接时target属性可以直接指向指定位置. 代码如下(文件名自定义,我写的是 frameset.html): <html> <head> <

27款后台管理页面设计 DIV+CSS+JS

-----------. 演示: http://www.websjy.com/club/websj ... _61040268/index.htm http://www.websjy.com/club/websj ... 249562930_99810268/ http://www.websjy.com/club/websj ... 249563002_83490268/ http://www.websjy.com/club/websj ... /login_admin_green/ http:

bootstrap 后台管理页面

声明: 左侧菜单借鉴了网上的二级菜单的样式.希望作者不要追究我的法律责任. 功能说明:点击左侧菜单,右侧生成tabs,加载数据.tabs 可关闭.默认选中. 插件说明:使用bootstrapgrid 和jquery ui bootstrap.数据显示使用bootstrapgrid, tabs 生成和删除,使用jquery ui bootstrap. index.html <!DOCTYPE html> <html> <head> <meta charset=&q

网站后台管理页面

转自:http://blog.sina.com.cn/s/blog_3ecab8250101dq1u.html 1.工具辅助查找 2.网站资源利用如:网站根目录Robots.txt文本.图片路径爆后台.查看网站底部版权信息是否有连接.通过网站里的文件名查询源码下载得知 3.根据网站的漏洞 4.搜索引擎查询命令很多种列几种自己常用的吧: site:hackseo.netintext:管理|后台|登陆|用户名|密码|验证码|系统|帐号|manage|admin|login|system site