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

쇼핑몰: 상단 레이아웃 크로스브라우징 완료

Browse Source
This commit is contained in:
whitedot
2013-04-26 17:13:03 +09:00
parent 3538ec29ce
commit 2fbf4a2d68
7 changed files with 102 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
css/default_shop.css
View File

@ -52,30 +52,35 @@ a:active {color:#000;text-decoration:underline}
.cke_sc_def dd {width:30%}
/* 상단 레이아웃 */
#hd {height:73px;border-top:3px solid #151515;border-bottom:1px solid #e7f1ed;background:#fff}
#hd h1 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;width:980px}
#hd h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#logo {padding:17px 0}
#logo span {display:inline-block;margin-left:10px;color:#109ff1;font-family:"verdana";vertical-align:middle}
#hd_nb {border-bottom:1px solid #e9e9e9;background:#faf9f5;zoom:1}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:''}
#hd_nb ul {margin:0 auto;width:147px}
#hd_nb li {float:left;border-right:1px solid #e9e9e9}
#hd_nb_last {border:0 !important}
#schall {position:absolute;top:22px;left:70px;margin:0;padding:0;letter-spacing:-5px}
#schall legend {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#schall_stx {padding-left:5px;width:156px;height:24px;border:1px solid #aaa;border-right:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#schall_submit {border:1px solid #aaa;border-left:0}
#logo {padding:23px 0;text-align:center}
#mb_nb {position:absolute;top:18px;right:0;zoom:1}
#mb_nb:after {display:block;visibility:hidden;clear:both;content:""}
#mb_nb li {float:left}
#mb_nb a {display:block;padding:5px 10px;color:#333;letter-spacing:-0.1em}
#mb_nb a:focus,
#mb_nb a:hover,
#mb_nb a:active {text-decoration:none}
#mb_nb img {margin-right:3px}
#hd_aside {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
#hd_aside div {position:relative;margin:0 auto;width:998px;border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;background:#faf9f5;zoom:1}
#hd_aside div:after {display:block;visibility:hidden;clear:both;content:''}
#sch_all {float:left;background:#fff}
#sch_all h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sch_all span {display:inline-block;position:relative;padding:0 10px;height:38px;border-right:1px solid #e9e9e9;vertical-align:middle;line-height:3em}
#sch_all select {position:static !important;position:relative;margin:0 !important;margin:7px 0 0}
#sch_all_str {width:110px;height:36px;border:0;line-height:2.8em}
#sch_all_submit {padding:0 10px;height:38px;border:0;background:#626870;color:#fff}
#hd_aside ul {float:right;background:#fff;zoom:1}
#hd_aside ul:after {display:block;visibility:hidden;clear:both;content:''}
#hd_aside li {float:left;border-left:1px solid #e9e9e9}
#hd_aside a {display:inline-block;padding:0 15px;height:38px;font-weight:bold;text-decoration:none;line-height:3.4em !important;line-height:3em}
/* gnb js off */
#gnb {z-index:10;margin:-1px 0 0;border-bottom:1px solid #c3c7c5;background:#f0f4f8}
#gnb h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#gnb h2 {position:absolute;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
#gnb_ul {margin:0 auto;padding:0;width:980px;zoom:1}
#gnb_ul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1depth {z-index:10;clear:both;zoom:1}
@ -101,10 +106,6 @@ a:active {color:#000;text-decoration:underline}
.gnb_empty {width:100%;height:35px;text-align:center;line-height:2.95em}
/* 배포시에는 필요없는 부분 */
#sirgle_title {height:100px;color:#fff;font-size:3em}
#sirgle_title_span {display:block;position:relative;top:33px;left:0;margin:0 auto;width:980px}
/* 중간 레이아웃 */
#wrapper {z-index:5;margin:50px auto;width:980px;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
@ -121,7 +122,7 @@ a:active {color:#000;text-decoration:underline}
/* 하단 레이아웃 */
#ft {background:#484848}
#ft h1 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_catch {position:relative;margin:0 auto;padding:20px 0;width:980px;text-align:center}

0
img/shop/pointnb_cart.gif → img/shop/hd_nb_cart.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 695 B

After

Width:  |  Height:  |  Size: 695 B

0
img/shop/pointnb_deli.gif → img/shop/hd_nb_deli.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 256 B

After

Width:  |  Height:  |  Size: 256 B

0
img/shop/pointnb_help.gif → img/shop/hd_nb_help.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 314 B

After

Width:  |  Height:  |  Size: 314 B

0
img/shop/pointnb_wish.gif → img/shop/hd_nb_wish.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 210 B

After

Width:  |  Height:  |  Size: 210 B

178
shop/shop.head.php
View File

@ -15,128 +15,104 @@ include_once(G4_LIB_PATH.'/popular.lib.php');
<div id="to_content"><a href="#s_container">내용 바로가기</a></div>
<div id="hd_wrapper">1</div>
<aside id="hd_nb">
<ul>
<li><a href=""><img src="<?php echo G4_URL; ?>/img/shop/hd_nb_help.gif" alt="고객센터"></a></li>
<li><a href=""><img src="<?php echo G4_URL; ?>/img/shop/hd_nb_cart.gif" alt="장바구니"></a></li>
<li><a href=""><img src="<?php echo G4_URL; ?>/img/shop/hd_nb_wish.gif" alt="위시리스트"></a></li>
<li id="hd_nb_last"><a href=""><img src="<?php echo G4_URL; ?>/img/shop/hd_nb_deli.gif" alt="주문/배송조회"></a></li>
</ul>
</aside>
<div id="logo"><a href="<?php echo G4_SHOP_URL; ?>/"><img src="<?php echo G4_DATA_URL; ?>/common/logo_img" alt="쇼핑몰 처음으로"></a></div>
<aside id="hd_aside">
<div>
<section id="sch_all">
<h2>쇼핑몰 검색</h2>
<form name="frmsearch1" onsubmit="return search_submit(this);">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<input type="hidden" name="stx" value="">
<span>
<label for="sch_all_flag" class="sound_only">검색대상</label>
<select name="search_flag" id="sch_all_flag">
<option value="상품" <?php echo get_selected($search_flag, '상품'); ?>>상품</option>
<option value="게시판" <?php echo get_selected($search_flag, '게시판'); ?>>게시판</option>
</select>
</span>
<label for="sch_all_str" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
<input type="text" name="search_str" value="<?php echo stripslashes(get_text($search_str)); ?>" id="sch_all_str">
<input type="submit" value="검색" id="sch_all_submit">
</form>
<script>
function search_submit(f) {
if (f.search_flag.value == '상품') {
f.action = '<?=G4_SHOP_URL?>/search.php';
} else {
f.stx.value = f.search_str.value;
f.action = '<?=G4_BBS_URL?>/search.php';
}
}
</script>
</section>
<ul>
<?php if ($is_member) { ?>
<li><a href="<?php echo G4_BBS_URL; ?>/logout.php">로그아웃</a></li>
<li><a href="<?php echo G4_BBS_URL; ?>/member_confirm.php?url=register_form.php">정보수정</a></li>
<?php } else { ?>
<li><a href="<?php echo G4_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a></li>
<li><a href="<?php echo G4_BBS_URL; ?>/register.php">회원가입</a></li>
<?php } ?>
<li><a href="<?php echo G4_SHOP_URL; ?>/mypage.php">마이페이지</a></li>
<li><a href="<?php echo G4_SHOP_URL; ?>/faq.php">FAQ</a></li>
<li><a href="<?php echo G4_SHOP_URL; ?>/itemuselist.php">사용후기</a></li>
</ul>
</div>
</aside>
</header>
<!-- 전체 -->
<table align=center cellpadding=0 cellspacing=0 border=0>
<tr>
<td width='900'>
<div id="wrapper">
<!-- 새창 -->
<? if(defined('_INDEX_')) { // index에서만 실행 ?>
<div style="position:relative;z-index:100"><? include G4_SHOP_PATH.'/newwin.inc.php'; // 새창띄우기 ?></div>
<? } ?>
<?php if(defined('_INDEX_')) { // index에서만 실행 ?>
<div style="position:relative;z-index:100"><?php include G4_SHOP_PATH.'/newwin.inc.php'; // 새창띄우기 ?></div>
<?php } ?>
<!-- 오늘본 상품 {-->
<div style="position:relative">
<div style='position:absolute; top:70px; left:<?=($table_width+10)?>px'>
<?include(G4_SHOP_PATH.'/boxtodayview.inc.php');?>
</div>
<div>
<?php include(G4_SHOP_PATH.'/boxtodayview.inc.php'); ?>
</div>
<!-- 오늘본 상품 }-->
<!-- 상단 -->
<table align=center width='<?=$table_width?>' cellpadding=0 cellspacing=0 border=0>
<tr><td colspan=2 height=4 bgcolor=#DCDCDB></td></tr>
<tr>
<td rowspan=2 align=left width=200 height=60><a href='<?=G4_SHOP_URL?>/'><img src='<?=G4_DATA_URL?>/common/logo_img' border=0></a></td>
<td align=right class=small>
<? if ($is_member) { ?>
<a href='<?=G4_BBS_URL?>/logout.php'>로그아웃</a> |
<a href='<?=G4_BBS_URL?>/member_confirm.php?url=register_form.php'>정보수정</a> |
<? } else { ?>
<a href='<?=G4_BBS_URL?>/login.php?url=<?=$urlencode?>'>로그인</a> |
<a href='<?=G4_BBS_URL?>/register.php'>회원가입</a> |
<? } ?>
<a href='<?=G4_SHOP_URL?>/cart.php'>장바구니<span class=small>(<?=get_cart_count(get_session('ss_uq_id'));?>)</span></a> |
<a href='<?=G4_SHOP_URL?>/orderinquiry.php'>주문조회</a> |
<a href='<?=G4_SHOP_URL?>/faq.php'>FAQ</a> |
<a href='<?=G4_SHOP_URL?>/itemuselist.php'>사용후기</a> |
<a href='<?=G4_SHOP_URL?>/mypage.php'>마이페이지</a>&nbsp;
</td>
</tr>
<tr>
<td colspan=2 align=right height=30>
<!-- 검색 시작 -->
<form name='frmsearch1' style='margin:0px;' onsubmit='return search_submit(this);'>
<input type='hidden' name='sfl' value='wr_subject||wr_content'>
<input type='hidden' name='sop' value='and'>
<input type='hidden' name='stx' value=''>
<select name='search_flag' id='search_flag' class='small'>
<option value='상품'>상품
<option value='게시판'>게시판
</select>
<input type=text name=search_str class='ed' value='<?=stripslashes(get_text($search_str))?>'>
<input type=image src='<?=G4_SHOP_URL?>/img/btn_search.gif' border=0 align=absmiddle>&nbsp;
</form>
<script>
function search_submit(f) {
if (f.search_flag.value == '상품') {
f.action = '<?=G4_SHOP_URL?>/search.php';
} else {
f.stx.value = f.search_str.value;
f.action = '<?=G4_BBS_URL?>/search.php';
}
}
<?
if ($search_flag) {
echo "document.getElementById('search_flag').value = '$search_flag';";
}
?>
</script>
<!-- 검색 끝 -->
</td>
</tr>
<tr><td colspan=2 height=1 bgcolor=#DCDCDC></td></tr>
<tr><td colspan=2 height=5></td></tr>
</table>
<!-- 상단끝 -->
<!-- 중간 -->
<table align=center width='<?=$table_width?>' cellpadding=0 cellspacing=0 border=0>
<tr>
<td align=center valign=top width=185>
<?=outlogin("shop_outlogin"); // 외부 로그인 ?>
<?php echo outlogin("shop_outlogin"); // 외부 로그인 ?>
<br>
<!-- 상품분류 -->
<table bgcolor=#CCCCCC width=185 cellpadding=1 cellspacing=0>
<tr><td><?include_once(G4_SHOP_PATH.'/boxcategory.inc.php');?></td></tr>
</table><br>
<?php include_once(G4_SHOP_PATH.'/boxcategory.inc.php'); ?>
<!-- 이벤트 -->
<table bgcolor=#CCCCCC width=185 cellpadding=1 cellspacing=0>
<tr><td><?include_once(G4_SHOP_PATH.'/boxevent.inc.php');?></td></tr>
</table><br>
<?php include_once(G4_SHOP_PATH.'/boxevent.inc.php'); ?>
<!-- 커뮤니티 -->
<table bgcolor=#CCCCCC width=185 cellpadding=1 cellspacing=0>
<tr><td><?include_once(G4_SHOP_PATH.'/boxcommunity.inc.php');?></td></tr>
</table><br>
<?php include_once(G4_SHOP_PATH.'/boxcommunity.inc.php'); ?>
<!-- 장바구니 -->
<table cellpadding=1 cellspacing=0 bgcolor=#D2D2D2>
<tr><td><?include_once(G4_SHOP_PATH.'/boxcart.inc.php');?></td></tr>
</table><br>
<?php // include_once(G4_SHOP_PATH.'/boxcart.inc.php'); ?>
<!-- 보관함 -->
<table cellpadding=1 cellspacing=0 bgcolor=#D2D2D2>
<tr><td><?include_once(G4_SHOP_PATH.'/boxwish.inc.php');?></td></tr>
</table><br>
<?php // include_once(G4_SHOP_PATH.'/boxwish.inc.php'); ?>
<!-- 왼쪽 배너 -->
<?=display_banner('왼쪽');?><br>
</td>
<td width=5></td>
<td valign=top width='<?=((int)$table_width-190)?>'>
<?php echo display_banner('왼쪽'); ?><br>

3
shop/shop.tail.php
View File

@ -7,8 +7,7 @@ $admin = get_admin("super");
// 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다.
?>
</td></tr></table>
<!-- 중간끝 -->
</div>
<!-- 하단 -->