그누보드 QA - 움직이는 배너와 펼쳐지는 배너를 없애고 싶습니다. 도와주세요!

움직이는 배너와 펼쳐지는 배너를 없애고 싶습니다. 도와주세요!

신펭 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2018.08.02 22:28:55 3137 (175.♡.♡.138)

답변 1

본문

http://ecudemo28470.cafe24.com/

위의 사이트로 개인 쇼핑몰을 운영하려고 합니다..

그런데 몇가지 수정하고 싶은데 방법을 모르겠습니다..

뭘 지워봐도 도통 되지를 않네요...

들어가보시면 알겠지만 카테고리 부분의 배너가 스크롤을 내리면

고정되어 반투명한 상태로 따라 내려옵니다. 내려오지 못하게 하는 방법이 있을까요?

2949847690_1533216231.2495.jpg

그리고 카테고리 왼쪽에 보시면 아이콘이 있는데.. 이것도 없애고 싶습니다.

2949847690_1533216254.3194.jpg

오른쪽 옆에는 검정색 화살표가 있는데 누르면 위의 사진처럼 펼쳐집니다..

이것도 없애고 싶은데 어디서 없애야할지 모르겠습니다.

메인화면 HTML을 아래에 적습니다...

저기에 수정할 방법이 있는지조차 의문이네요...

제발 도와주세요...

머리가 깨질 것 같아요...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko" id="UIF_HTML">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, target-densitydpi=device-dpi">

<meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta http-equiv="Pragma" content="no-cache"/>

<@js(/layout/basic/js/basic.js)-->
    <@js(/js/common.js)-->
    <@js(/js/module/layout/quick_view.js)-->
    <script type="text/javascript" src="/ec-js/common.js"></script>

<@js(/UI_FANDANGO/js/uif_basic.js)-->
<@js(/UI_FANDANGO/js/uif_category.js)-->
<@js(/UI_FANDANGO/js/uif_saleratemarking.js)-->
<@js(/UI_FANDANGO/js/jquery.parallax-1.1.js)-->
<@js(/UI_FANDANGO/js/uif_parallax.js)-->
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/earlyaccess/nanumgothic.css'>
<link href='https://fonts.googleapis.com/css?family=Codystar:400,300|Raleway+Dots|Almendra+Display|Poiret+One|Julius+Sans+One|Nixie+One|Lekton:400,400italic,700|Wire+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="/UI_FANDANGO/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/UI_FANDANGO/slick/slick-theme.css"/>
<script src="/UI_FANDANGO/js/uif_modernizr.js"></script>
<script src="/UI_FANDANGO/js/jquery-1.11.3.min.js"></script>
<script src="/UI_FANDANGO/slick/slick.min.js"></script>
<script> $.noConflict(); </script>


</head>

<div id="skipNavigation">
<p><a href="#UIF_LayoutWrap">본문 바로가기</a></p>
</div>

<div id="UIF_TopBanner" class="UIF_TopBanner">
</div>

<div id="UIF_HeaderWrap_Root">

<div id="UIF_HeaderWrap_A">
  <div class="HeaderWrap_Inner">
    
    <nav id="UIF_Utilmenu" class="UIF_Utilmenu">
     <div class="Utilmenu_Inner fa-asterisk">
      <div>
       <ul>
        <li><a module="Layout_bookmark" href="/link/bookmark.html" target="_blank" onclick="winPop(this.href); return false;"><span>BOOKMARK</span></a></li>
        <li><a module="Layout_shortcut" href="/link/shortcut.html" target="_blank" onclick="winPop(this.href); return false;">QUICK LINK</a></li>
       </ul>
      </div>
      <div module="Layout_multishopList" class="MultiShopLink">
       <ul class="marginL20">
        <li><a>MULTI SHOP</a></li>
       </ul>
       <ul module="Layout_multishopListitem" class="MultiShop">
        <li>
         <a href="http://{$shop_domain}/">
          <img src="http://img.cafe24.com/img/common/global/{$language}_32x24.png" alt="" />
          <span>{$locale_language}</span>
          <span>{$currency_code}</span>
         </a>
        </li>
        <li>
         <a href="http://{$shop_domain}/">
          <img src="http://img.cafe24.com/img/common/global/{$language}_32x24.png" alt="" />
          <span>{$locale_language}</span>
          <span>{$currency_code}</span>
         </a>
        </li>
       </ul>
      </div>
     </div>
    </nav>

