后台管理页面基本布局

效果图镇楼

html

<body>
    <div id="top"></div>
    <div id="left">
        <div class="left"></div>
    </div>
    <div id="right">
        <div class="right"></div>
    </div>
</body>

style

<style>
    *{margin: 0;padding:0}
    html,body{height: 100%;}
    #top{
        width:100%;
        height: 100px;
        position:fixed;
        z-index: 10;
        background: #666;
    }
    #left{
        width:200px;
        height: 100%;
        position: absolute;
        top:0px;
        left:0;
        background: #999;
    }
    #left .left{
        padding-top:100px;
    }
    #right{
        height: 100%;
        margin-left:200px;
        background:#ccc;
    }
    #right .right{
        padding-top:100px;
    }
</style>

欠我家东东一个大大的生日蛋糕~~~

原文地址：https://www.cnblogs.com/wong-do/p/9056632.html

时间： 2024-11-05 09:51:39

后台管理页面基本布局的相关文章

后台管理页面布局

1 <!DOCTYPE html> 2 <!--后台管理页面布局1--> 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

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

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

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

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

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

<!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

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 { he

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

网站后台管理页面

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

bootstrap 后台管理页面

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