程序方面就不贴了
文件一：usermanagev.
html
代码：
<html
xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" c />
<title>{$title}</title>
<link rel="stylesheet" type="text/
css" href="../Css/body.
css" />
<link rel="stylesheet" type="text/css" href="../Css/Skin/usermanagev.css" />
<link rel="stylesheet" type="text/css" href="../Css/Skin/indexv.css" />{/if}
<script type="text/javascript" src="../Js/Common.js"></script>
<script type="text/javascript" src="../Js/Ajax.class.js"></script>
<script type="text/javascript" src="../Js/ControlPanel/index.js" ></script>
</head>
<body>
<
div id="
div_body">
<div id="left_div"></div>
<div id="center_div">
<div id="ct_div">
<img src="../Images/Skin/v/usrmanv_top.jpg" width="834" height="87" usemap="#top_map" align="top" />
<map name="top_map">
<area shape="rect" coords="43,29,242,75" href="../"/>
</map>
</div>
<div id="ct_tmenu">
<a href="../" class="ctm">首 页</a> |
<a href="../" class="ctm">举报用户</a> |
<a href="index.
php" class="ctm">个人主页</a><a href="reinfo.
php"><font class="f1">(修改)</font></a> |
<a href="../minhome/" class="ctm">我的优友</a> |
<a href="../" class="ctm">部内信</a> |
<a href="../bbs/" class="ctm">论 坛</a>
<a href="../logout.php" class="ctm"><font class="f1">退出</font></a>
</div>
<div id="conter_div">
<div id="conter_s0div"></div>
<div id="conter_ldiv">
<div id="cltop_div"></div>
<div id="lmenu_top"></div>
<div id="lmenu_center">
<div id="lmenu_link">
<a href="yizi.php"><img src="../Images/Skin/v/usrmanv_menuico.gif" width="9" height="9" align="absmiddle" /><font>发表日志</font></a><br/>
<a href="photo.php"><img src="../Images/Skin/v/usrmanv_menuico.gif" width="9" height="9" align="absmiddle" /><font>上传相册</font></a><br/>
<a href="join.php"><img src="../Images/Skin/v/usrmanv_menuico.gif" width="9" height="9" align="absmiddle" /><font>加入圈子</font></a><br/>
<a href="../bbs/forumdisplay.php?fid=6" target="_blank"><img src="../Images/Skin/v/usrmanv_menuico.gif" width="9" height="9" align="absmiddle" /><font>发布求助</font></a><br/>
<a href="../bbs/forumdisplay.php?fid=7" target="_blank"><img src="../Images/Skin/v/usrmanv_menuico.gif" width="9" height="9" align="absmiddle" /><font>求职</font></a><br/>
<a href="msg.php"><img src="../Images/Skin/v/usrmanv_menuico.gif" width="9" height="9" align="absmiddle" /><font>站内信</font></a><br/>
<a href="#"><img src="../Images/Skin/v/usrmanv_menuico.gif" width="9" height="9" align="absmiddle" /><font>学习计划</font></a><br/>
<a href="#"><img src="../Images/Skin/v/usrmanv_menuico.gif" width="9" height="9" align="absmiddle" /><font>在线交流</font></a><br/>
<a href="#"><img src="../Images/Skin/v/usrmanv_menuico.gif" width="9" height="9" align="absmiddle" /><font>在线辅导</font></a>
</div>
<img src="../Images/reg_ad1.jpg" width="181" height="113" border="0" usemap="#Map" />
<map name="Map">
<area shape="rect" coords="64,58,107,73" href="#">
<area shape="rect" coords="129,44,161,56" href="#">
</map>
<a href="#"><img src="../Images/reg_ad2.jpg" width="181" height="64" /></a>
</div>
<div id="lmenu_bottom"></div>
</div>
<div id="conter_s1div"></div>
<div id="conter_rdiv">
<div id="conter_rtdiv">
<div id="conter_rtldiv"></div>
<div id="conter_rtcdiv">
<div style="float:left; width:295px;">
<div id="conter_rtclx">
<div id="conter_rtcldiv"></div>
<div id="conter_rtccdiv"><font color="#ffffff" style="font-weight:bold">{$username}, </font>欢迎进入到优友</div>
<div id="conter_rtcrdiv"></div>
</div>
<div id="title_div">{$linkname}</div>
</div>
<div id="ico_div"><div id="ico_div2">{$rlinkname}</div></div>
</div>
<div id="conter_rtrdiv"></div>
</div>
<div id="conter_center">
<div class="indexvleft">
<div class="indexvleftin">
<div id="cc_ltop"></div>
<div id="cc_ctop"></div>
<div id="cc_rtop"></div>
</div>
<div class="indexvleftin">
<div id="cc_lcenter"></div>
<div id="cc_ccenter">
<div id="seemix">
<div class="lefttop">谁看过我??</div>
<a href="#" class="tea">看过我的人最近被谁浏览过，有哪些朋友.....</a>
</div>
<div class="usrmanvline"></div>
<div id="serch">
<div class="lefttop">优友情侣速配</div>
<div class="serchcon">
<div class="left70" id="serchList">朋友 群组 高级搜索</div>
<div class="left70" id="serchform">
<form id="form1" name="form1" method="post" action="">
<select name="select" id="select">
<option value="1">搜索姓名</option>
</select>
<input type="text" name="serchFriendv" id="serchFriendv" />
<input name="imageField" type="image" id="imageField" src="../Images/Skin/v/index_search_btn.gif" align="middle" />
</form>
</div>
</div>
</div>
<div class="usrmanvline"></div>
<div id="daynews">
<div class="lefttop">每天更新<span><a href="#" class="blue">新鲜事设置</a></span></div>
<div class="newscon"></div>
</div>
<div class="usrmanvline"></div>
<div id="myschool">
<div class="lefttop">我的学校</div>
<div class="setmyinfo"></div>
</div>
</div>
<div id="cc_rcenter"></div>
</div>
<div class="indexvleftin">
<div id="cc_lbottom"></div>
<div id="cc_cbottom"></div>
<div id="cc_rbottom"></div>
</div>
</div>
<div class= id="indexvright">
<div id="myinfo">
<div class="top">个人信息<a href="#">查看全部</a></div>
<div class="linespace"></div>
<div id="showuserStatusdiv" style="display:block;">
<div class="headimg"><img src="../UserPhotos/touxiang.gif"></div>
<div id="nont" class="note">
</div>
</div>
<div id="edituserStatusdiv" style="display:none;">
<textarea name="userEditStatus" id="userEditStatus" cols="16" rows="4"></textarea><P class="status-edit"><span id="statusnum">0/60</span><SPAN id="caozuo"><A href="javascript:newSaveDoing();" class="blue">确定</A> | <A href="javascript:displayStatusEdit();" class="blue">取消</A></SPAN></P>
</div>
</div>
<div id="library">
<div class="top"></div>
<div class="con"></div>
<div class="bot"></div>
</div>
<div id="birthday">
<div class="topimg"></div>
<div class="toptext">生日祝福</div>
<div class="linespace"></div>
</div>
<div id="invite">
<div class="topimg"></div>
<div class="toptext">邀请朋友加入</div>
<div class="linespace"></div>
</div>
</div>
<div id="cc_footer">
<div style="float:left;" id="cc_fl">
<a href="../">优友网</a> © 2007
</div>
<div style="float:right;" id="cc_fr">
<a href="#">优友日志</a> |
<a href="#">关于</a> |
<a href="#">招聘</a> |
<a href="#">客服</a> |
<a href="#">帮助</a> |
<a href="#">隐私声明</a>
</div>
</div>
</div>
<div id="conter_bottom"></div>
</div>
<div id="conter_s2div"></div>
<div id="copy_div">
<div id="copyl_div"></div>
<div id="copyc_div">Copyright @ 2007 优友 All Rights Reserved</div>
<div id="copyr_div"></div>
</div>
</div>
<div style="float:left;"><img src="../Images/Skin/v/usrmanv_lbbdr.gif" width="8" height="7" align="top"/></div>
<div style="float:left; width:818px;"></div>
<div style="float:left;"><img src="../Images/Skin/v/usrmanv_rbbdr.gif" width="8" height="7" align="top"/></div>
</div>
<div id="right_div"></div>
</div>
</body>
</html>
文件二：indexv.css
#cc_footer{
clear:both;
}
.indexvleft{
float:left;
width:410px;
}
.indexvleftin
{
width:410px;
}
#cc_ctop,#cc_cbottom{
width:310px;
}
#cc_ccenter{
width:396px;
padding:0px 20px;
height:10px;
}
.lefttop {
margin-left:10px;
margin-top:5px;
text-align:left;
font-weight:bold;
font-family:"黑体";
color:#333333;
}
.seemix {
border:1px #000000 solid;
background-color:#FFFFFF;
height:50px;
}
.usrmanvline {
margin:3px auto;
height:20px;
width:349px;
background:url(../../Images/Skin/v/usrmanv_line.gif) no-repeat;
}
#serch .serchcon {
margin:8px auto;
width:349px;
height:60px;
background:url(../../Images/Skin/v/index_search_bg.gif) no-repeat;
}
#serchFriendv {
width:100px;
height:20px;
}
.left70 {
float:left;
text-align:left;
margin-left:70px;
}
#serchList {
height:30px;
line-height:30px;
}
#serchform {
padding:0;
clear:left;
width:280px;
height:24px;
line-height:24px;
vertical-align:middle;
}
#daynews span{
margin-left:220px;
}
.indexvright{
margin:0;
padding:0;
float:right;
width:180px;
text-align:left;
}
#myinfo,#library,#birthday,#invite{
margin-bottom:10px;}
.linespace {
height:1px;
width:98%;
font-size:0px;
background:url(../../Images/Skin/v/usrmanv_redline.gif) repeat-x;
}
#myinfo .linespace {
margin:10px auto;
}
#myinfo .top{
font-weight:bold;
color:#FA476F;
}
#myinfo .top a{
margin-left:60px;
}
#myinfo .headimg
{
float:left;
width:65px;
height:75px;
margin-left:5px;
}
#myinfo .note{
text-align:left;
line-height:20px;
}
.status-edit {
width:82%;
margin:2px auto;
text-align:left;
}
.status-edit span {
display:inline;
float:left;
}
#caozuo {
float:right;}
#library .top{
float:left;
width:180px;
height:39px;
background:url(../../Images/Skin/v/book_border_top.gif) no-repeat;
}
#library .con{
width:180px;
background:url(../../Images/Skin/v/book_border_middle.gif) repeat-y;
}
#library .bot{
width:180px;
height:9px;
font-size:0px;
background:url(../../Images/Skin/v/book_border_bottom.gif) repeat-y;
}
#birthday .topimg{
float:left;
width:33px;
height:48px;
background:url(../../Images/Skin/v/index_ico.gif) 0px 0px;
}
.toptext{
margin-top:10px;
text-align:left;
height:23px;
line-height:23px;
font-weight:bold;
color:#FA476F;
}
#invite .topimg{
float:left;
width:40px;
height:36px;
background:url(../../Images/Skin/v/index_ico.gif) 39px 0px;
}
#invite .toptext{
margin-top:5px;
}
文件三：body.css
/* CSS Document */
/*公用CSS*/
html {
width:100%;
text-align:center;
height:100%;
}
select {
font-size:12px;
}
body {
text-align:center;
margin:0px auto;
padding:0px;
width:100%;
height:100%;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif, 宋体;
color:#000000;
}
font{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif, 宋体;
}
td {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif, 宋体;
color:#000000;
}
img{
border:0px;
padding:0px;
}
ul {
list-style:none;
margin:0;
padding:0;
}
form { margin:0; padding:0;}
A:link {
text-decoration: none;
color:#000000;
font-family: "宋体";
}
A:visited {text-decoration: none;color: #000000;}
A:hover {text-decoration:underline; color:red;}
a.red:link, a.red:visited, a.red:active{text-decoration: none;color: #fe0000;}
a.red:hover{text-decoration: underline;color: #C52424;}
a.red_line:link, a.red_line:visited, a.red_line:active,a.red_line:hover{text-decoration:underline;color:#CC33FF;}
a.blue:link, a.blue:visited, a.blue:active{color: #243e91;text-decoration: none;font-weight:normal;}
a.blue:hover{text-decoration: underline;color: #C52424;font-weight:normal;}
a.white:link, a.white:visited, a.white:active{text-decoration: none;color: #fff;}a.white:hover{text-decoration:none;color:#CC9900;}
a.agreen:link, a.agreen:visited, a.agreen:active { color:#33CC00;}
a.yy:link, a.yy:visited, a.yy:active { color:#996600;}
a.666:link, a.ccc:visited, a.ccc:active{text-decoration: none;color:#666666;}
a.666:hover { color:#0066FF; text-decoration:underline;}
a.brown:link, a.brown:visited, a.brown:active{text-decoration: none;color:#50200F;}
a.brown:hover { color:#50200F; text-decoration:underline;}
a.tea:link, a.tea:visited, a.tea:active {text-decoration: none;color:#F38401;}
a.tea:hover {text-decoration: none;color:#F38401;}
.f13{font-size:13px;font-family:simsun;}
.f14{font-size:14px;font-family:simsun;}
.gray{color: #757575;}
.fontccc {color:#CCCCCC;}
.b{font-weight: bold!important;}
div.floatright {float:right;}
div.floatleft {float:left;}
img.border {border: 1px #999999 solid;}
img.blackborder {border:1px #000000 solid; margin:0;}
/*按钮*/
.botton {
width:50px;
height:24px;
padding:0;
cursor:hand;
background:url(../images/reg_botton_bg.jpg);
border-bottom:1px #000033 outset;
border-left:1px #FFFFFF outset;
border-right:1px #000033 outset;
border-top:1px #FFFFFF outset;
line-height:25px;
color:#FFFFFF;
}
/*
文本框*/
.inputtext{
width:130px;
height:20px;
}
.float-right{
float:right;}
.float-left{
float:left;}
文件四：usermanagev.css
/* CSS Document */
div{
margin:0px;
height:3px;
}
#div_body{
width:1000px;
}
#left_div{
float:left;
width:85px;
background-image:url(../../Images/Skin/v/usrmanv_lbg.gif);
height:292px;
}
#right_div{
float:left;
width:81px;
background-image:url(../../Images/Skin/v/usrmanv_lbg.gif);
height:292px;
}
#center_div{
float:left;
width:834px;
}
#ct_tmenu{
background-image:url(../../Images/Skin/v/usrmanv_tmenu.jpg);
width:834px;
height:65px;
padding:10px 145px 0px 140px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
letter-spacing:1px;
}
a.ctm {text-decoration: none;color:#FFFFFF;}
a.ctm:visited {text-decoration: none;color:#FFFFFF;}
a.ctm:hover {text-decoration:underline; color:#FF0000;}
.f1{
font-size:12px;
font-weight:normal;
color:#CCCCCC;
letter-spacing:0px;
}
#conter_div{
border-left:#DDDDDD solid 1px;
border-right:#DDDDDD solid 1px;
width:834px;
text-align:center;
/*padding:2px 11px 7px 8px;*/
padding:2px 0px 7px 0px;
}
#copy_div{
width:100%;
padding:7px 0px 0px 8px;
}
#copyl_div{
float:left;
background-image:url(../../Images/Skin/v/usrmanv_copylb.gif);
width:10px;
height:37px;
}
#copyc_div{
float:left;
background-image:url(../../Images/Skin/v/usrmanv_copycb.gif);
width:792px;
height:37px;
padding:9px 0px 0px 0px;
color:#FFFFFF;
}
#copyr_div{
float:left;
background-image:url(../../Images/Skin/v/usrmanv_copyrb.gif);
height:37px;
width:11px;
}
#conter_s0div{
float:left;
width:11px;
}
#conter_ldiv{
float:left;
width:210px;
}
#cltop_div{
background-image:url(../../Images/Skin/v/usrmanv_usserver.jpg);
height:66px;
}
#conter_s1div{
float:left;
width:7px;
}
#conter_rdiv{
width:596px;
float:left;
}
#conter_s2div{
float:left;
width:8px;
}
#lmenu_top {
background-image:url(../../Images/Skin/v/usrmanv_ltmenu.gif);
height:35px;
width:210px;
}
#lmenu_center {
background-image:url(../../Images/Skin/v/usrmanv_lcmenu.gif);
height:29px;
width:210px;
}
#lmenu_link {
padding:2px 0px 10px 40px;
text-align:left;
line-height:20px;
}
#lmenu_center font{
word-spacing:20px;
letter-spacing:10px;
padding-left:15px;
}
#lmenu_bottom {
background-image:url(../../Images/Skin/v/usrmanv_lbmenu.gif);
height:189px;
width:210px;
}
#conter_rtdiv {
height:91px;
}
#conter_rtldiv {
background-image:url(../../Images/Skin/v/usrmanv_ctlbdr.gif);
width:9px;
height:94px;
float:left;
}
#conter_rtcdiv {
background-image:url(../../Images/Skin/v/usrmanv_ctcbdr.gif);
width:578px;
height:94px;
float:left;
}
#conter_rtclx {
padding:15px 0px 33px 2px;
}
#conter_rtrdiv {
background-image:url(../../Images/Skin/v/usrmanv_ctrbdr.gif);
width:9px;
height:94px;
float:left;
}
#conter_rtcldiv {
background-image:url(../../Images/Skin/v/usrmanv_ctllbdr.gif);
width:26px;
height:25px;
float:left;
}
#conter_rtccdiv {
background-image:url(../../Images/Skin/v/usrmanv_ctlcbdr.gif);
width:223px;
height:25px;
float:left;
color:#FFFFFF;
padding:6px 0px 0px 0px;
}
#conter_rtcrdiv {
background-image:url(../../Images/Skin/v/usrmanv_ctlrbdr.gif);
width:26px;
height:25px;
float:left;
}
#title_div{
color:#E44FAA;
font-weight:bold;
text-align:left;
vertical-align:text-bottom;
padding:5px 0px 0px 3px;
}
#conter_center{
border-left:#E9E9E9 1px solid;
border-right:#E9E9E9 1px solid;
padding:8px 0px 5px 2px;
}
#conter_bottom{
background-image:url(../../Images/Skin/v/usrmanv_conter_bottom.gif);
width:596px;
height:32px;
}
#cc_ltop{
background-image:url(../../Images/Skin/v/usrmanv_conter_lt.gif);
width:50px;
height:28px;
float:left;
}
#cc_ctop{
background-image:url(../../Images/Skin/v/usrmanv_conter_ct.gif);
width:490px;
height:28px;
float:left;
}
#cc_rtop{
background-image:url(../../Images/Skin/v/usrmanv_conter_rt.gif);
width:50px;
height:28px;
float:left;
}
#cc_lcenter{
background-image:url(../../Images/Skin/v/usrmanv_conter_lc.gif);
width:7px;
float:left;
height:100%;
}
#cc_ccenter{
float:left;
background-color:#F7F7F7;
width:576px;
}
#cc_rcenter{
background-image:url(../../Images/Skin/v/usrmanv_conter_rc.gif);
width:7px;
float:left;
height:100%;
}
#cc_lbottom{
background-image:url(../../Images/Skin/v/usrmanv_conter_lb.gif);
width:50px;
height:16px;
float:left;
}
#cc_cbottom{
background-image:url(../../Images/Skin/v/usrmanv_conter_cb.gif);
width:490px;
height:16px;
float:left;
}
#cc_rbottom{
background-image:url(../../Images/Skin/v/usrmanv_conter_rb.gif);
width:50px;
height:16px;
float:left;
}
#cc_footer{
padding: 10px 25px 5px 15px;
text-align:left;
}
#cc_footer a{
color:#E44FAA;
}
#cc_fl{
font-weight:bold;
color:#808080;
}
#lmenu_link a:hover {text-decoration:none; color:red;}
#ico_div{
width:228px;
height:91px;
float:right;
padding-top:15px;
}
#ico_div2{
background-image:url(../../Images/Skin/v/usrmanv_ctico.gif);
height:100%;
text-align:left;
padding-top:61px;
padding-left:30px;
}
#ico_div2 a{
color:#AB277D;
}
.fo{size:1px;color:#8FA5BC}
就这么多了~~
在IE7没问题 IE6里面就没反应