<nav id="UIF_Topmenu" class="UIF_Topmenu">
     <div module="Layout_statelogoff">
      <ul>
       <li><a href="/member/login.html" class="fa-sign-in"><span class="txt">LOGIN</span></a></li>
       <li><a href="/member/join.html" class="fa-user-plus"><span class="txt">JOIN</span></a></li>
      </ul>
     </div>
     <div module="Layout_stateLogon">
      <ul>
       <li><a href="/member/modify.html"><span class="fa-cog"/><span class="txt">EDIT</span></a></li>
       <li><a href="{$action_logout}"><span class="fa-sign-out"/><span class="txt">LOGOUT</span></a></li>
      </ul>
     </div>
    </nav>
    
  </div>
</div>

<div id="UIF_HeaderWrap_B">
  <div class="HeaderWrap_Inner">
    <div module="Layout_LogoTop" class="orgLogo">
     <a href="/index.html"><img src="{$logo}" alt="로고" /></a>
    </div>
  </div>
</div>

<div id="UIF_HeaderWrap_C">
  <div class="HeaderWrap_Inner">
   
   <div module="Layout_LogoTop" class="downLogo">
    <a href="/index.html"><img src="/UI_FANDANGO/img/logo2.png" alt="로고" /></a>
   </div>
   <div id="UIF_MenuWrap" module="Layout_category">
    <h2>전체상품카테고리</h2>
    <span id="UIF_PushMenu_ShowTop" class="MenuAll fa-navicon" />
    <div id="UIF_SearchBar" class="UIF_SearchBar" module="Layout_SearchHeader">
     
     <fieldset>
      <legend>검색</legend>
      {$form.keyword}
      
      <input class="UIF_SearchBar-submit" type="submit" onclick="{$action_search_submit}">
      <span class="UIF_SearchBar-icon fa-search"></span>
     <fieldset>
    </div>
    <script src="/UI_FANDANGO/js/uif_search.js"></script>
    <script>
     new UISearch( document.getElementById( 'UIF_SearchBar' ) );
    </script>
    <ul id="Category_Menu" class="Category_Menu">
     <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
     <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
     <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
    </ul>
   </div>
  </div>
</div>

</div>

<div id="UIF_LayoutWrap">

<div id="UIF_Contents">
    
   </div>

</div>
</div>

<div id="UIF_CommWrap" class="clearboth">
<div class="UIF_InnerWrap">
  <h2 class="CommTitle">Shop Community</h2>
  <div class="CommSection">
   
   <div class="CommBoard">
    <span class="CommIcon fa-paper-plane" />
    <h3>Shop Notice</h2>
    <p class="Comment">쇼핑몰 공지사항 입니다.</h2>
    <table border="1" summary="">
     <caption>공지사항</caption>
     <tbody module="board_list_1">
      
      <tr>
       <td class="title"><a href="/board/free/read.html{$param_read}">{$subject}</a></td>
       <td>{$write_date}</td>
      </tr>
      <tr>
       <td class="title"><a href="/board/free/read.html{$param_read}">{$subject}</a></td>
       <td>{$write_date}</td>
      </tr>
     </tbody>
    </table>
    <p class="more"><a href="/board/free/list.html?board_no=1" class="UIF_BtnTypeA BSet_Black01">더보기</a></p>
   </div>

<div class="CommBoard">
    <span class="CommIcon fa-quote-right" />
    <h3>FAQ</h2>
    <p class="Comment">자주묻는 질문 답변입니다</h2>
    <table border="1" summary="">
     <caption>FAQ</caption>
     <tbody module="board_list_3">
      
      <tr>
       <td class="title"><a href="/board/free/read.html{$param_read}">{$subject}</a></td>
       <td>{$write_date}</td>
      </tr>
      <tr>
       <td class="title"><a href="/board/free/read.html{$param_read}">{$subject}</a></td>
       <td>{$write_date}</td>
      </tr>
     </tbody>
    </table>
    <p class="more"><a href="/board/free/list.html?board_no=3" class="UIF_BtnTypeA BSet_Black01">더보기</a></p>
   </div>

<div class="CommInfo">
    <span class="CommIcon fa-barcode" />
    <h3>Customer Service</h2>
    <p class="Comment">항상 고객님이 최우선입니다</h2>
    <div module="Layout_Info" class="CustomorInfo">
     <ul class="TypeA">
      <li class="ShopTel"><span>{$phone}</span></li>
     </ul>
     <ul class="TypeB">
      <li><span class="fa-clock-o">11:30 ~ 23:00</span></li>
      <li><span class="fa-check-square-o">국민은행 498101-01-275072</span></li>
      <li><span class="fa-blank">예금주 : 김영숙(보이즈)</span></li>
     </ul>
    </div>
    <div class="CommSNS">
     <a href="#"><img src="/UI_FANDANGO/img/uif_sns_facebook.png" /></a>
     <a href="#"><img src="/UI_FANDANGO/img/uif_sns_twitter.png" /></a>
     <a href="#"><img src="/UI_FANDANGO/img/uif_sns_instagram.png" /></a>
     <a href="#"><img src="/UI_FANDANGO/img/uif_sns_naverblog.png" /></a>
     <a href="#"><img src="/UI_FANDANGO/img/uif_sns_kakaostroy.png" /></a>
    </div>
   </div>
   
  </div>
