parent
0c3c7ac7ce
commit
1dbd547656
@ -0,0 +1,20 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
#header {
|
||||
background-color:#87CEFA;
|
||||
color:white;
|
||||
text-align:left;
|
||||
padding:5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="header">
|
||||
<h1>个人中心</h1>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,85 +1,15 @@
|
||||
<!doctype html>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<frameset rows="14%,86%">
|
||||
<frame src= "head.html">
|
||||
<frameset cols="120,*">
|
||||
<frame src="导航框架.html">
|
||||
<frame src= "基本资料.html" name="show">
|
||||
</frameset>
|
||||
</frameset><noframes></noframes>
|
||||
<head>
|
||||
<style>
|
||||
#header {
|
||||
background-color:black;
|
||||
color:white;
|
||||
text-align:left;
|
||||
padding:5px;
|
||||
}
|
||||
.city {
|
||||
float:left;
|
||||
margin: 5px;
|
||||
padding: 15px;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.section {
|
||||
float: left;
|
||||
margin: 5px;
|
||||
padding: 15px;
|
||||
width: 430px;
|
||||
height: 680px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.section1{
|
||||
float: left;
|
||||
margin: 5px;
|
||||
padding: 15px;
|
||||
width: 580px;
|
||||
height: 335px;
|
||||
border: 1px solid black;
|
||||
transform: translateY(-380px);
|
||||
}
|
||||
|
||||
.section2{
|
||||
float: left;
|
||||
margin: 5px;
|
||||
padding: 15px;
|
||||
width: 360px;
|
||||
height: 335px;
|
||||
border: 1px solid black;
|
||||
transform: translateY(-380px);
|
||||
position:relative;
|
||||
right:0px
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<h1>约球吧</h1>
|
||||
<h2>个人中心</h2>
|
||||
</div>
|
||||
<div class="city">
|
||||
<h2>基本资料</h2>
|
||||
<p>用户名</p>
|
||||
<p>性别</p>
|
||||
<p>电子邮箱</p>
|
||||
<p>手机号</p>
|
||||
<br>
|
||||
<p><a href ="修改资料界面.html" style="text-decoration: none">修改个人资料</a></p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="city">
|
||||
<h2>个人简介</h2>
|
||||
<p></p>
|
||||
</div>
|
||||
|
||||
<div class="city">
|
||||
<h2>历史订单</h2>
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="section" style="background: url( 图片/14_3.jpg) ">
|
||||
<h2 style="color:black"></h2>
|
||||
</div>
|
||||
<div class="section1" style="background: url(图片/詹姆斯.jpg)">
|
||||
</div>
|
||||
|
||||
<div class="section2" style="background: url( 图片/QQ截图20190107111832.png)">
|
||||
</div>
|
||||
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -0,0 +1,97 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
#main{
|
||||
width:1550px;
|
||||
height:160px;
|
||||
MARGIN-RIGHT: auto;
|
||||
MARGIN-LEFT: auto;
|
||||
}
|
||||
#a{
|
||||
position: absolute;
|
||||
top: 120px;
|
||||
right: 170px;
|
||||
}
|
||||
#b{
|
||||
position: absolute;
|
||||
top: 150px;
|
||||
right: 170px;
|
||||
}
|
||||
#c{
|
||||
position: absolute;
|
||||
top: 180px;
|
||||
right: 170px;
|
||||
}
|
||||
#d{
|
||||
position: absolute;
|
||||
top: 210px;
|
||||
right: 170px;
|
||||
}
|
||||
#e{
|
||||
position: absolute;
|
||||
top: 240px;
|
||||
right: 170px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div style=" background-color:#eeeeee; position:relative;left: 230px; height:1px; width:1000px;"></div>
|
||||
<div style="background-color:#F0F8FF;position: relative;left:230px;transform: translateY(-10px);height: 30px;width: 1000px;">
|
||||
<p style="transform: translateX(50px);">历史订单</p>
|
||||
</div>
|
||||
<div style="background-color:#b0c4de;position: relative;left:230px;transform: translateY(-10px);height: 30px;width: 1000px;">
|
||||
<p style="transform: translateX(50px);"></p>
|
||||
</div>
|
||||
<div style="background-color:#F0F8FF;position: relative;left:231px;transform: translateY(-25px);height: 30px;width: 200px;">
|
||||
<p style="transform: translateX(70px);">球类</p>
|
||||
</div>
|
||||
|
||||
<div style="background-color:#F0F8FF;position: relative;left:432px;transform: translateY(-71px);height: 30px;width: 200px;">
|
||||
<p style="transform: translateX(70px);">约球时间</p>
|
||||
</div>
|
||||
<div style="background-color:#F0F8FF;position: relative;left:633px;transform: translateY(-117px);height: 30px;width: 200px;">
|
||||
<p style="transform: translateX(70px);">约球地点</p>
|
||||
</div>
|
||||
<div style="background-color:#F0F8FF;position: relative;left:834px;transform: translateY(-163px);height: 30px;width: 397px;">
|
||||
<p style="transform: translateX(145px);">订单时间</p>
|
||||
</div>
|
||||
<table border="1">
|
||||
<tr id="a">
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 392px;height: 30px;"></td>
|
||||
</tr>
|
||||
<tr id="b">
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 392px;height: 30px;"></td>
|
||||
</tr>
|
||||
<tr id="c">
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 392px;height: 30px;"></td>
|
||||
</tr>
|
||||
<tr id="d">
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 392px;height: 30px;"></td>
|
||||
</tr>
|
||||
<tr id="e">
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 196px;height: 30px;"></td>
|
||||
<td style="width: 392px;height: 30px;"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div style="background-color:#b0c4de;position: relative;left:230px;transform: translateY(-13px);height: 30px;width: 1000px;">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,88 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
|
||||
#section{
|
||||
background-color: white;
|
||||
color:black;
|
||||
text-align:center;
|
||||
margin:5px;
|
||||
padding: 15px;
|
||||
width:400px;
|
||||
height: 600px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="section">
|
||||
<h1 style="position: relative;left: 200px;">个人资料</h1>
|
||||
<div style=" background-color:#DCDCDC; position:relative;left: 230px; height:1px; width:1000px;"></div>
|
||||
<p style="position: relative;left: 200px;">用户名：</p>
|
||||
<div style="background-color:#87CEFA;position: relative;left:240px; height: 30px;width: 200px;">
|
||||
<p>基本资料</p>
|
||||
</div>
|
||||
<div style="background-color:#87CEEB;position: relative;left:441px;transform: translateY(-46px);height: 30px;width: 700px;">
|
||||
<p></p>
|
||||
</div>
|
||||
<div style="background-color: #eeeeee;float: left;width:200px;height:600px;position:relative;left:240px;transform: translateY(-45px);"></div>
|
||||
<div style="background-color:white;position: relative;left:441px;transform: translateY(-46px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;right: 400px;transform: translateY(-12px);">性别：
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div style="background-color:#eeeeee;position: relative;left:441px;transform: translateY(-80px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;right: 403px;transform: translateY(2px);">手机号:
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div style="background-color:white;position: relative;left:441px;transform: translateY(-46px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;right: 400px;transform: translateY(-47px);">电子邮箱：
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div style="background-color:#eeeeee;position: relative;left:441px;transform: translateY(-115px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;right: 400px;transform: translateY(2px);">生日：
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div style="background-color:white;position: relative;left:441px;transform: translateY(-132px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;left:-400px;transform: translateY(2px);">血型：
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div style="background-color:#87CEFA;position: relative;left:240px; height: 30px;width: 200px;transform: translateY(-150px);">
|
||||
<p style="transform: translateY(-350px);">详细资料</p>
|
||||
</div>
|
||||
<div style="background-color:#87CEEB;position: relative;left:441px;transform: translateY(-195px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;left:-100px;"></p>
|
||||
</div>
|
||||
<div style="background-color:white;position: relative;left:441px;transform: translateY(-46px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;right: 390px;transform: translateY(-157px);">真实姓名：
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div style="background-color:#eeeeee;position: relative;left:441px;transform: translateY(-220px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;right: 395px;transform: translateY(2px);">职业:
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div style="background-color:white;position: relative;left:441px;transform: translateY(-240px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;right: 395px;transform: translateY(2px);">毕业院校:
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div style="background-color:#87CEFA;position: relative;left:240px; height: 30px;width: 200px;transform: translateY(-256px);">
|
||||
<p style="transform: translateY(-120px);">丰富资料</p>
|
||||
</div>
|
||||
<div style="background-color:#87CEEB;position: relative;left:441px;transform: translateY(-302px);height: 30px;width: 700px;">
|
||||
<p style="position: relative;left:-100px;">个人简介</p>
|
||||
<textarea name="个人介绍" rows="20" cols="106" style="position: relative;left 0px; transform:translateY(-45px);"></textarea>
|
||||
</div>
|
||||
<p style="position: relative;top:-720px;left:780px;"><a href ="修改资料界面.html" style="text-decoration: none">修改个人资料</a></p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,12 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p> <a href="基本资料.html" target="show" style="text-decoration: none">基本资料</a> </p>
|
||||
<p> <a href="历史订单.html" target="show" style="text-decoration: none">历史订单</a> </p>
|
||||
<div style=" background-color:#DCDCDC; position:relative;left: -5px;top: -45px; height:2px; width:223px;"></div>
|
||||
<div style=" background-color:#DCDCDC; position:relative;left: -5px;top: -10px; height:2px; width:223px;"></div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue