Edit in JSRUN


            
<script src="http://ossweb-img.qq.com/images/js/title.js"></script>
<div class="p_top pr">
    <div class="p_nav pr">
        <a href="http://wb.qq.com/" target="_top" class="p_logo db" title="QQ网吧">QQ网吧</a>
        <div class="p_n_link oh">
            <a href="http://wb.qq.com/index.html" target="_top">首页</a> | 
            <a href="http://wb.qq.com/NewGamesArea/games_area.html" target="_top">新游礼包</a> | 
            <a href="http://wb.qq.com/DailyActivities/daily_activities.html" target="_top">精彩活动</a> | 
            <a href="http://wb.qq.com/daojucheng/index.html" target="_top">道聚城</a> 
        </div>
    </div>
</div>

<div id="header" class="ig-navbar fixed-top" role="navigation">
	<div class="column">
		<h1 class="ig-logo">
			<a href="/" accesskey="1" tabindex="2"></a>
			<span class="alt-logo">游戏人生</span>
		</h1>
		<div class="ig-nav">
			<ul>
				<li class="selected">
					<a href="javascript:;"><i class="icon icon-center"></i>个人中心</a>
				</li>
				<li>
					<a href="javascript:;"><i class="icon icon-home"></i>我的主页</a>
				</li>
				<li>
					<a href="javascript:;"><i class="icon icon-app"></i>服务大厅</a>
				</li>
				<li>
					<a href="javascript:;"><i class="icon icon-search"></i>找游戏</a>
				</li>
			</ul>
		</div>
		<div class="ig-user">
			<div class="info">
				<!-- 
				<span class="info-bd">
					<span class="head">
						<img src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/head24.jpg" width="24" height="24" alt="游戏人生头像" />
					</span>
					<span class="name">sucichen</span>
				</span>  
				<a href="javascript:;" class="logout">[退出]</a>
				-->
				
				<!-- 用户下拉改造 by sonic 2013-11-07 -->
				<div class="f-dropmenu" onmouseover="this.className='f-dropmenu f-dropmenu-hover'" onmouseout="this.className='f-dropmenu'">
					<div class="f-dropmenu-main">
						<p class="f-dropmenu-main-title">
							<img src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/head24.jpg" width="24" height="24" alt="游戏人生头像" class="avatar" />
							<span class="nickname">
								<!-- 少于7等于7个中文字时输出 <em></em> -->
								<!-- <em>用户名用户</em> -->
								<!-- 多于7个中文字时输出<em class="nickname-limite"></em> 包住中文名 -->
								<em class="nickname-limite">用户名七个中文超过的看不到</em>
								
								<a href="#"><i title="xx认证" class="icon-w16 icon-v1"></i></a>
							</span>
							<em class="f-dropmenu-arrow"></em>
						</p>                        
					</div>
					<div class="f-dropmenu-sub">
						<div class="f-dropmenu-sub-ct">
							<ul class="f-dropment-sub-list">
								<li><a href="#">个人主页</a></li>
								<li>
									<a href="#">我的认证</a>
								</li>
								<li><a href="javascript:;">退出</a></li>
							</ul>
							<div style="top:50px;right:290px;" class="auth-tips-box">
								<span class="atb-trig"><i class="atb-trig-in">◆</i><i class="atb-trig-out">◆</i></span>
								<a href="#" class="atb-close">×</a>
								<h5>恭喜成为[<span>英雄联盟</span>]视频达人</h5>
								<p><a href="#" class="c-txt4">点击查看详情</a></p>
							</div>
						</div>
					</div>
				</div><!-- 用户下拉改造 by sonic 2013-11-07 -->

			</div>
			<div class="msg-tip">
				<div class="msg-follow msg-list dropdown">
					<a href="javascript:;" class="a-follow msg-list-link" title="站内信"><span class="icon icon-msg-follow"></span></a>
					<sup class="ui-sup"><b>20200</b></sup>
					<div class="dropdown-cnt">
						<div class="mod-title-2 notice-title-1">
							<h2 class="title-txt">站内信</h2>
							<div class="title-action"><a class="c-txt4" href="javascript:;">查看全部</a></div>
						</div>
						<ul class="dropdown-cnt-list">
							<li><p class="txt-center">没有新通知</p></li>
							<li><a class="msg-author-img" href="javascript:;"><img name="" src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/head112.jpg" width="40" height="40" /></a><p><a href="" class="msg-send-author">素喜</a><a href="" class="msg-btn-action c-txt4">查看</a></p><p><span>赶紧上线啊,干嘛呢??</span></p><span class="c-txt5">2012-12-12 22:11</span></li>
							<li><a class="msg-author-img" href="javascript:;"><img name="" src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/head112.jpg" width="40" height="40" /></a><p><a href="" class="msg-send-author">素喜</a><a href="" class="msg-btn-action c-txt5">已收听</a></p><p><span>赶紧上线啊,干嘛呢??</span></p><span class="c-txt5">2012-12-12 22:11</span></li>
							<li><img name="" src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/head112.jpg" width="40" height="40" /><p>素喜</p><p><span>赶紧上线啊,干嘛呢??</span></p><span class="c-txt5">2012-12-12 22:11</span></li>
						</ul>
						<p class="dropdown-cnt-end txt-center"><a href="#" class="c-txt4">还有7条新站内信</a></p>
					</div>
				</div>
				<div class="msg-site msg-list dropdown">
					<a href="javascript:;" class="a-site msg-list-link" title="听众提醒"><span class="icon icon-msg-site"></span></a>
					<sup class="ui-sup"><b>20</b></sup>
					<div class="dropdown-cnt">
						<div class="mod-title-2 notice-title-1">
							<h2 class="title-txt">听众提醒</h2>
							<div class="title-action"><a class="c-txt4" href="javascript:;">查看全部</a></div>
						</div>
						<ul class="dropdown-cnt-list">
							<li><p class="txt-center">没有新通知</p></li>
							<li><a href="javascript:;"><img name="" src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/head112.jpg" width="40" height="40" /></a><p class="c"><a href="" class="msg-send-author">素喜</a><a href="" class="msg-btn-see c-txt4">查看</a></p><p><span>成为你的听众</span></p><span class="c-txt5">2012-12-12 22:11</span></li>
							<li><img name="" src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/head112.jpg" width="40" height="40" /><p>素喜</p><p><span>成为你的听众</span></p><span class="c-txt5">2012-12-12 22:11</span></li>
							<li><img name="" src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/head112.jpg" width="40" height="40" /><p>素喜</p><p><span>成为你的听众</span></p><span class="c-txt5">2012-12-12 22:11</span></li>
						</ul>
						<p class="dropdown-cnt-end txt-center"><a href="#" class="c-txt4">还有7条新站内信</a></p>
					</div>
				</div>
				<div class="msg-system msg-list dropdown">
					<a href="javascript:;" class="a-system msg-list-link" title="系统通知"><span class="icon icon-msg-system"></span></a>
					<sup class="ui-sup"><b>2</b></sup>
					<div class="dropdown-cnt">
						
						<div class="mod-title-2 notice-title-1">
							<h2 class="title-txt">系统通知</h2>
							<div class="title-action"><a class="c-txt4" href="javascript:;">查看全部</a></div>
						</div>
						<ul class="dropdown-cnt-list">
							<li><p class="txt-center">没有新通知</p></li>
							<li><p>七雄争霸礼包全新上线</p><span class="c-txt5">2012-12-12 22:11</span></li>
							<li><p>七雄争霸礼包全新上线</p><span class="c-txt5">2012-12-12 22:11</span></li>
							<li><p>七雄争霸礼包全新上线</p><span class="c-txt5">2012-12-12 22:11</span></li>
						</ul>
						<p class="dropdown-cnt-end txt-center"><a href="#" class="c-txt4">还有7条新站内信</a></p>
					</div>
				</div>
			</div>
			<div class="msg-setup msg-list dropdown">
				<a href="javascript:;" class="a-setup msg-list-link dropdown-toggle" title="快速设置"><span class="icon icon-setup"></span></a>
				<div class="dropdown-cnt">
					<ul class="list line" id="helpDroplistLiMySetting" style="display: block;">
						<li><a href="javascript:;" id="mysetting">个人设置</a></li>       
					</ul>
					<ul class="list line">
						<li><a href="http://igame.qq.com/faq/faq.shtml" target="_blank">使用帮助</a></li>
						<li><a href="http://support.qq.com/portal/discuss_pdt/442_1.html" target="_blank">反馈问题</a></li>
						<li><a href="http://service.qq.com/special_auto/yxrs.html" target="_blank">腾讯客服</a></li>
					</ul>
					<ul class="list">
						<li><a target="_blank" href="http://glife.gamebbs.qq.com/forum.php">官方论坛</a></li>
						<li><a target="_blank" href="http://t.qq.com/Igame">官方微博</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<!-- 特权弹出短信 1 -->
		<div class="ig-msg-box">
			<a href="javascript:;" onclick="this.parentNode.style.display='none';" class="ig-msg-box-close">x</a>
			<div class="ig-msg-box-content">
				<h4>每周经验值</h4>
				<p>恭喜您本周已满<em class="c-txt2">100</em>经验,位居认证美女排行第<em class="c-txt2">2</em>名,<a href="#" class="c-txt4">详细</a></p>
			</div>
			<span class="trig-box"><i class="trig-in">◆</i><i class="trig-out">◆</i></span>
		</div>
		<!-- 特权弹出短信 2 -->
		<div class="ig-msg-box">
			<a href="javascript:;" onclick="this.parentNode.style.display='none';" class="ig-msg-box-close">x</a>
			<div class="ig-msg-box-content">
				<h4>提醒</h4>
				<p>您本周经验不足,还缺<em class="c-txt2">20</em>经验,<a href="#" class="c-txt4">做任务得经验</a></p>
			</div>
			<span class="trig-box"><i class="trig-in">◆</i><i class="trig-out">◆</i></span>
		</div>
		<div class="ig-msg-box">
			<a href="javascript:;" onclick="this.parentNode.style.display='none';" class="ig-msg-box-close">x</a>
			<div class="ig-msg-box-content">
				<h4>提醒</h4>
				<p><strong class="fb">恭喜成为认证玩家!</strong></p>
				<p>点击认证图标或【我的认证】查看详情</p>
			</div>
			<span class="trig-box"><i class="trig-in">◆</i><i class="trig-out">◆</i></span>
		</div>
		<!-- 特权弹出短信 3 -->
		<div class="ig-msg-box">
			<a href="javascript:;" onclick="this.parentNode.style.display='none';" class="ig-msg-box-close">x</a>
			<div class="ig-msg-box-content">
				<h4>新活动上线</h4>
				<p>CF道具大典,<a href="#" class="c-txt4">立即参加</a></p>
			</div>
			<span class="trig-box"><i class="trig-in">◆</i><i class="trig-out">◆</i></span>
		</div>
		<!-- 特权弹出短信 4 -->
		<div class="ig-msg-box">
			<a href="javascript:;" onclick="this.parentNode.style.display='none';" class="ig-msg-box-close">x</a>
			<div class="ig-msg-box-content">
				<h4>今日特权任务</h4>
				<p>参加CF Girl选美大赛,立即<em class="c-txt2">+20</em>经验,还有特权奖励。<a href="#" class="c-txt4">做任务得经验</a></p>
			</div>
			<span class="trig-box"><i class="trig-in">◆</i><i class="trig-out">◆</i></span>
		</div>
		<!-- 荣誉领取弹层 5 -->
		<div class="ig-msg-box ig-msg-box-short">
			<a href="javascript:;" onclick="this.parentNode.style.display='none';" class="ig-msg-box-close">x</a>
			<div class="ig-msg-box-content">
				<h5>英雄联盟</h5>
				<p>有<span class="fb c-txt2">5</span>款荣誉可以领取!<a href="#" class="c-txt4">一键领取</a></p>
			</div>
			<span class="trig-box"><i class="trig-in">◆</i><i class="trig-out">◆</i></span>
		</div>
		<!-- 每周经验 6 -->
		<div class="ig-msg-box ig-msg-box-long">
			<a href="javascript:;" onclick="this.parentNode.style.display='none';" class="ig-msg-box-close">x</a>
			<div class="ig-msg-box-content">
				<h4>每周经验值</h4>
				<p>您上周获得了<em class="c-txt2">180</em>经验,位居[<em class="c-txt2">穿越火线</em>]认证妹纸周排行第<em class="c-txt2">2</em>名,<a href="#" class="c-txt4">详细></a></p>
			</div>
			<div class="ig-msg-box-ft"><span>英雄联盟</span></div>
			<span class="trig-box"><i class="trig-in">◆</i><i class="trig-out">◆</i></span>
		</div>
		
		<!-- 站内信,新增听众、系统消息、新留言、荣誉通知、与我的互动、消息弹出层 -->
		<div class="ig-msg-box ig-msg-box-mixin">
			<a href="javascript:;" onclick="this.parentNode.style.display='none';" class="ig-msg-box-close">x</a>
			<!-- 消息全部输出,如果超过3条内容时,增加class  ig-msg-box-content-fold  CSS会自动隐藏3条以外的内容 -->
			<div class="ig-msg-box-content ig-msg-box-content-fold">
				<ul class="msg-minxi-list">
					<li><em>1</em>条站内信,<a href="#" class="c-txt4">查看</a></li>
					<li><em>1</em>个新增听众,<a href="#" class="c-txt4">查看</a></li>
					<li><em>13</em>条系统消息,<a href="#" class="c-txt4">查看</a></li>
					<li><em>6</em>条新留言,<a href="#" class="c-txt4">查看</a></li>
					<li><span>英雄联盟</span><em>99+</em>条与我的互动,<a href="#" class="c-txt4">查看</a></li>
					<li><span>穿越火线</span><em>15</em>个荣誉可领取,<a href="#" class="c-txt4">查看</a></li>
				</ul>
				<!-- 如果消息 <=3 条时,下面这两行不输出 -->
				<div class="msg-minxi-unfold"><a onclick="this.parentNode.parentNode.className='ig-msg-box-content'" href="javascript:;">︾</a></div>
				<div class="msg-minxi-fold"><a onclick="this.parentNode.parentNode.className='ig-msg-box-content ig-msg-box-content-fold'" href="javascript:;">︽</a></div>
			</div>
		</div>
		
		<!-- 新游放号通知弹出层 2014-04-08 -->
		<div class="ig-msg-box ig-msg-box-newgame">
			<a href="javascript:;" onclick="this.parentNode.style.display='none';" class="ig-msg-box-close">x</a>
			<!--  -->
			<div class="ig-msg-box-content">
				<div class="msg-newgame-intro">
					<div class="mni-box mni-box-new">
						<a href="#" class="mni-box-link">
							<h5>新游戏</h5>
							<p>12款游戏</p>
							<p>正在放号</p>
						</a>
					</div>
					<div class="mni-box">
						<a href="#" class="mni-box-link">
							<h5>最新上线</h5>
							<h5>荣誉游戏</h5>
						</a>
					</div>
				</div>
				<div class="msg-newgame-comm">
					<h5>推荐页游</h5>
					<ul class="mnc-list">
						<li><a href="#"><img src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/110x160.jpg" width="45" height="60">七雄争霸</a></li>
						<li><a href="#"><img src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/110x160.jpg" width="45" height="60">穿越火线online</a></li>
						<li><a href="#"><img src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/110x160.jpg" width="45" height="60">英雄联盟</a></li>
						<li><a href="#"><img src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/110x160.jpg" width="45" height="60">七雄争霸</a></li>
						<li><a href="#"><img src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/110x160.jpg" width="45" height="60">穿越火线</a></li>
						<li><a href="#"><img src="http://ossweb-img.qq.com/images/igame/web2012/cntimg/110x160.jpg" width="45" height="60">英雄联盟</a></li>
					</ul>
				</div>
			</div>
		</div>

	</div><!-- E .column -->

	
</div>
<!-- navbar :end -->
#footer_ied { padding-top:30px; padding-bottom:30px; text-align:center; font:normal 12px/19px Tahoma; }
#footer_ied .e { font:normal 10px/19px Tahoma;}
#footer_ied, #footer_ied a { color:#333; text-decoration:none;}

本项目引用的自定义外部资源