영카트 테마 블루베리 메뉴유형변경 질문드립니다.
http://kia1000.cafe24.com/yc5/shop/
세로로된 메뉴를 가로메뉴로 변경하고자 할때는 어느부분을 수정해야 되는지 질문드려봅니다.
|
답변 2개 / 댓글 2개
8년 전

이런식으로 변경하려고 하거든요^^
답변에 대한 댓글 2개
8년 전
8년 전
위 URL에서
해당 영역은
Copy
<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 변경까지 다 하는건 제작의뢰가 더 적합하지 않을까 싶은데요
질문은 어느부부을 수정할지였기에 해당부분을 알려드린겁니다
시도를 해볼만큼 해보다가 안되면, 질문이 맞지만
만들어주세요는 제작의뢰가 ...