实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>瀿澕落儘 [http://88526.qzone.qq.com]</title> <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/static/css/site.css"> <link rel="stylesheet" type="text/css" href="/static/font-awesome/css/font-awesome.min.css"> </head> <body> <!-- 顶部 --> <div class="header"> <div class="container"> <div class="left"> <a class="logo" href=""></a> <a href=""><i class="fa fa-home"></i>他的主页</a> <a href=""><i class="fa fa-user"></i>他的动态</a> </div> <div class="right"> <div class="searchbox"> <input type="text" placeholder="用户/游戏/动态"> <a href=""><i class="fa fa-search"></i></a> </div> <div class="userinfo"> <span>|</span> <a href="">返回个人中心</a> <span>|</span> <img src="/static/imgs/userinfo.png" alt=""> <a class="user" href="">Appler [退出]</a> <a href=""><i class="fa fa-cog"></i></a> <a href=""><i class="fa fa-diamond"></i></a> </div> </div> </div> </div> <!-- 中间 --> <div class="body"> <!-- 中间上部 --> <div class="body-up"> <div class="container"> <div class="user-name"> <div class="name-address"> <h1>瀿澕落儘</h1> <a href="" class="level"></a> <a href="" class="fly"></a> <div class="address">瀿澕落儘 http://88526.qzone.qq.com</div> </div> <div class="add-like"> <a href=""><i class="fa fa-plus"></i>加好友</a> <a href=""><i class="fa fa-thumbs-up"></i>赞 | 0</a> </div> </div> <div class="user-detail"> <div class="detail"> <div class="avatar"> <img src="/static/imgs/userinfo.png" alt=""> </div> <div class="nickname"> <p>猪哥@php.cn</p> </div> <div class="vip"> <img src="/static/imgs/vip_year_8.png"> <div class="growth"> <span>成长值 360000 成长速度 35点/天</span> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" style="width: 60%;"></div> </div> </div> <a href=""><img src="/static/imgs/icon-vip-fee-year.png"></a> <div class="lev"></div> </div> <div class="navigation"> <ul> <li><a href="">主页</a></li> <li><a href="">日志</a></li> <li><a href="">留言板</a></li> <li><a href="">相册</a></li> <li><a href="">个人档</a></li> <li><a href="">好友秀</a></li> <li><a href="">更多</a></li> </ul> </div> </div> <div class="weather"> <img src="http://qzonestyle.gtimg.cn/aoi/img/weather/weather-cloudy-sunny.png"> <p class="temperature">30°</p> <div class="addr-time"> <p>合肥</p> <p class="time">4月24日</p> </div> </div> </div> </div> </div> <!-- 中间下部 --> <div class="body-down"> <div class="container"> <!-- 左边 --> <div class="col-md-4"> <div class="left-three-num"> <div class="col-md-4"> <a href=""><span>1</span><br><span class="num-name">照片</span></a> </div> <div class="col-md-4 num-middle"> <a href=""><span>1</span><br><span class="num-name">说说</span></a> </div> <div class="col-md-4"> <a href=""><span>0</span><br><span class="num-name">日志</span></a> </div> </div> <div class="person-info"> <ul class="list-group"> <li class="list-group-item list-group-title">个人档</li> <li class="list-group-item"><i class="fa fa-vcard-o"></i>瀿澕落儘</li> <li class="list-group-item"><i class="fa fa-wpforms"></i>28岁 白羊座 男</li> <li class="list-group-item"><i class="fa fa-shopping-bag"></i>软件公司</li> <li class="list-group-item"><i class="fa fa-graduation-cap"></i>来自 安徽合肥</li> <li class="list-group-item"><a href="">查看详细资料</a></li> </ul> </div> <div class="leave-message"> <ul class="list-group"> <li class="list-group-item list-group-title">留言板</li> <li class="list-group-item list-group-board"> <textarea class="form-control" id="board_msg" placeholder="我也留个言吧"></textarea> <div class="publish-message"> <a href=""><i class="fa fa-smile-o"></i></a> <div class="right-publish"> <label></label><input type="checkbox">私密留言</label><i class="fa fa-diamond"></i> <button>发表</button> </div> </div> </li> <li class="list-group-item message-detail"> <div><span>某男子</span><strong> : </strong>123</div> <p>2018-05-15 15:09:49</p> </li> <li class="list-group-item"><a href="">查看更多留言</a></li> </ul> </div> </div> <!-- 右边 --> <div class="col-md-8"> <div class="birthday"> <div class="panel-body"> <div class="name-time"> <img src="/static/imgs/userinfo.png"> <div class="left-right"> <p>猪哥@php.cn</p> <p class="date">4月11日 09:54</p> </div> <div class="right-icon"> <a href=""><i class="fa fa-angle-down"></i></a> </div> </div> <div class="pic-word"> <img src="/static/imgs/gift-default.jpg"> <div class="detail"> <p>4月13日是<span>猪哥@php.cn</span> 的生日，赶紧送礼物祝他生日快乐吧！</p> <p><button>赠送礼物</button></p> </div> </div> </div> </div> <div class="daily"> <div class="panel-body"> <div class="name-time"> <img src="/static/imgs/userinfo.png"> <div class="left-right"> <p>猪哥@php.cn</p> <p class="date">4月11日 09:54</p> </div> <div class="right-icon"> <a href=""><i class="fa fa-angle-down"></i></a> </div> </div> <div class="daily-word"> <p>看看测试下还有多少人在玩QQ空间</p> <img src="/upload/psb.jpg" alt=""> </div> <div class="send-info"> <i class="fa fa-mobile"></i> <span>来自 iPhone 7 Plus (4G) </span> <div class="looked"> <span>浏览501次</span> <div class="option"> <a href=""><i class="fa fa-thumbs-up"></i></a> <a href=""><i class="fa fa-commenting"></i></a> <a href=""><i class="fa fa-mail-forward"></i></a> </div> </div> </div> <hr> <div class="liked"> <i class="fa fa-thumbs-up"></i> <span>Young °、老新、张小飞、东风、国际金融域名注册局中国办、 、汪星、IDoog、人生、hanbindsg、◆ 郝先生i°、给你买辣条、尘子丿瘾君子、马到成功、。、
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议
