답변 2개
shop/shop.head.php
'회원 메뉴'를 잘라내서 '쇼핑몰 퀵메뉴'에 삽입했습니다.
<aside id="hd_qnb"></p><p> <h2>쇼핑몰 퀵메뉴</h2></p><p> <div></p><p> <a href="<?php echo G5_SHOP_URL; ?>/cart.php"><img src="<?php echo G5_SHOP_URL; ?>/img/hd_nb_cart.gif" alt="장바구니"></a></p><p> <a href="<?php echo G5_SHOP_URL; ?>/wishlist.php"><img src="<?php echo G5_SHOP_URL; ?>/img/hd_nb_wish.gif" alt="위시리스트"></a></p><p> <a href="<?php echo G5_SHOP_URL; ?>/orderinquiry.php"><img src="<?php echo G5_SHOP_URL; ?>/img/hd_nb_deli.gif" alt="주문/배송조회"></a></p><p> <?php if ($is_member) { ?></p><p> <?php if ($is_admin) { ?></p><p> <a href="<?php echo G5_ADMIN_URL; ?>/shop_admin/"><b>관리자</b></a></p><p> <?php } ?></p><p> <a href="<?php echo G5_BBS_URL; ?>/member_confirm.php?url=register_form.php">정보수정</a></p><p> <a href="<?php echo G5_BBS_URL; ?>/logout.php?url=shop">로그아웃</a></p><p> <?php } else { ?></p><p> <a href="<?php echo G5_BBS_URL; ?>/register.php">회원가입</a></p><p> <a href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>"><b>로그인</b></a></p><p> <?php } ?></p><p> <a href="<?php echo G5_SHOP_URL; ?>/mypage.php">마이페이지</a></p><p> <a href="<?php echo G5_BBS_URL; ?>/faq.php">FAQ</a></p><p> <a href="<?php echo G5_BBS_URL; ?>/qalist.php">1:1문의</a></p><p> <a href="<?php echo G5_SHOP_URL; ?>/personalpay.php">개인결제</a></p><p> <a href="<?php echo G5_SHOP_URL; ?>/itemuselist.php">사용후기</a></p><p> <?php if(!$default['de_root_index_use']) { ?></p><p> <a href="<?php echo G5_URL; ?>/">커뮤니티</a></p><p> <?php } ?></p><p> </div></p><p></aside>
css/default_shop.css 수정
#hd_qnb a {margin-right:10px;letter-spacing:0}</p><p>#hd_qnb a:focus, #hd_qnb a:hover {color:#ff0000;text-decoration:none}
검색창 부분은 아래 소스를 수정하세요.
#hd_sch {float:left;margin:0 0 0 20px;border:1px solid #c3c6ca} // 20px을 더 크게할수록 오른쪽으로 이동</p><p>#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}</p><p>#hd_sch #sch_str {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em} // width:110px를 더 크게</p><p>#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer} // background:#e2e6eb를 변경
참고 : http://liberta1980.woobi.co.kr/shop/">http://liberta1980.woobi.co.kr/shop/
답변에 대한 댓글 4개
주문배송 부분(이미지)과 회원가입 부분을 떨어 뜨릴 수 있을까요?
이미지는왼쪽(로고부분) 텍스트는 우측으로 정렬하고 싶어요.
그리고 기러기 위치에 이미지를 넣으려면 어찌해야 하는지 부탁드려도 될까요.
마지막으로 로고 라인과 메뉴라인에 이미지 백그라운드 넣는 방법이 있을까요?
[code]#hd_qnb {border-bottom:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb ul {width:1000px;margin:0 auto;zoom:1}
#hd_qnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb .li_l {float:left}
#hd_qnb .li_r {float:right;padding-top:12px}
#hd_qnb a {margin-right:10px;letter-spacing:0}
#hd_qnb a:focus, #hd_qnb a:hover {color:#ff0000;text-decoration:none}[/code]
이렇게 수정했습니다. 주먹구구식으로 해서... 틀린 부분이 있는지 모르겠습니다.
[code]<aside id="hd_qnb">
<h2>쇼핑몰 퀵메뉴</h2>
<ul>
<li class="li_l">
<a href="<?php echo G5_SHOP_URL; ?>/cart.php"><img src="<?php echo G5_SHOP_URL; ?>/img/hd_nb_cart.gif" alt="장바구니"></a>
<a href="<?php echo G5_SHOP_URL; ?>/wishlist.php"><img src="<?php echo G5_SHOP_URL; ?>/img/hd_nb_wish.gif" alt="위시리스트"></a>
<a href="<?php echo G5_SHOP_URL; ?>/orderinquiry.php"><img src="<?php echo G5_SHOP_URL; ?>/img/hd_nb_deli.gif" alt="주문/배송조회"></a>
</li>
<li class="li_r">
<?php if ($is_member) { ?>
<?php if ($is_admin) { ?>
<a href="<?php echo G5_ADMIN_URL; ?>/shop_admin/"><b>관리자</b></a>
<?php } ?>
<a href="<?php echo G5_BBS_URL; ?>/member_confirm.php?url=register_form.php">정보수정</a>
<a href="<?php echo G5_BBS_URL; ?>/logout.php?url=shop">로그아웃</a>
<?php } else { ?>
<a href="<?php echo G5_BBS_URL; ?>/register.php">회원가입</a>
<a href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>"><b>로그인</b></a>
<?php } ?>
<a href="<?php echo G5_SHOP_URL; ?>/mypage.php">마이페이지</a>
<a href="<?php echo G5_BBS_URL; ?>/faq.php">FAQ</a>
<a href="<?php echo G5_BBS_URL; ?>/qalist.php">1:1문의</a>
<a href="<?php echo G5_SHOP_URL; ?>/personalpay.php">개인결제</a>
<a href="<?php echo G5_SHOP_URL; ?>/itemuselist.php">사용후기</a>
<?php if(!$default['de_root_index_use']) { ?>
<a href="<?php echo G5_URL; ?>/">커뮤니티</a>
<?php } ?>
</li>
</ul>
</aside>[/code]
'shop/shop.head.php'은 위와 같이 수정했습니다.
이미지는 원래 '회원메뉴'가 있던 곳에 넣어주면 됩니다.
[code]#hd {min-width:1000px;border-bottom:1px solid #dde4e9;background:url('../shop/img/symphony.png')}[/code]
배경 이미지는 'hd'에 적용했습니다.
참고 : http://liberta1980.woobi.co.kr/shop/
댓글을 작성하려면 로그인이 필요합니다.
현재 코딩하신방법은 html문법에 맞지 않는 방식입니다.
우선적으로 ul코드와 li코드 사이에 table을 삽입하신것 부터 잘못된 방법입니다.
기초코딩이 약하신 것으로 보여 제설명만으로 부족하실 수 있으니,
아래 예시를 참고하셔서 테스트 해보시고 조금더 연구해보실 것을 권합니다.
1.
현재 table 부분 추가하신것을 모두 삭제합니다.
2.
회원메뉴
다음에 오는 ul 코드에 클래스 혹은 아이디를 부여하고 css를 추가합니다.(아마 영카트라면 /css/default_shop.css 파일을 참조하시면 될겁니다.)
예시....
html에 다음추가
css에 다음 추가
ul#gnb_bar { width:1020px; height:컨텐츠 높이값; text-align: right;}
ul#gnb_bar li { display: inline-block;}
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인