<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php后臺(tái)管理</title> <link rel="stylesheet" type="text/css" href="main.css" /> </head> <body> <div class="top_box"><iframe src="top.html" name="top" height="100%" width="100%" frameborder="0" scrolling="no"></iframe></div> <div class="left_box"> <iframe src="left.html" name="left" height="100%" width="200" frameborder="0" scrolling="no"></iframe> </div> <div class="right_box"> <iframe src="right.html" name="right" height="100%" width="100%" frameborder="0" ></iframe> </div> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="main.css"/> </head> <body> <div class="logo"><img src="logo-zfb.png"/></div> <div class="admin"> <ul> <li><a href="#">admin</a href="#"></li> <li><a href="#">退出</a href="#"></li> </ul> </div> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="main.css" /> </head> <body> <ul class="leftbox"> <li> <a>首頁(yè)</a> </li> <li> <a href="#">商戶管理</a> <div class="shgl"> <ul> <li> <a href="#">商戶列表</a> </li> <li> <a href="#">添加商戶</a> </li> </ul> </div> </li> <li> <a href="#">訂單管理</a> <div class="ddgl"> <ul> <li> <a href="#">用戶充值訂單</a> </li> <li> <a href="#">商戶體現(xiàn)訂單</a> </li> <li> <a href="#">管理員體現(xiàn)訂單</a> </li> </ul> </div> </li> <li> <a href="#">渠道管理</a> <div class="qdgl"> <ul> <li> <a href="#">渠道信息</a> </li> </ul> </div> </li> <li> <a href="#">利潤(rùn)統(tǒng)計(jì)</a> <div id="lrtj"> <ul> <li> <a href="#">交易曲線</a> </li> <li> <a href="#">管理員賬戶</a> </li> </ul> </div> </li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="main.css"/> </head> <body> <div class="rightbox"> <div class="cue">最近交易記錄</div> <div class="rightboxtj"> <ul class="jrjy"> <li>交易金額：￥50000</li> <li>體現(xiàn)金額：￥48000</li> <li>當(dāng)日交易</li> </ul> <ul class="zrjy"> <li>交易金額：￥50000</li> <li>體現(xiàn)金額：￥48000</li> <li>昨日交易</li> </ul> <ul class="zzjy"> <li>交易金額：￥50000</li> <li>體現(xiàn)金額：￥48000</li> <li>本周交易</li> </ul> <ul class="yrjy"> <li>交易金額：￥50000</li> <li>體現(xiàn)金額：￥48000</li> <li>本月交易</li> </ul> </div> </div> </body> </html>
收藏
/*320.html*/
*{list-style: none; margin: 0; padding: 0; text-decoration: none;}
html body {height: 100%; padding: 0; margin:0; width: 100%;}
.top_box { width: 100%; height: 50px; border-bottom: 2px solid #e4e4e4;}
.left_box{float: left; height: 1200px; background: #3668a9; width: 200px; }
.right_box{ height: 1200px; width:100%; position: absolute;left: 200px;right: 70px;}
/*top.html*/
.logo { float: left; width: 100px; background-color:#5aa3d9; width: 200px; text-align: center; height: 46px; padding-top: 4px;}
.admin { float: right; width: 200px; height: 50px;}
.admin ul { width: 200px;}
.admin ul li{ float: left; padding:0 10px; width: 50px;}
.admin ul li a { width: 50px; height: 100px; text-align: center; line-height: 50px; color: #b1b1b1;}
/*left.html*/
.leftbox{ width: 200px; }
.leftbox a{ width:180px; height: 50px; display: block; background: #5aa3d9; border-bottom: 1px solid white; line-height: 50px; padding-left: 20px; color: white;}
.leftbox a:hover{background:#2f5da0;}
.shgl,.ddgl,.qdgl,.lrtj{display: none;}
/*right.html*/
.rightbox { width: 100%; background: #f2f2f2; height: 1200px;}
.cue{width:150px; height:30px;padding: 20px 0 0 40px;}
.rightboxtj {padding: 40px; width: 100%; height: 150px;}
.rightboxtj ul{ float: left; width: 200px; height: 150px; border-radius: 10px ; background: white; overflow: hidden;margin-right: 60px;}
.rightboxtj ul li { height: 50px; border-bottom: 1px solid #e4e4e4; text-align: center; line-height: 50px; color: #777c9e;}
.rightboxtj ul li:last-child{border: none; background: #5d75d2; color: white;}http://981336937.host50.ldvps.com/php/320/320.html
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)