위치를 변경하고 싶어요. 채택완료

위치를 변경하고 싶은데.
이동이 안됩니다.
메뉴부분은 shop.head.php에서 이렇게 수정해봤구요.
<aside id="hd_qnb">
<h2>쇼핑몰 퀵메뉴</h2>
<div id="tnb">
<h3>회원메뉴</h3>
<ul>
<table width="1020" cellpadding="0" cellspacing="0">
<tr>
<td width="89"><a href="/bbs/board.php?bo_table=B10"><img src="/images/top01.gif" width="89" height="26" border="0"></a></td>
<td width="89"><a href="/bbs/board.php?bo_table=B21"><img src="/images/top02.gif" width="89" height="26" border="0"></a></td>
<td width="89"><a href="#"><img src="/images/top03.gif" width="89" height="26" border="0"></a></td>
<td width="753">
<?php if ($is_member) { ?>
<?php if ($is_admin) { ?>
<li><a href="<?php echo G5_ADMIN_URL; ?>/shop_admin/"><b>관리자</b></a></li>
<?php } ?>
<li><a href="<?php echo G5_BBS_URL; ?>/member_confirm.php?url=register_form.php">정보수정</a></li>
<li><a href="<?php echo G5_BBS_URL; ?>/logout.php?url=shop">로그아웃</a></li>
<?php } else { ?>
<li><a href="<?php echo G5_BBS_URL; ?>/register.php">회원가입</a></li>
<li><a href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>"><b>로그인</b></a></li>
<?php } ?>
<li><a href="<?php echo G5_SHOP_URL; ?>/mypage.php">마이페이지</a></li>
<li><a href="<?php echo G5_BBS_URL; ?>/faq.php">FAQ</a></li>
<li><a href="<?php echo G5_BBS_URL; ?>/qalist.php">1:1문의</a></li>
<li><a href="<?php echo G5_SHOP_URL; ?>/personalpay.php">개인결제</a></li>
<li><a href="<?php echo G5_SHOP_URL; ?>/itemuselist.php">사용후기</a></li>
<?php if(!$default['de_root_index_use']) { ?>
<li><a href="<?php echo G5_URL; ?>/">커뮤니티</a></li>
<?php } ?>
</td>
</tr>
</table>
</ul>
</div>
</aside>
답변 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.
<h3>회원메뉴</h3> 다음에 오는 ul 코드에 클래스 혹은 아이디를 부여하고 css를 추가합니다.
(아마 영카트라면 /css/default_shop.css 파일을 참조하시면 될겁니다.)
예시....
html에 다음추가
<ul id="gnb_bar">
css에 다음 추가
ul#gnb_bar { width:1020px; height:컨텐츠 높이값; text-align: right;}
ul#gnb_bar li { display: inline-block;}
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인