nstore_app_list.zip
참고 : http://nstore.naver.com
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
<style>
body, input, textarea, select, button, table {
font-family: '돋움',Dotum,Helvetica,sans-serif;
font-size: 12px;
}
ul {list-style:none;}
a {text-decoration:none;}
.lst_thum_wrap {}
.lst_thum_wrap .lst_header {height:35px; margin:22px 19px 0;}
.lst_thum_wrap .lst_thum {width:670px; margin:0; padding:0 0 0 43px; position:relative; border-bottom:1px solid #e1e1e1;}
.lst_thum_wrap .lst_thum:after {display:block; clear:both; content:'';}
.lst_thum_wrap .lst_thum li {width:108px; margin:0; padding:0 26px 23px 0; float:left; position:relative; vertical-align:top;}
.lst_thum_wrap .lst_thum li .mask {display:block; overflow:hidden; position:absolute; width:102px; height:102px; background:url('images/sp_mask.png') no-repeat -325px 0;}
.lst_thum_wrap .lst_thum li .ico {top:-10px; left:-12px; position:absolute; z-index:20; width:41px; height:41px; background:url('images/sp_sub_common.png') no-repeat; font-style:normal;}
.lst_thum_wrap .lst_thum li .ico_new {background-position: -184px -299px;}
.lst_thum_wrap .lst_thum li .ico_free {background-position: -92px -299px;}
.lst_thum_wrap .lst_thum li .ico_gift {background:url('images/sp_ico.png') no-repeat -120px 0;}
.lst_thum_wrap .lst_thum li .ico_vari {line-height:22px !important; font-family:Tahoma !important; font-size:10px; font-weight:bold; padding-top:8px; color:#fff; height:41px; background-position:-46px -299px; text-align:center;}
.lst_thum_wrap .lst_thum li a img {width:101px; height:101px; margin:1px 0 5px 1px;}
.lst_thum_wrap .lst_thum li a img + strong {padding:5px 0 0; line-height:18px; word-break:break-all; display:block; color:#000; white-space:normal;}
.lst_thum_wrap .lst_thum li .writer {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.lst_thum_wrap .lst_thum li .score {margin:0 0 0 -1px; display:inline-block; position:relative; width:61px; height:12px; background:url('images/sp_sub_common.png') no-repeat -732px -249px; vertical-align:middle; font-size:11px; font-weight:bold; color:#333;}
.lst_thum_wrap .lst_thum li .score span {display:block; overflow:hidden; position:relative; height:12px; background:url('images/sp_sub_common.png') no-repeat -732px -232px; line-height:999px;}
.lst_thum_wrap .lst_thum li .score_num {display:inline-block; position:relative; top:1px; font-weight:bold; font-size:11px; color:#333; vertical-align:middle; font-style:normal; left:-2px;}
.lst_thum_wrap .lst_thum li .price {display:block; margin: 4px 0 0 -2px; line-height:16px; text-align:left; white-space: normal;}
.lst_thum_wrap .lst_thum li .price strong {word-break:break-all; color:#1b8ffc;}
</style>
</head>
<body>
<div class="lst_thum_wrap">
<div class="lst_header">
<h3>금주의 인기게임</h3>
</div>
<ul class="lst_thum">
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<em class="ico ico_new"></em>
<img src="images/app1.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<em class="ico ico_new"></em>
<img src="images/app2.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<em class="ico ico_free"></em>
<img src="images/app3.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<em class="ico ico_gift"></em>
<img src="images/app4.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<img src="images/app5.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<em class="ico ico_new"></em>
<img src="images/app6.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<em class="ico ico_vari">51%</em>
<img src="images/app7.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<img src="images/app8.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<em class="ico ico_new"></em>
<img src="images/app9.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<em class="ico ico_new"></em>
<img src="images/app10.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<em class="ico ico_new"></em>
<img src="images/app11.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
<li>
<a href="#" title="앱이름">
<span class="mask"></span>
<img src="images/app12.png" />
<strong class="bb">[건비트2] 음악 게임의 신세계</strong>
</a>
<span class="writer">카테고리</span>
<span class="score">
<span style="width:84%;">평점</span>
</span>
<em class="score_num">4.2</em>
<span class="price">
<strong>무료</strong>
</span>
</li>
</ul>
</div>
</body>
</html>
|