Difference between revisions of "Team:Amoy"
ShannonLee (Talk | contribs) |
ShannonLee (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | |||
+ | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
+ | |||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
Line 95: | Line 98: | ||
.crossbanenr li:first-child{ display: block;} | .crossbanenr li:first-child{ display: block;} | ||
.crossbanenr li.current{ z-index: 2;} | .crossbanenr li.current{ z-index: 2;} | ||
− | .crossbanenr li.pcqqbg{ background: transparent url( | + | .crossbanenr li.pcqqbg{ background: transparent url(background1.jpg) no-repeat center top;} |
− | .crossbanenr li.mbqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb57_b.jpg) no-repeat center top;} | + | /*.crossbanenr li.mbqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb57_b.jpg) no-repeat center top;} |
.crossbanenr li.padqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdbig.jpg) no-repeat center top;} | .crossbanenr li.padqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdbig.jpg) no-repeat center top;} | ||
.crossbanenr li.watchbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_watch_b.jpg) no-repeat center top;} | .crossbanenr li.watchbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_watch_b.jpg) no-repeat center top;} | ||
+ | */ | ||
+ | .crossbanenr li.mbqqbg{ background: transparent url(background1.jpg) no-repeat center top;} | ||
+ | .crossbanenr li.padqqbg{ background: transparent url(background1.jpg) no-repeat center top;} | ||
+ | .crossbanenr li.watchbg{ background: transparent url(background1.jpg) no-repeat center top;} | ||
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;} | .bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;} | ||
− | .bntxt{ position: absolute; left: -53px; top: 50%; width: | + | .bntxt{ position: absolute; left: -53px; top: 50%; width: 500px; height: 390px; margin-top: -195px; z-index: 10;} |
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;} | .bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;} | ||
− | .bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url( | + | .bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;} |
.bntxt a:link, .bntxt a:visited{ color: #fff;} | .bntxt a:link, .bntxt a:visited{ color: #fff;} | ||
.bntxt a.bnzc{ background-position: 0 0;} | .bntxt a.bnzc{ background-position: 0 0;} | ||
Line 108: | Line 115: | ||
.bntxt a.bnxz{ background-position: 0 0;} | .bntxt a.bnxz{ background-position: 0 0;} | ||
.bntxt a.bnxz:hover{ background-position: 0 -77px;} | .bntxt a.bnxz:hover{ background-position: 0 -77px;} | ||
− | .pcqqbg .bntxt h2{ background: transparent url( | + | .pcqqbg .bntxt h2{ background: transparent url(title.png) no-repeat 15px top;} |
− | .mbqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mbver57.png) no-repeat center 90px;} | + | .mbqqbg .bntxt h2{ background: transparent url(title2.png) no-repeat 15px top;} |
+ | .padqqbg .bntxt h2{ background: transparent url(title3.png) no-repeat 15px top;} | ||
+ | .watchbg .bntxt h2{ background: transparent url(title3.png) no-repeat 15px top;} | ||
+ | /*.mbqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mbver57.png) no-repeat center 90px;} | ||
.padqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdtxt5.png) no-repeat 35px top;} | .padqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdtxt5.png) no-repeat 35px top;} | ||
− | .watchbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/watch_tit.png) no-repeat center 40px;} | + | .watchbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/watch_tit.png) no-repeat center 40px;}*/ |
.pcqqbg .bnimg{ position: absolute; right: -200px; top: 150px; width: 601px; height: 744px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/pc68fig.png) no-repeat 0 0; z-index: 1;} | .pcqqbg .bnimg{ position: absolute; right: -200px; top: 150px; width: 601px; height: 744px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/pc68fig.png) no-repeat 0 0; z-index: 1;} | ||
.mbqqbg .bnimg{ position: absolute; right: -168px; top: 130px; width: 820px; height: 977px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb54fig.png) no-repeat 0 0; z-index: 1;} | .mbqqbg .bnimg{ position: absolute; right: -168px; top: 130px; width: 820px; height: 977px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb54fig.png) no-repeat 0 0; z-index: 1;} | ||
Line 195: | Line 205: | ||
.togame{ clear: both; padding-right: 80px; height: 31px; text-align: right;} | .togame{ clear: both; padding-right: 80px; height: 31px; text-align: right;} | ||
/* footer */ | /* footer */ | ||
− | .newfoot{ width: 100%; height: | + | .newfoot{ width: 100%; height: 220px; padding-top:34px; background: #2a2a2a; font-size:0.75em;} |
.newfoot a:link, .newfoot a:visited{ color: #979797;} | .newfoot a:link, .newfoot a:visited{ color: #979797;} | ||
.newfoot a:hover{ color: #cfcfcf;} | .newfoot a:hover{ color: #cfcfcf;} | ||
− | .qmaps{ width: 960px; height: | + | .qmaps{ width: 960px; height: 145px; margin: 0 auto;} |
− | .plats{ float: left; width: 510px; padding-left: | + | .plats{ float: left; width: 510px; padding-left:230px; padding-top: 5px;} |
.plats h3{ height: 50px; color: #666; font-size: 14px;} | .plats h3{ height: 50px; color: #666; font-size: 14px;} | ||
− | .plats a{ float: left; padding-top: | + | .plats a{ float: left; padding-top: 90px; background: transparent url(plats.png) no-repeat 0 0; text-align: center; font-size: 14px;} |
.plats a:hover{ color: #12b7f5;} | .plats a:hover{ color: #12b7f5;} | ||
− | .plats a.plmb{ width: | + | .plats a.plmb{ width: 100px; margin-right: 35px; background-position: 0px 0;} |
− | .plats a.plmb:hover{ background-position: 0px - | + | .plats a.plmb:hover{ background-position: 0px -118px;} |
− | .plats a.plpc{ width: | + | .plats a.plpc{ width: 100px; margin-right: 30px; background-position: -105px 0;} |
− | .plats a.plpc:hover{ background-position: -105px - | + | .plats a.plpc:hover{ background-position: -105px -118px;} |
− | .plats a.plmac{ width: | + | .plats a.plmac{ width: 100px; margin-right:30px; background-position: -208px 0;} |
− | .plats a.plmac:hover{ background-position: - | + | .plats a.plmac:hover{ background-position: -208px -118px;} |
− | .plats a.plpad{ width: | + | .plats a.plpad{ width: 100px; background-position: -310px 0;} |
− | .plats a.plpad:hover{ background-position: - | + | .plats a.plpad:hover{ background-position: -310px -118px;} |
.map{ float: left;} | .map{ float: left;} | ||
.map h3{ height: 25px; color: #666; font-size: 14px;} | .map h3{ height: 25px; color: #666; font-size: 14px;} | ||
Line 527: | Line 537: | ||
<body> | <body> | ||
<!--S header--> | <!--S header--> | ||
+ | <!-- | ||
<div id="topbar" class="topbar"> | <div id="topbar" class="topbar"> | ||
<div class="toppic"> | <div class="toppic"> | ||
− | |||
<div class="topside"> | <div class="topside"> | ||
<a href="index.shtml" class="logoLink" pgv="im.index2015.logo">im.qq.com</a> | <a href="index.shtml" class="logoLink" pgv="im.index2015.logo">im.qq.com</a> | ||
Line 538: | Line 548: | ||
</ul> | </ul> | ||
</div> | </div> | ||
− | |||
<div class="topTool"> | <div class="topTool"> | ||
<a class="barzc" pgv="im.index2015.zuce" href="http://zc.qq.com/chs/index.html" target="_blank">注册</a> | <a class="barzc" pgv="im.index2015.zuce" href="http://zc.qq.com/chs/index.html" target="_blank">注册</a> | ||
Line 559: | Line 568: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | --> | ||
<!--E header--> | <!--E header--> | ||
Line 568: | Line 578: | ||
<div class="bncont"> | <div class="bncont"> | ||
<div class="bntxt"> | <div class="bntxt"> | ||
− | <h2> | + | <h2>Amoy China</h2> |
<a class="bnxz" pgv="im.index2015.bannerdownload_pc" href="http://im.qq.com/pcqq/" target="_blank">下载</a> | <a class="bnxz" pgv="im.index2015.bannerdownload_pc" href="http://im.qq.com/pcqq/" target="_blank">下载</a> | ||
</div> | </div> | ||
Line 577: | Line 587: | ||
<div class="bncont"> | <div class="bncont"> | ||
<div class="bntxt"> | <div class="bntxt"> | ||
− | <h2> | + | <h2>Amoy China</h2> |
<a class="bnxz" pgv="im.index2015.bannerdownload_mobile" href="http://im.qq.com/mobileqq/" target="_blank">下载</a> | <a class="bnxz" pgv="im.index2015.bannerdownload_mobile" href="http://im.qq.com/mobileqq/" target="_blank">下载</a> | ||
</div> | </div> | ||
Line 586: | Line 596: | ||
<div class="bncont"> | <div class="bncont"> | ||
<div class="bntxt"> | <div class="bntxt"> | ||
− | <h2> | + | <h2>Amoy China</h2> |
<a class="bnxz" pgv="im.index2015.bannerdownload_watch" href="http://im.qq.com/applewatch/" target="_blank">下载</a> | <a class="bnxz" pgv="im.index2015.bannerdownload_watch" href="http://im.qq.com/applewatch/" target="_blank">下载</a> | ||
</div> | </div> | ||
Line 680: | Line 690: | ||
<!--S footer--> | <!--S footer--> | ||
+ | |||
<div class="newfoot"> | <div class="newfoot"> | ||
+ | |||
<div class="qmaps"> | <div class="qmaps"> | ||
+ | |||
<div class="plats"> | <div class="plats"> | ||
+ | <!-- | ||
<h3>了解热门产品</h3> | <h3>了解热门产品</h3> | ||
− | <a class="plmb" pgv="im.index2015.maps.mobile" href="http://im.qq.com/mobileqq/" target="_blank"> | + | --> |
− | <a class="plpc" pgv="im.index2015.maps.pc" href="http://im.qq.com/pcqq/" target="_blank"> | + | <a class="plmb" pgv="im.index2015.maps.mobile" href="http://im.qq.com/mobileqq/" target="_blank">厦门大学</a> |
− | <a class="plmac" pgv="im.index2015.maps.mac" href="http://im.qq.com/macqq/" target="_blank"> | + | <a class="plpc" pgv="im.index2015.maps.pc" href="http://im.qq.com/pcqq/" target="_blank">厦门大学</a> |
− | <a class="plpad" pgv="im.index2015.maps.pad" href="http://im.qq.com/qqhd/" target="_blank"> | + | <a class="plmac" pgv="im.index2015.maps.mac" href="http://im.qq.com/macqq/" target="_blank">厦门大学</a> |
+ | <a class="plpad" pgv="im.index2015.maps.pad" href="http://im.qq.com/qqhd/" target="_blank">厦门大学</a> | ||
</div> | </div> | ||
+ | |||
<!-- <div class="map qac"> | <!-- <div class="map qac"> | ||
Line 701: | Line 717: | ||
</div> --> | </div> --> | ||
+ | <!-- | ||
<div class="map qac"> | <div class="map qac"> | ||
<h3>QQ安全</h3> | <h3>QQ安全</h3> | ||
Line 734: | Line 751: | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | --> | ||
</div> | </div> | ||
+ | |||
<div class="copyright"> | <div class="copyright"> | ||
<p>Copyright © 1998-<script>document.write((new Date()).getFullYear());</script> Tencent. All Rights Reserved.</p> | <p>Copyright © 1998-<script>document.write((new Date()).getFullYear());</script> Tencent. All Rights Reserved.</p> | ||
Line 740: | Line 759: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<!--E footer--> | <!--E footer--> | ||
+ | |||
+ | <!-- | ||
<div id="overlay" class="overlay"></div> | <div id="overlay" class="overlay"></div> | ||
+ | --> | ||
<!--S flash object--> | <!--S flash object--> | ||
+ | |||
+ | <!-- | ||
<div id="flashDiv"> | <div id="flashDiv"> | ||
<div class="flashBar"><a id="flashClose" href="#" class="close">关闭</a></div> | <div class="flashBar"><a id="flashClose" href="#" class="close">关闭</a></div> | ||
Line 750: | Line 775: | ||
<p class="togame"><a href="http://qqgame.qq.com/online.shtml" target="_blank">查看QQ游戏在线人数>></a></p> | <p class="togame"><a href="http://qqgame.qq.com/online.shtml" target="_blank">查看QQ游戏在线人数>></a></p> | ||
</div> | </div> | ||
− | + | --> | |
<!--E flash object--> | <!--E flash object--> | ||
Revision as of 08:02, 4 July 2015
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">