묻고답하기

적지 않은 나이에 홈피 만드는거 재미 들려서 완전 쌩초보에서 하나씩 하나씩 따라하고 또 밤 새서 해보고 있어요.

XE서 기본 제공하는 '기본 레이아웃' 선택하면 위에 파란색 이미지 3장 바뀌는게 있는데, 상세 설정에서 '비주얼 이미지' 3장 모두 업로드 해도 자동으로는 안바뀌고 옆에 화살표 버튼 클릭해야지 바뀝니다.

오늘 이거 때문에 하루 종일 검색하고 이것 저것 다 해봐고, 잘 알지도 못하는 css 복사해서 갖다 붙이고 해도 도무지 모르겠어요. 선배 고수님들 좀 가르쳐 주세요...

기본레이아웃.png

이 레이아웃 CSS/HTML 은 아래에 있는거에요. 봐도 모르겟어요 ㅜㅜ

<load target="default.layout.css" />
<load target="default.layout.webfont.css" cond="$layout_info->WEB_FONT == 'YES'" />
<load target="../../common/js/respond.min.js" targetie="lt IE 9" />
<load target="default.layout.js" type="body" />
<div class="container">
 <p class="skip"><a href="#content">{$lang->skip_to_content}</a></p>
 <header class="header">
  <h1>
   <a href="{geturl('')}" id="siteTitle">
    <img src="siteTitle.png" alt="XpressEngine" cond="!Context::getSiteTitle() && !$layout_info->LOGO_IMG && !$layout_info->LOGO_TEXT">
    <block cond="Context::getSiteTitle() && !$layout_info->LOGO_IMG && !$layout_info->LOGO_TEXT">{Context::getSiteTitle()}</block>
    <img src="{$layout_info->LOGO_IMG}" alt="{$layout_info->LOGO_TEXT}" cond="$layout_info->LOGO_IMG">
    <block cond="!$layout_info->LOGO_IMG && $layout_info->LOGO_TEXT">{$layout_info->LOGO_TEXT}</block>
   </a>
  </h1>
  <div class="side">
   <!-- ACCOUNT -->
   <img widget="login_info" skin="default" />
   <!-- /ACCOUNT -->
   <!-- SEARCH -->
   <form action="{getUrl()}" method="get" class="search">
    <input type="hidden" name="vid" value="{$vid}" />
    <input type="hidden" name="mid" value="{$mid}" />
    <input type="hidden" name="act" value="IS" />
    <input type="text" name="is_keyword" value="{$is_keyword}" required placeholder="{$lang->cmd_search}" title="{$lang->cmd_search}" />
    <input type="submit" value="{$lang->cmd_search}" />
   </form>
   <!-- /SEARCH -->
  </div>
  <!-- GNB -->
  <nav class="gnb" id="gnb">
   <ul>
    <li loop="$GNB->list=>$key1,$val1" class="active"|cond="$val1['selected']">
     <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
     <ul cond="$val1['list']">
      <li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
     </ul>
    </li>
   </ul>
  </nav>
  <!-- /GNB -->
 </header>
 <!-- VISUAL | DEFAULT -->
 <div class="visual main"|cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'" class="visual sub"|cond="$layout_info->LAYOUT_TYPE=='SUB_PAGE'" cond="!$layout_info->VISUAL_IMAGE_1 && !$layout_info->VISUAL_IMAGE_2 && !$layout_info->VISUAL_IMAGE_3 && $layout_info->VISUAL_USE=='YES'">
  <div class="list">
   <a href="{geturl('','module','admin','act','dispAdminConfigGeneral')}" class="item i1" cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'">
    <img src="visual.main.1.jpg" alt="" />
    <p>Click, to change<br> the site title.</p>
   </a>
   <a href="{geturl('','module','admin','act','dispMenuAdminSiteMap')}" class="item i2" cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'">
    <img src="visual.main.2.jpg" alt="" />
    <p>Click, to change<br> the site navigation.</p>
   </a>
   <a href="{geturl('','module','admin','act','dispLayoutAdminInstanceList','layout','default')}" class="item i3" cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'">
    <img src="visual.main.3.jpg" alt="" />
    <p>Click, to change<br> the site visual image.</p>
   </a>
   <a href="{geturl('','module','admin','act','dispLayoutAdminInstanceList','layout','default')}" class="item i1" cond="$layout_info->LAYOUT_TYPE=='SUB_PAGE'">
    <img src="visual.sub.jpg" alt="" />
    <p>Click, to change the site visual image.</p>
   </a>
  </div>
  <button type="button" class="prev" title="Prev"><i></i></button>
  <button type="button" class="next" title="Next"><i></i></button>
 </div>
 <!-- VISUAL | USER DEFINE -->
 <div class="visual main"|cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'" class="visual sub"|cond="$layout_info->LAYOUT_TYPE=='SUB_PAGE'" cond="($layout_info->VISUAL_IMAGE_1 || $layout_info->VISUAL_IMAGE_2 || $layout_info->VISUAL_IMAGE_3) && $layout_info->VISUAL_USE=='YES'">
  <div class="list">
   <a href="{$layout_info->VISUAL_LINK_1}" class="item i1" cond="$layout_info->VISUAL_IMAGE_1">
    <img src="{$layout_info->VISUAL_IMAGE_1}" alt="" />
    <p>{$layout_info->VISUAL_TEXT_1}</p>
   </a>
   <a href="{$layout_info->VISUAL_LINK_2}" class="item i2" cond="$layout_info->VISUAL_IMAGE_2">
    <img src="{$layout_info->VISUAL_IMAGE_2}" alt="" />
    <p>{$layout_info->VISUAL_TEXT_2}</p>
   </a>
   <a href="{$layout_info->VISUAL_LINK_3}" class="item i3" cond="$layout_info->VISUAL_IMAGE_3">
    <img src="{$layout_info->VISUAL_IMAGE_3}" alt="" />
    <p>{$layout_info->VISUAL_TEXT_3}</p>
   </a>
  </div>
  <button type="button" class="prev" title="Prev"><i></i></button>
  <button type="button" class="next" title="Next"><i></i></button>
 </div>
 <!-- /VISUAL -->
 <div class="body main"|cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'" class="body sub"|cond="$layout_info->LAYOUT_TYPE=='SUB_PAGE'">
  <!-- LNB -->
  <nav class="lnb" cond="$layout_info->LAYOUT_TYPE == 'SUB_PAGE'">
   <h1 loop="$GNB->list=>$key1,$val1" cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></h1>
   <ul loop="$GNB->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']">
    <li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
     <ul cond="$val2['list']">
      <li loop="$val2['list']=>$key3,$val3" class="active"|cond="$val3['selected']"><a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>
     </ul>
    </li>
   </ul>
  </nav>
  <!-- /LNB -->
  <!-- CONTENT -->
  <div class="content" id="content">
   {$content}
  </div>
  <!-- /CONTENT -->
 </div>
