This commit is contained in:
wlh
2014-07-04 18:29:06 +08:00
parent 69983b04c4
commit 397cdb2a9e
19 changed files with 746 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 939 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 703 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 595 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 259 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 405 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 396 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 946 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

+383
View File
@@ -0,0 +1,383 @@
body{
margin: 0;
font-size: 13px;
background-color: #EBEBEB;
font-family: '黑体';
color:#333333;
}
/*
本站css命名方式是w_开头,防止通Discuz内部css重复覆盖
*/
.w_shadowbox{
box-shadow: 0 3px 5px #DDDDDD;
}
.w_cupointer{
cursor: pointer;
}
.w_width980{
width: 980px;
margin-left: auto;
margin-right: auto;
}
.w_floatr{
float: right;
}
.w_floatl{
float: left;
}
.w_backFFF{
background-color: #FFF;
}
.w_inlineblock{
display: inline-block;
}
.w_wCenter{
margin-left: auto;
margin-right: auto;
}
.w_text-decoration{
text-decoration: none;
}
.w_header{
width: 100%;
height: 31px;
min-width:980px;
background-color: #292728;
}
.w_links{
color: #C6C6C6;
height:31px;
margin-left:20px;
}
.w_link{
float: left;
margin-right: 40px;
line-height: 31px;
}
.w_link:hover{
cursor: pointer;
}
.w_mtop30{
margin-top: 30px;
}
.w_mtop20{
margin-top: 20px;
}
.w_menu{
margin-top: 30px;
height: 80px;
}
.w_bred{
border:1px solid red;
}
.w_menu_m{
height:30px;
margin-top:25px;
margin-left: 30px;
}
.w_menu_s{
height: 40px;
margin-top: 20px;
margin-right: 30px;
}
.w_menu_check{
display: inline-block;
font-size: 16px;
margin-right: 40px;
line-height: 30px;
cursor: pointer;
}
.w_currentCheck{
color: #008CD7;
}
.w_menu_setext{
height: 38px;
border: 0;
background-color: #F2F2F2;
width: 320px;
font-size: 15px;
outline: none;
color: #5D5D5D;
padding-left: 15px;
line-height: 30px;
}
.w_menu_sebtn{
height: 41px;
margin-top: -0.8px;
width: 45px;
background-image: url('imgs/search.png');
border:0;
outline: none;
cursor: pointer;
}
.w_height330{
height: 330px;
}
.w_mtop20{
margin-top: 20px;
}
.w_ppt{
width: 335px;
margin-right: 20px;
}
.w_newtie{
width: 330px;
/*margin-right: 15px;*/
}
.w_hotnews{
width: 278px;
}
.w_w30px{
width:30px;
}
.w_h30px{
height:30px;
}
.w_username{
font-size:15px;
margin-left:10px;
margin-top:-4px;
}
.w_b{
border: 1px solid #C4C4C4;
}
.w_ppt_pic{
height: 278px;
width: 335px;
}
.w_ppt_text{
height: 25px;
width: 295px;
margin-top: 15px;
}
.w_ppt_title{
width: 249px;
height: 25px;
font-size: 16px;
line-height: 25px;
text-align: center;
}
.w_tab{
height: 44px;
width: 330px;
border-bottom: 1px solid #DADADA;
}
.w_tab2{
height: 44px;
width: 278px;
border-bottom: 1px solid #DADADA;
}
.w_tab_hw{
height: 44px;
width: 163px;
}
.w_tab2_hw{
height: 44px;
width: 138px;
}
.w_tabback{
background-color: #008CD7;
}
.w_tab_ccgtext{
color: #FFF;
font-size: 16px;
text-align: center;
margin-top: 10px;
}
.w_tab_ucgtext{
font-size: 16px;
text-align: center;
margin-top: 10px;
}
.w_tielist{
height: 285px;
font-size: 15px;
line-height: 25px;
}
.w_linstyle{
list-style: none;
margin-left: -20px;
}
.w_apidis{
min-height: 175px;
}
.w_disHeader{
background-image: url('imgs/fenqu_h.png');
height: 53px;
width: 980px;
border-bottom: 1px solid #DADADA;
}
.w_ftop{
margin-top: 13px;
line-height:26px;
font-size: 17px;
}
.w_mleft20{
margin-left: 20px;
}
.w_modulew{
width: 293px;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 5px;
}
.w_moduletite{
font-size: 24px;
color: #018BD4;
}
.w_mi{
height:70px;
width:63px;
}
.w_modulenum{
font-size: 12px;
color: #018BD4;
/*font-weight: bold;*/
}
.w_modulesum{
margin-top: 5px;
margin-bottom: 3px;
color: #5A5A5A;
}
.w_moduletotal{
color: #ACACAC;
}
.w_moduleImg{
border-radius: 3px;
width: 52px;
height: 52px;
margin-top: 10px;
margin-left: 5px;
}
.w_member{
width: 776px;
height: 326px;
}
.w_guanzhu{
width: 184px;
height: 326px;
}
.w_member_title{
margin:20px 20px auto 20px;
border-bottom:1px solid #DADADA;
}
.w_m_g_text{
font-size:17px;
line-height:20px;
height:25px;
margin-top: 20px;
}
.w_guanzhu_title{
text-align: center;
}
.w_onem{
width: 349px;
height: 86px;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
}
.w_mmh{
height: 326px;
}
.w_mumber_ph{
height: 86px;
width: 86px;
border: 1px solid #CDCDCD;
}
.w_m_phwh{
height: 75px;
width: 75px;
margin: 5px 5px;
}
.w_muinfo{
margin-left: 8px;
}
.w_muinfo_name{
font-size: 15px;
color: #000000;
margin-top: 13px;
}
.w_yqlinks{
height: 285px;
}
+363
View File
@@ -0,0 +1,363 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel='stylesheet' href='main.css' />
</head>
<body>
<!--头部-->
<div class="w_header">
<div class="w_links">
<div class="w_link">网页地图</div>
<div class="w_link">手机地图</div>
<div class="w_link">手机导航</div>
<div class="w_link">地图API</div>
<div class="w_link">高德社区</div>
</div>
</div>
<!--logo&login-->
<div class="w_mtop30 w_width980">
<div class="w_inlineblock">
<img src="imgs/logo.png"/>
</div>
<div class="w_inlineblock">
<img src="imgs/title.png"/>
</div>
<!--用户信息模块-->
<div class="w_inlineblock w_floatr">
<!--用户头像-->
<div class="w_floatl w_w30px w_h30px w_b">
<img src="imgs/userlogo.png" />
</div>
<!--用户邮箱及登录信息-->
<div class="w_floatr w_h30px">
<div style="margin-left:5px;">
<img src="imgs/email.png" />
</div>
<div class="w_username">
<div class="w_inlineblock">CONG19</div>
<div class="w_inlineblock">
<img src="imgs/info.png" />
</div>
<div class="w_inlineblock">
<img src="imgs/list.png" />
</div>
</div>
</div>
</div>
</div>
<!--nav-->
<div class="w_width980 w_backFFF w_menu w_shadowbox">
<div class="w_inlineblock w_menu_m">
<span class="w_menu_check w_currentCheck">论坛</span>
<span class="w_menu_check">常见问题</span>
<span class="w_menu_check">活动</span>
<span class="w_menu_check">未知版块</span>
</div>
<div class="w_inlineblock w_floatr w_menu_s">
<input type="text" class="w_menu_setext w_floatl" placeholder="请输入搜索帖子的关键字"/>
<input type="button" class="w_menu_sebtn w_floatl" />
</div>
</div>
<!--news-->
<div class="w_width980 w_height330 w_mtop20">
<div class="w_floatl w_backFFF w_ppt w_height330 w_shadowbox">
<!--幻灯图片-->
<div class="w_ppt_pic w_cupointer">
<img src="imgs/news.png" class="w_ppt_pic" />
</div>
<!--文字描述-->
<div class="w_ppt_text w_wCenter">
<div class="w_floatl w_cupointer">
<img src="imgs/lt.png" />
</div>
<div class="w_floatl w_ppt_title w_cupointer">
高德地图新版疯狂夺宝V2014
</div>
<div class="w_floatr w_cupointer">
<img src="imgs/rt.png" />
</div>
</div>
</div>
<div class="w_floatl w_backFFF w_newtie w_height330 w_shadowbox">
<!--选项卡-->
<div class="w_tab">
<div class="w_tab_hw w_floatl w_tabback w_cupointer">
<div class="w_tab_ccgtext w_tab_hw w_wCenter">论坛新帖</div>
</div>
<div class="w_tab_hw w_floatr w_cupointer">
<div class="w_tab_ucgtext w_tab_hw w_wCenter">本周热点</div>
</div>
</div>
<!--论坛新帖-->
<div class="w_tielist w_newtie">
<ul>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">地图上设置marker的bug</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">地图上设置marker的bug</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
</ul>
</div>
</div>
<div class="w_floatr w_backFFF w_hotnews w_height330 w_shadowbox">
<!--选项卡-->
<div class="w_tab2">
<div class="w_tab2_hw w_floatl w_tabback w_cupointer">
<div class="w_tab_ccgtext w_tab2_hw w_wCenter">热门新闻</div>
</div>
<div class="w_tab2_hw w_floatr w_cupointer">
<div class="w_tab_ucgtext w_tab2_hw w_wCenter"></div>
</div>
</div>
<!--论坛新帖-->
<div class="w_tielist w_hotnews">
<ul class="w_linstyle">
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">地图上设置marker的bug</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">地图上设置marker的bug</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
<li class="w_cupointer">7月7日金币疯狂送 导航赚加油卡</li>
</ul>
</div>
</div>
</div>
<!--API讨论区-->
<div class="w_width980 w_backFFF w_apidis w_shadowbox w_mtop20">
<div class="w_disHeader">
<div class="w_floatl w_ftop w_mleft20"><img src="imgs/drop.png" /></div>
<div class="w_floatl w_ftop">高德LBS开放平台-API</div>
</div>
<!--帖子模块-->
<div>
<div class="w_inlineblock w_modulew">
<div class="w_floatl w_mi">
<img class="w_moduleImg" src="imgs/yun.png" />
</div>
<div class="w_floatl">
<div class="w_cupointer">
<span class="w_moduletite">云图</span>
<span class="w_modulenum">(5)</span>
</div>
<div class="w_modulesum">高德LBS云图公告</div>
<div class="w_moduletotal">主题:12,帖数:300</div>
</div>
</div>
<div class="w_inlineblock w_modulew">
<div class="w_floatl w_mi">
<img class="w_moduleImg" src="imgs/yun.png" />
</div>
<div class="w_floatl">
<div class="w_cupointer">
<span class="w_moduletite">JavaScript API</span>
<span class="w_modulenum">(5)</span>
</div>
<div class="w_modulesum">高德LBS云图公告</div>
<div class="w_moduletotal">主题:12,帖数:300</div>
</div>
</div>
<div class="w_inlineblock w_modulew">
<div class="w_floatl w_mi">
<img class="w_moduleImg" src="imgs/yun.png" />
</div>
<div class="w_floatl">
<div class="w_cupointer">
<span class="w_moduletite">Android API</span>
<span class="w_modulenum">(5)</span>
</div>
<div class="w_modulesum">高德LBS云图公告</div>
<div class="w_moduletotal">主题:12,帖数:300</div>
</div>
</div>
<div class="w_inlineblock w_modulew">
<div class="w_floatl w_mi">
<img class="w_moduleImg" src="imgs/yun.png" />
</div>
<div class="w_floatl">
<div class="w_cupointer">
<span class="w_moduletite">URI API</span>
<span class="w_modulenum">(5)</span>
</div>
<div class="w_modulesum">高德LBS云图公告</div>
<div class="w_moduletotal">主题:12,帖数:300</div>
</div>
</div>
<div class="w_inlineblock w_modulew">
<div class="w_floatl w_mi">
<img class="w_moduleImg" src="imgs/yun.png" />
</div>
<div class="w_floatl">
<div class="w_cupointer">
<span class="w_moduletite">IOS API</span>
<span class="w_modulenum">(5)</span>
</div>
<div class="w_modulesum">高德LBS云图公告</div>
<div class="w_moduletotal">主题:12,帖数:300</div>
</div>
</div>
<div class="w_inlineblock w_modulew">
<div class="w_floatl w_mi">
<img class="w_moduleImg" src="imgs/yun.png" />
</div>
<div class="w_floatl">
<div class="w_cupointer">
<span class="w_moduletite">Windows Phone API</span>
<span class="w_modulenum">(5)</span>
</div>
<div class="w_modulesum">如果你已经习惯了豪门盛宴的了豪</div>
<div class="w_moduletotal">主题:12,帖数:300</div>
</div>
</div>
</div>
</div>
<!--活动专区-->
<div class="w_width980 w_backFFF w_apidis w_shadowbox w_mtop20">
<div class="w_disHeader">
<div class="w_floatl w_ftop w_mleft20"><img src="imgs/drop.png" /></div>
<div class="w_floatl w_ftop">活动专区</div>
</div>
<div>
<div class="w_inlineblock w_modulew">
<div class="w_floatl w_mi">
<img class="w_moduleImg" src="imgs/liao.png" />
</div>
<div class="w_floatl">
<div class="w_cupointer">
<span class="w_moduletite">LBS杂谈</span>
<span class="w_modulenum">(5)</span>
</div>
<div class="w_modulesum">高德LBS云图公告</div>
<div class="w_moduletotal">主题:12,帖数:300</div>
</div>
</div>
<div class="w_inlineblock w_modulew">
<div class="w_floatl w_mi">
<img class="w_moduleImg" src="imgs/liao.png" />
</div>
<div class="w_floatl">
<div class="w_cupointer">
<span class="w_moduletite">2014 LBS应用大赛</span>
<span class="w_modulenum">(5)</span>
</div>
<div class="w_modulesum">高德LBS云图公告</div>
<div class="w_moduletotal">主题:12,帖数:300</div>
</div>
</div>
<div class="w_inlineblock w_modulew">
<div class="w_floatl w_mi">
<img class="w_moduleImg" src="imgs/liao.png" />
</div>
<div class="w_floatl">
<div class="w_cupointer">
<span class="w_moduletite">LBS活动</span>
<span class="w_modulenum">(5)</span>
</div>
<div class="w_modulesum">高德LBS云图公告</div>
<div class="w_moduletotal">主题:12,帖数:300</div>
</div>
</div>
</div>
</div>
<!--会员列表-->
<div class="w_width980 w_mtop20 w_mmh">
<div class="w_backFFF w_member w_floatl">
<div class="w_member_title w_m_g_text">会员列表</div>
<!--会员信息-->
<div class="w_onem w_inlineblock">
<div class="w_floatl w_mumber_ph">
<img class="w_m_phwh" src="imgs/ph.png" />
</div>
<div class="w_floatl w_muinfo">
<div class="w_muinfo_name">小虎虎</div>
<div>最新贴 最新活动时间</div>
<div>最新贴 最新活动时间</div>
<div>最新贴 最新活动时间</div>
</div>
</div>
<div class="w_onem w_inlineblock">
<div class="w_floatl w_mumber_ph">
<img class="w_m_phwh" src="imgs/ph.png" />
</div>
<div class="w_floatl w_muinfo">
<div class="w_muinfo_name">小虎虎</div>
<div>最新贴 最新活动时间</div>
<div>最新贴 最新活动时间</div>
<div>最新贴 最新活动时间</div>
</div>
</div>
<div class="w_onem w_inlineblock">
<div class="w_floatl w_mumber_ph">
<img class="w_m_phwh" src="imgs/ph.png" />
</div>
<div class="w_floatl w_muinfo">
<div class="w_muinfo_name">小虎虎</div>
<div>最新贴 最新活动时间</div>
<div>最新贴 最新活动时间</div>
<div>最新贴 最新活动时间</div>
</div>
</div>
<div class="w_onem w_inlineblock">
<div class="w_floatl w_mumber_ph">
<img class="w_m_phwh" src="imgs/ph.png" />
</div>
<div class="w_floatl w_muinfo">
<div class="w_muinfo_name">小虎虎</div>
<div>最新贴 最新活动时间</div>
<div>最新贴 最新活动时间</div>
<div>最新贴 最新活动时间</div>
</div>
</div>
</div>
<div class="w_backFFF w_floatr w_guanzhu">
<div class="w_m_g_text w_guanzhu_title">关注LBS开发平台</div>
<div>
<img style="margin-left:32px;" src="imgs/erweima.png" />
</div>
</div>
</div>
<!--底部-->
<div class="w_width980 w_mtop20 w_backFFF w_yqlinks" style="bocer:1px solid red;">
友情链接
</div>
</body>
</html>