</div>
</div>

<div id="UIF_FooterWrap" class="UIF_FooterWrap clearboth">
<div class="UIF_InnerWrap">
  <div module="Layout_footer">
   <ul class="FooterUtil">
    <li><a href="/index.html">홈</a></li>
    <li><a href="/shopinfo/company.html">회사소개</a></li>
    <li><a href="/member/agreement.html">이용약관</a></li>
    <li><a href="/member/privacy.html">개인정보취급방침</a></li>
    <li><a href="/shopinfo/guide.html">이용안내</a></li>
   </ul>
   <div class="ComInfo">
    <ul>
     <li>법인명(상호) : {$company_name}</li>
     <li>대표자(성명) : {$president_name}</li>
     <li>사업자등록번호 : [{$company_regno}]</li>
     <li>통신판매업 신고 : {$network_regno} <span>{$biz_no_link}</span></li>
    </ul>
    <ul>
     <li>전화 : {$phone}</li>
     <li>팩스 : {$fax}</li>
     <li>이메일 : <a href="mailto:{$email}">{$email}</a></li>
     <li>주소 : {$mall_zipcode} {$mall_addr1} {$mall_addr2}</li>
    </ul>
    <ul>
     <li>개인정보관리책임자 : <a href="mailto:{$cpo_email}">{$cpo_name}({$cpo_email})</a></li>
    </ul>
   </div>
   <p class="copyright">Copyright © 2017 <strong>{$mall_name}</strong>. All rights reserved.</p>
  </div>
</div>
</div>

<div id="UIF_RightArea" class="UIF_RightArea">
<ul class="Right_Myinfo" module="Layout_stateLogoff">
  <li><a href="/myshop/index.html">MY SHOP</a></li>
  <li><a href="/myshop/order/list.html">MY ORDER</a></li>
  <li><a href="/order/basket.html">CART <span class="BasketCount {$basket_count_display|display}">{$basket_count}</span></a></li>
</ul>
<ul class="Right_Myinfo" module="Layout_stateLogon">
  <li><a href="/myshop/index.html">MY SHOP</a></li>
  <li><a href="/myshop/order/list.html">MY ORDER</a></li>
  <li><a href="/order/basket.html">CART <span class="BasketCount {$basket_count_display|display}">{$basket_count}</span></a></li>
</ul>
<ul class="Right_Cash" module="Layout_shoppingInfo">
  <li class="{$use_mileage|display}"><a href="/myshop/mileage/historyList.html">POINT <span>{$mileage}</span></a></li>
  <li class="{$use_interest_prd|display}"><a href="/myshop/wish_list.html">WISH LIST <span>{$interest_prd_cnt}</span></a></li>
  <li class="{$use_coupon_cnt|display}"><a href="/myshop/coupon/coupon.html">COUPON <span>{$coupon_cnt}</span></a></li>
  <li class="{$use_deposit|display}"><a href="/myshop/deposits/historyList.html">MONEY <span>{$deposit}</span></a></li>
</ul>

<div class="Right_Recent">
  <div module="Layout_productRecent" class="UIF_Recent2">
   <p class="prev fa-chevron-up"></p>
   <ul>
    <li class="{$disp_recent|display}"><a href="/product/detail.html{$param}"><img src="{$recent_img}" alt="" /></a></li>
    <li class="{$disp_recent|display}"><a href="/product/detail.html{$param}"><img src="{$recent_img}" alt="" /></a></li>
    <li class="{$disp_recent|display}"><a href="/product/detail.html{$param}"><img src="{$recent_img}" alt="" /></a></li>
    <li class="{$disp_recent|display}"><a href="/product/detail.html{$param}"><img src="{$recent_img}" alt="" /></a></li>
    <li class="{$disp_recent|display}"><a href="/product/detail.html{$param}"><img src="{$recent_img}" alt="" /></a></li>
   </ul>
   <p class="next fa-chevron-down"></p>
   <span class="more"><a href="/product/recent_view_product.html" class="UIF_BtnTypeD BSet_Default">전체 최근 본 상품</a></span>
  </div>
</div>

