亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 59
粉絲 0
評論 1
訪問量 57370
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
前端實(shí)戰(zhàn)：QQ空間——2018年5月16日
白貓警長的博客
原創(chuàng)
828人瀏覽過

實(shí)例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>瀿澕落儘 [http://88526.qzone.qq.com]</title>
	<link rel="stylesheet" type="text/css" href="/qzone-0515/static/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="/qzone-0515/static/css/tets.css">
	<link rel="stylesheet" type="text/css" href="/qzone-0515/static/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>	
	<!--頂部-->
	<div class="header">
	<div class="container">
		<div class="left">
			<a href="#" class="logo"></a>
			<a href="#"><i class="fa fa-home"></i>他的主頁</a>
			<a href="#"><i class="fa fa-user"></i>他的動態(tài)</a>
		</div>
		<div class="right">
			<div class="userinfo">
				<span> | </span>
				<a href="#">返回個人中心</a>
				<span>|</span>
				<a href="#" style="font-size: 12px;"><img src="/qzone-0515/static/imgs/userinfo.png">Appler [退出]</a>
				<a href="#"><i class="fa fa-cog" style="font-size: 15px; margin-left: 20px;"></i></a>
				<a href="#"><i class="fa fa-diamond" style="font-size:15px; margin-left: 20px;"></i></a>
				<a href="#"></a>
			</div>
			<div class="zt">
				<a href="javascript:" class="sus"></a>
				<a href="javascript:" class="sul"></a>
			</div>
			<div class="search-box">
				<input type="text" placeholder="用戶/游戲/動態(tài)">
				<a href="#" class="search" ><i class="fa fa-search"></i></a>
			</div>
		</div>
	</div>
	</div>

	<!--中部-->
<div class="middle">
	<div class="container">
			<div class="website">
				<div class="left">
					<div class="up">
						<h1>瀿澕落儘</h1>
						<a href="#" class="ap"></a>
						<a href="#" class="lp"></a>
					</div>
					<div class="below">瀿澕落儘 http://88526.qzone.qq.com</div>
				</div>
				<div class="right">
				<a href="" class="hy"><i class="fa fa-plus"></i>加為好友</a>
				<a href="" class="dz"><i class="fa fa-thumbs-up"></i>贊 | 1</a>
				</div>	
			</div>
	
			<div class="web_top">
				<div class="top_left">
					<div class="via">
						<img src="/qzone-0515/static/imgs/userinfo.png">
					</div>
					<div class="top_name">
						<h4>豬哥@php.cn</h4>
						<div class="member">
							<a href="#" class="vip"></a>
							<div class="ll">
							<a href="#" class="gro">成長值 36805  成長速度 35點(diǎn)/天</a>
							<div class="progress">
					  			<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;height: 5px;">60%</div>
							</div>	
							</div>
							<a href="#" class="vip-fee"></a>
							<a href="#" class="vip-cro"></a>
						</div>

						<div class="navi clear">
							<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>
			
				<div class="top_right">
					<a href="#" class="yun"></a>
					<strong>29</strong>
					<span>°廈門<br>5月17日</span>
				</div>
			</div>

		<!-- 中間大區(qū)塊，左右兩邊布局 -->
		<div class="coneet">
		<!-- 左側(cè) -->
		<div class="con_left">
			<div class="list-1">
				<a href="#"><b>0</b><br>照片</a>
				<a href="#"><b>1</b><br>說說</a>
				<a href="#"><b>0</b><br>日志</a>
			</div>
			<div class="list-2">
				<ul>
					<li class="ge"><strong>個人檔</strong></li>
					<li><i class="fa fa-vcard-o"></i>瀿澕落儘</li>
					<li><i class="fa fa-wpforms"></i>28歲  白羊座 男</li>
					<li><i class="fa fa-shopping-bag"></i>軟件公司</li>
					<li><i class="fa fa-graduation-cap"></i>來自 安徽合肥</li>
					<li><a href="#">查看詳細(xì)資料</a></li>
				</ul>
			</div>
			<div class="list-3">
				<ul>
					<li class="ge"><strong>留言板</strong></li>
					<li>
						<textarea name="" id="" cols="5" rows="3" placeholder="我也留個言吧"></textarea>
						<a href="javascript:" class="blow"><i class="fa fa-smile-o"></i></a>
						<div class="bq_right">
						
							<label><input type="checkbox" name="">私密留言<i class="fa fa-diamond"></i></label>
							<button>發(fā)表</button>
						</div>
						<div class="clear"></div>
					</li>
					<li>
						<a href="#">五趾的魚:</a>
						<span>大家一起踩踩</span>
						<p>2018-05-11 20:17:23</p>
					</li>
					<li>
						<a href="#">五趾的魚:</a>
						<span>大家一起踩踩</span>
						<p>2018-05-11 20:17:23</p>
					</li>
					<li>
						<a href="#">五趾的魚:</a>
						<span>大家一起踩踩</span>
						<p>2018-05-11 20:17:23</p>
					</li>
					<li>
						<a href="#">五趾的魚:</a>
						<span>大家一起踩踩</span>
						<p>2018-05-11 20:17:23</p>
					</li>
				</ul>
			</div>
		</div>

		<!-- 右側(cè) -->
		<div class="con_right">
			<div class="list_right1">
				<div class="tu">
					<img src="/qzone-0515/static/imgs/userinfo.png"> 
				</div>
				<div class="gift">
					<a href="#">豬哥@php.cn</a>
					<p>4月11日 09:54</p>
				</div> 
				<div class="right">
					<a href=""><i class="fa fa-angle-down"></i></a>
				</div>
				<div class="clear"></div>
				<div class="giftfo">
					<div class="left">
						<img src="/qzone-0515/static/imgs/gift-default.jpg" alt="贈送禮物">
					</div>
					<div class="right">
						<span>4月13日是豬哥@php.cn 的生日，趕緊送禮物祝他生日快樂吧！...</span>
						<button>贈送禮物</button>
					</div>
				</div>
			</div>

			<!-- 第二欄 -->
			<div class="right-jour">
				<div class="tu">
					<img src="/qzone-0515/static/imgs/userinfo.png"> 
				</div>
				<div class="gift">
					<a href="#">豬哥@php.cn</a>
					<p>4月11日 09:54</p>
				</div> 
				<div class="right">
					<a href=""><i class="fa fa-angle-down"></i></a>
				</div>
				<div class="clear"></div>
				<div class="nexw">
					<p>看看測試下還有多少人在玩QQ空間</p>
					<img src="/qzone-0515/static/imgs/psb.jpg">
				</div>
				<div class="rig_state">
					<i class="fa fa-mobile"></i>
					<span>來自 iPhone 7 Plus (4G) </span>
					<div style="margin-top: 10px;">
						<span>瀏覽645次</span>						
						<p>
							<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>
						</p>
					</div>
				</div>
				<hr>
				<div class="praise">
					<i class="fa fa-thumbs-up"></i>
					<span>Young °、老新、張小飛、東風(fēng)、國際金融域名注冊局中國辦、　　　　、汪星、IDoog、人生、hanbindsg、◆ 郝先生i°、給你買辣條、塵子丿癮君子、馬到成功、。、
批改狀態(tài)：未批改

老師批語：
本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報(bào)處理！
全部評論 文明上網(wǎng)理性發(fā)言，請遵守新聞評論服務(wù)協(xié)議
0條評論
作者最新博文
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

    • 登錄PHP中文網(wǎng)，和優(yōu)秀的人一起學(xué)習(xí)！
    全站2000+教程免費(fèi)學(xué)