쇼핑몰: #271 메인 애니메이션 마크업 스타일 작업 완료

This commit is contained in:
whitedot
2013-08-08 15:49:05 +09:00
parent 42058419cd
commit e37e4544bb
3 changed files with 7 additions and 13 deletions

View File

@ -20,7 +20,7 @@ for ($i=1; $row=sql_fetch_array($result); $i++) {
if ($this->css) {
echo "<div id=\"smt_{$this->type}\" class=\"{$this->css}\">\n";
} else {
echo "<div id=\"smt_{$this->type}\" class=\"sct smt_50\">\n";
echo "<div id=\"smt_{$this->type}\" class=\"sct smt_20\">\n";
}
echo "<ul class=\"sct_ul sct_ul_first\">\n";
}
@ -32,13 +32,6 @@ for ($i=1; $row=sql_fetch_array($result); $i++) {
echo "<li class=\"sct_li{$sct_last}\">";
if ($i > 1 && $i%$this->list_mod == 1) {
echo "</li>\n";
echo "<li class=\"sct_li\">\n";
}
echo "<div class=\"sct_div{$sct_last}\">";
if ($this->href) {
echo "<a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\">\n";
}

View File

@ -20,7 +20,7 @@ for ($i=1; $row=sql_fetch_array($result); $i++) {
if ($this->css) {
echo "<div id=\"smt_{$this->type}\" class=\"{$this->css}\">\n";
} else {
echo "<div id=\"smt_{$this->type}\" class=\"sct smt_50\">\n";
echo "<div id=\"smt_{$this->type}\" class=\"sct smt_40\">\n";
}
echo "<ul class=\"sct_ul sct_ul_first\">\n";
}

View File

@ -83,8 +83,8 @@
/* 메인 상품 목록 스킨 20 */
.smt_20 {position:relative;height:306px;overflow-y:hidden}
.smt_20 .sct_ul {position:absolute;top:306px;left:0;display:none}
.smt_20 .sct_ul_first {top:0;display:block}
.smt_20 .sct_ul {display:none;position:absolute;top:306px;left:0;margin:0;padding:0;list-style:none}
.smt_20 .sct_ul_first {display:block;top:0}
.smt_20 .sct_li {float:left;margin:0 25px 15px 0}
.smt_20 .sct_last {margin:0 0 15px !important}
.smt_20 .sct_a {display:block;position:relative;text-decoration:none}
@ -99,10 +99,11 @@
/* 메인 상품 목록 스킨 30 */
.smt_30 {position:relative;height:306px;overflow-x:hidden}
.smt_30 .sct_ul {position:absolute;top:0;left:765px;margin:0;padding:0;list-style:none;zoom:1}
.smt_30 .sct_ul {position:absolute;top:0;left:765px;margin:0;padding:0;width:765px;list-style:none;zoom:1}
.smt_30 .sct_ul:after {display:block;visibility:hidden;clear:both;content:""}
.smt_30 .sct_ul_first {display:block;left:0}
.smt_30 .sct_li {float:left;margin-right:25px}
.smt_40 .sct_last {margin:0 0 15px !important}
.smt_30 .sct_a {display:block;position:relative;text-decoration:none}
.smt_30 .sct_a:focus, .smt_30 .sct_a:hover {text-decoration:none}
.smt_30 .sct_img {display:block;margin:0 0 15px}
@ -116,7 +117,7 @@
/* 메인 상품 목록 스킨 40 */
.smt_40 {position:relative;height:306px}
.smt_40 .sct_ul {display:none;position:absolute;top:0;left:0}
.smt_40 .sct_ul {display:none;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_40 .sct_ul_first {display:block}
.smt_40 .sct_li {float:left;margin:0 25px 15px 0}
.smt_40 .sct_last {margin:0 0 15px !important}