<div class="Right_Info">
  <h4>BANK INFO</h4>
  <section>
   <p>국민은행/홍길동</p>
   <p>12345-123456789</p>
  </section>
  <section>
   <p>우리은행/홍길동</p>
   <p>12345-123456789</p>
  </section>
</div>

<div class="Right_Info">
  <h4>CALL CENTER</h4>
  <section>
   <p module="Layout_Info"><span>TEL</span>{$phone}</p>
   <p module="Layout_Info"><span>FAX</span>{$fax}</p>
   <p class="sect"><a href="/board/consult/list.html">1:1상담 바로가기</a></p>
  </section>
</div>

<span class="RightAreaBtn" />

<a href="#UIF_HTML" id="UIF_TopLink" class="UIF_TopLink fa-arrow-up"><title>제일위로</title></a>
</div>

<nav class="UIF_PushMenu" id="UIF_PushMenu">
<div class="UIF_PushMenu_Wrap">
<div class="UIF_PushMenu_innerWrap">
  <div class="UIF_PushMenu_Title">
   <a href="/">HOME</a>
   <span id="UIF_PushMenu_Close2" class="fa-close topclose"></span>
  </div>
  <div module="Layout_category" class="UIF_PushMenu_Contents">
   
   <ul id="CateAll_1" class="CateAll_1">
    <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
    <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
    <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
   </ul>
   
   <ul class="GroupAll" module="Layout_statelogoff">
    <li class="Title"><a href="/myshop/index.html">MY SHOP</a></li>
    <li><a href="/member/login.html"><span>로그인</span></a></li>
    <li><a href="/member/join.html"><span>회원가입</span></a></li>
    <li><a href="/order/basket.html">장바구니 <span class="BasketCount {$basket_count_display|display}">{$basket_count}건</span></a></li>
    <li><a href="/myshop/order/list.html">주문조회</a></li>
   </ul>
   
   <ul class="GroupAll" module="Layout_stateLogon">
    <li class="Title"><a href="/myshop/index.html">MY SHOP</a></li>
    <li><a href="/member/modify.html"><span>회원정보수정</span></a></li>
    <li><a href="{$action_logout}"><span>로그아웃</span></a></li>
    <li><a href="/order/basket.html">장바구니 <span class="BasketCount {$basket_count_display|display}">{$basket_count}건</span></a></li>
    <li><a href="/myshop/order/list.html">주문조회</a></li>
    <li>
     <ul class="Seper" module="Layout_shoppingInfo">
      <li class="{$use_mileage|display}"><a href="/myshop/mileage/historyList.html">POINT <span id="spi1_2" class="BasketCount"></span></a></li>
      <li class="{$use_interest_prd|display}"><a href="/myshop/wish_list.html">WISH LIST <span id="spi2_2" class="BasketCount"></span></a></li>
      <li class="{$use_coupon_cnt|display}"><a href="/myshop/coupon/coupon.html">COUPON <span id="spi3_2" class="BasketCount"></span></a></li>
      <li class="{$use_deposit|display}"><a href="/myshop/deposits/historyList.html">SHOP MONEY <span id="spi4_2" class="BasketCount"></span></a></li>
     </ul>
    </li>
   </ul>
   
   <ul class="GroupAll" module="Layout_BoardInfo">
    <li class="Title"><a href="/board/index.html">COMMUNITY</a></li>
    <li><a href="{$board_list_url}">{$board_name}</a></li>
    <li><a href="{$board_list_url}">{$board_name}</a></li>
   </ul>
   
   <ul class="GroupAll">
    <li class="Title"><a href="/shopinfo/company.html">COMPANY</a></li>
    <li><a href="/shopinfo/company.html">회사소개</a></li>
    <li><a href="/member/agreement.html">이용약관</a></li>
    <li><a href="/member/privacy.html">개인정보취급방침</a></li>
    <li><a href="/shopinfo/guide.html">이용안내</a></li>
   </ul>
   
   <ul class="BannerAll">
    <li>
     <div>
      <h4 class="fa-comments">고객센터</h4>
      <section module="Layout_Info">
       <p>업무시간</p>
       <p>{$runtime}</p>
      </section>
      <section module="Layout_Info">
       <p>대표전화</p>
       <p>{$phone}</p>
      </section>
     </div>
    </li>
   </ul>
   
   <ul class="BannerAll">
    <li>
     <div>
      <h4 class="fa-bank">계좌정보</h4>
      <section>
       <p>국민은행 / 홍길동</p>
       <p>1234-123456-123456</p>
      </section>
      <section>
       <p>우리은행 / 홍길동</p>
       <p>1234-123456-123456</p>
      </section>
     </div>
    </li>
   </ul>
   
   <ul class="BannerAll">
    <li>
     <div>
      <h4 class="fa-truck">배송추척</h4>
      <section>
       <p>택배사 : CJ대한통운</p>
       <p>1588-1255</p>
      </section>
      <section>
       <a href="https://www.doortodoor.co.kr/main/" target="_blank"><img src="/UI_FANDANGO/img/ship_cj.png" /></a>
      </section>
     </div>
    </li>
   </ul>
  </div>
  <div class="UIF_PushMenu_Button"><button id="UIF_PushMenu_Close" class="fa-close">CLOSE</button></div>
