firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

쇼핑몰: #275 상품리스트 보기 유형 변경 마크업 및 스타일

Browse Source
This commit is contained in:
whitedot
2013-08-08 17:48:08 +09:00
parent 652e5e7abb
commit 79bcde3357
4 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/default_shop.css
View File

@ -357,14 +357,22 @@ td.empty_table {padding:85px 0;text-align:center}
#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}
/* 상품 정렬 */
#sct_sort {margin:0 0 10px;zoom:1}
#sct_sort {float:left;margin:0 0 10px;width:80%;zoom:1}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sct_sort div {float:left;line-height:2.1em}
#sct_sort ul {float:right;margin:0;padding:0;list-style:none;zoom:1}
#sct_sort ul {margin:0;padding:0;list-style:none;zoom:1}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort li {float:left;position:relative;margin-left:-1px}
/* 상품 리스트 스타일 선택 */
#sct_lst {float:right;margin:0 0 10px}
#sct_lst button {position:relative;margin:0 0 0 -5px;padding:0;width:25px;height:25px;border:1px solid #ccc;cursor:pointer}
#sct_lst button span {position:absolute;top:0;left:0;width:100%;height:100%;background:url('../shop/img/is_list_style.gif')}
#sct_lst button.sct_lst_list span {background-position:0 0}
#sct_lst button.sct_lst_list_on span {background-position:0 -30px}
#sct_lst button.sct_lst_gallery span {background-position:-30px 0}
#sct_lst button.sct_lst_gallery_on span {background-position:-30px -30px}
/* 상품 상세보기 */
#sit {margin:10px 0;border:1px solid #e9e9e9}
.sit_admin {text-align:right}

10
css/mobile_shop.css
View File

@ -80,6 +80,14 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sct_ct_2 a {display:inline-block;width:120px}
#sct_ct_3 li {float:left;margin:0 1em 1em 0;width:120px}
/* 상품 정렬 */
#sct_sort {margin:0 0 10px;zoom:1}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sct_sort ul {float:right;margin:0;padding:0;list-style:none;zoom:1}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort li {float:left;position:relative;margin-left:-1px}
/* ##### maintype(nn).inc.php, list.skin.(nn).php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {margin:0 0 2em;zoom:1}
@ -167,7 +175,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sit_title {display:inline-block;margin:0 0 0.3em;font-size:1.3em}
#sit_desc {display:inline-block;margin:0 0 1em;color:#999}
.sit_icon {display:block;margin:0.3em 0 0}
.sit_icon img {margin:0 1px 0 0;border:1px solid #fff}
.sit_icon img {margin:0 1px 0 0}
#sit_star_sns {position:absolute;top:15px;right:15px;color:#b8afa2;font-size:0.95em;letter-spacing:-0.1em}
#sit_star_sns span {display:inline-block;margin:0 0.3em 0 0;color:#666;letter-spacing:0}

BIN
shop/img/is_list_style.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 B

6
shop/list.sub.php
View File

@ -2,5 +2,7 @@
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<button type="button" class="sct_lst_view sct_lst_list">리스트뷰</button>
<button type="button" class="sct_lst_view sct_lst_gallery">갤러리뷰</button>
<div id="sct_lst">
<button type="button" class="sct_lst_view sct_lst_list"><span></span>리스트뷰</button>
<button type="button" class="sct_lst_view sct_lst_gallery"><span></span>갤러리뷰</button>
</div>