영카트 테마 블루베리 메뉴유형변경 질문드립니다.
본문
http://kia1000.cafe24.com/yc5/shop/
세로로된 메뉴를 가로메뉴로 변경하고자 할때는 어느부분을 수정해야 되는지 질문드려봅니다.
답변 2
위 URL에서
해당 영역은
<div id="category">
<div id="hd_sch">
<h3>쇼핑몰 검색</h3>
<form name="frmsearch1" action="http://kia1000.cafe24.com/yc5/shop/search.php" onsubmit="return search_submit(this);">
<label for="sch_str" class="sch_label" style="visibility: visible;">search<strong class="sound_only"> 필수</strong></label>
<input type="text" name="q" value="" id="sch_str" required="">
<button type="submit" id="sch_submit"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
</form>
<script>
function search_submit(f) {
if (f.q.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.q.select();
f.q.focus();
return false;
}
return true;
}
$(function() {
var $sch = $('#sch_str'); //검색 input
var $sch_label = $('.sch_label'); //검색 label
if ($sch.attr('value') == "") $sch_label.css('visibility','visible');
else $sch_label.css('visibility','hidden');
$sch.focus(function() {
$sch_label.css('visibility','hidden');
});
$sch.blur(function() {
$this = $(this);
if ($this.attr('id') == "sch_stc" && $this.attr('value') == "") $sch_label.css('visibility','visible');
});
});
</script>
</div>
<div class="ct_wr">
<h2 class="con_tit"><span>쇼핑몰분류</span></h2>
<ul class="cate">
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=30">패키지</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=10">SK 매직</a>
<button class="sub_ct_toggle ct_op">SK 매직 하위분류 열기</button>
<ul class="sub_cate sub_cate1">
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=1010">정수기</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=1020">공기청정기</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=1030">비데</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=1040">안마의자</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=1050">생활가전</a>
<button type="button" class="sub_ct_toggle ct_op">생활가전 하위분류 열기</button>
<ul class="sub_cate sub_cate2">
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=105010">이온수기</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=105020">제빙기</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=105030">의류건조기</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=105040">청소기</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=105050">기타제품</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=20">LG 퓨리케어</a>
<button class="sub_ct_toggle ct_op">LG 퓨리케어 하위분류 열기</button>
<ul class="sub_cate sub_cate1">
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=2010">정수기</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=2020">공기청정기</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=2030">비데</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=2040">안마의자</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=2050">스타일러</a>
</li>
<li>
<a href="http://kia1000.cafe24.com/yc5/shop/list.php?ca_id=2060">생활가전</a>
</li>
</ul>
</li>
</ul>
<ul class="cate">
<li>
<a href="#">고객센터</a>
<button class="sub_ct_toggle ct_op">하위분류 열기</button>
<ul class="sub_cate sub_cate1">
<li><a href="http://kia1000.cafe24.com/yc5/bbs/board.php?bo_table=notice">공지사항</a></li>
<li><a href="http://kia1000.cafe24.com/yc5/bbs/board.php?bo_table=free">이용후기</a></li>
<li><a href="http://kia1000.cafe24.com/yc5/bbs/board.php?bo_table=qa">질문답변</a></li>
</ul>
</li>
</ul>
</div>
<ul id="hd_tnb">
<li><a href="http://kia1000.cafe24.com/yc5/bbs/login.php?url=%2Fyc5%2Fshop%2F">로그인</a></li>
<li><a href="http://kia1000.cafe24.com/yc5/bbs/register.php" id="snb_join">회원가입</a></li>
<li><a href="http://kia1000.cafe24.com/yc5/shop/orderinquiry.php">주문/배송</a></li>
<li><a href="http://kia1000.cafe24.com/yc5/shop/mypage.php">마이페이지</a></li>
<li><a href="http://kia1000.cafe24.com/yc5/shop/couponzone.php">쿠폰존</a></li>
<li><a href="http://kia1000.cafe24.com/yc5/shop/cart.php">장바구니</a></li>
</ul>
<button type="button" class="category_close"><i class="fa fa-times" aria-hidden="true"></i><span class="sound_only">카테고리 닫기</span></button>
</div>
이 영역에을 가로 정렬로 변경하시면 될거 같습니다.
이런식으로 변경하려고 하거든요^^
네, 질문하신 영역을 알려드린겁니다.
css 변경까지 다 하는건 제작의뢰가 더 적합하지 않을까 싶은데요
질문은 어느부부을 수정할지였기에 해당부분을 알려드린겁니다
시도를 해볼만큼 해보다가 안되면, 질문이 맞지만
만들어주세요는 제작의뢰가 ...
^^검색부분만 있길래 어느부분인지를 몰랐엇내요 ^^ 감사합니다
답변을 작성하시기 전에 로그인 해주세요.