</div>
</div>
</nav>

<div id="progressPaybar" style="display:none;">
    <div id="progressPaybarBackground" class="layerProgress"></div>
    <div id="progressPaybarView">
        <div class="box">
            <p class="graph">
                <span><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/layout/txt_progress.gif" alt="현재 결제가 진행중입니다." /></span>
                <span><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/layout/img_loading.gif" alt="" /></span>
            </p>
            <p class="txt">
                본 결제 창은 결제완료 후 자동으로 닫히며,결제 진행 중에 본 결제 창을 닫으시면<br />
                주문이 되지 않으니 결제 완료 될 때 까지 닫지 마시기 바랍니다.
            </p>
        </div>
    </div>
</div>

<script src="/UI_FANDANGO/js/uif_classie.js"></script>
<script src="/UI_FANDANGO/js/uif_TooltipMenu.js"></script>
<script>
var menu = new cbpTooltipMenu( document.getElementById( 'Category_Menu' ) );
</script>

</body>
</html>

#css #js #스크립트 #html #레이아웃

답변 1

태양별 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2018-08-02 22:41:21 175.♡.♡.209

우선 그누보드와 관련이없는,

카페24 쇼핑몰인듯한데..

그래도 답변은 대략 드릴게요.

<div id="UIF_HeaderWrap_Root" 이부분에 style="position:absolute !important;" 를 넣어주세요.

#UIF_HeaderWrap_Root 를 정의하는 CSS 파일이 있다면 거기서 Fixed를 absolute로 변경하셔도 됩니다.

우측 고객센터관련 펼쳐지는 부분은

<div id="UIF_RightArea" class="UIF_RightArea"> 이라인과 관련된것을 주석 또는 제거하시면 됩니다.

↳ 신펭 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2018-08-02 22:55:54175.♡.♡.138

헉... 그누보드...가 뭔지 모르겠...어요... 비슷한 질문글을 보고 지푸라기 잡는 심정으로 적은 글이었는데 이렇게 빠르고 정확한 답변 주셔서 정말정말정말 감사합니다...ㅠㅠ 진짜 그렇게 골머리썩히던 문제가 순식간에 사라져서 마법같네요... 정말 진심으로 감사합니다... 혹시... 윗부분의 대분류 카테고리 맨 왼쪽의 로고 아이콘과 三자 모양의 메뉴 아이콘 없애는 방법은 모르실까요...? 염치불구하고 추가로 여쭈어봅니다...

↳ 태양별 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2018-08-02 23:01:24175.♡.♡.209

<로고관련 주석 또는 제거>

<div class="xans-element- xans-layout xans-layout-logotop downLogo "><a href="/index.html"><img src="/UI_FANDANGO/img/logo2.png" alt="로고"></a>
</div>

<전체메뉴 펼침 아이콘 주석 또는 제거>

<h2>전체상품카테고리</h2>
<span id="UIF_PushMenu_ShowTop" class="MenuAll fa-navicon"></span>

↳ 신펭 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2018-08-03 01:02:3261.♡.♡.144

적혀있는거랑 조금 다른부분이 있어서 덜덜떨며 수정했는데 없어졌어요! ㅠㅠ 너무 감동적이에요... 정말 감사합니다. 너무 깔끔해서 보기 좋아서.. 문제가 해결되서 너무 기뻐요.. 정말 정말 감사합니다... 어쩜 이리 해박하신지... 이렇게 도움 주셔서 감사합니다. ㄱ...그런데 정말... 죄송한데요... 다 깔끔하게 지웠는데... 사이트 맨 왼쪽 위에 * 표시가 있는데... 이건 안 없어지네요... 뭔지도 모르겠어요.... http://theboys.co.kr/ 말씀해주신걸로 고친 사이트 모습인데... 한번 봐주실 수 있을까요...? 뭐가 문제인지... 해결할 방법을 아실까요....?

답변을 작성하시기 전에 로그인 해주세요.

QA

본문

이 질문에 댓글 쓰기 :

답변 1