</div>
<footer class="footer">
 <p cond="!$layout_info->FOOTER">Powered by <a href="http://xpressengine.com/">XE</a>.</p>
 <p cond="$layout_info->FOOTER">{$layout_info->FOOTER}</p>
</footer>
 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
VIR $document_list 변수에 관해 [2] 2020.09.17 by VIR
봄비 모듈을 먼저 등록해주세요 [1] 2020.09.16 by Luatic™
대한국인 라이믹스에서는 다국어 접속이 잘되고, XE는 안되는데요. 라이믹스 좋은지요? [2] 2020.09.16 by Luatic™
도킹맨 제대로 설정된 걸까요? [1] file 2020.09.14 by Luatic™
ahhas**** HTTP ERROR 500 [3] file 2020.09.14 by Luatic™
오쿠 초기셋팅 설치문의 [2] 2020.09.14 by Luatic™
현이둘아빠 게시판 글 업로드시 Email에러 [1] 2020.09.14 by Luatic™
VIR board 확장 변수 질문입니다. [1] file 2020.09.14 by 제이와이엔소프트
도치아빠 xpresseditor_axupload5 에디터 사용시 문제입니다. file  
VIR 게시글 처음으로 가기 [1] 2020.09.11 by sejin7940
도치아빠 로그인 문제입니다. [2] file 2020.09.10 by 도치아빠
조엘양 파일첨부시 100%되고 서버요청후 사라지는 현상 [5] 2020.09.08 by 봄비
세걸 로그인문제 [2] 2020.09.08 by 세걸
초보 검색할때 댓글/닉네임/태그 검색을 없애고 싶어요! [1] 2020.09.07 by 제이와이엔소프트
Crack리브레 존재하지 않는 회원 아이디입니다 [1] 2020.09.07 by 제이와이엔소프트
써닝 쇼핑몰에 게시판을 좀 추가하려고 하는데요 [1] 2020.09.07 by 제이와이엔소프트
ahhas**** xedition sub_banner 이미지 부분 변경하기 [4] file 2020.09.03 by ahhas****
나산데코 안녕하세요~ 검색창 질문요 file  
mkp9**** 위젯 옵션 중 정렬 삭제 방법 [1] 2020.09.02 by 초초보보
초초보보 레이아웃 수정. FTP로 안되고, 관리자모드에서만 수정되는 오류 [2] file 2020.09.02 by 초초보보
bonui 메인페이지 위젯 위치를 가운데로 하는 방법 없을까요? [3] 2020.09.01 by 초초보보
ndn 로그인문제. 얼마전까지 멀쩡하던게 갑자기 로그인이 안됩니다 [1] 2020.08.31 by Luatic™
nalong 네임 서버 변경 [1] 2020.08.31 by Luatic™
파이오니어 게시판 설정에서 분류 표시 오류 [2] file 2020.08.28 by 파이오니어
세령 크롬에서는 괜찮은데, 익스플로러에서는 레이아웃이 깨져요~ㅠ [2] 2020.08.27 by 세령
kkop 이런기능 어떻게 구현하나요? [1] file 2020.08.26 by sejin7940
ahhas**** 회원그룹 변경하기 [2] 2020.08.25 by ahhas****
ingcode 자료등록할려면 어떻게해야하나요? [1] 2020.08.21 by sejin7940
유샤인 혹시 웹사용자 전화 번호에다 단체로 문자 메세지 보내는 기능이 XE1에 있는 지? [1] 2020.08.19 by sejin7940
장년 추천/비추천/신고 모듈을 두개 사용할수 있을까요? [2] 2020.08.18 by 장년