묻고답하기

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

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 남기남
원주나야 Intermission 레이아웃 검색창 에러 문의드립니다. [2] file 2019.09.24 by 원주나야
sunshine 제발 좀 가르쳐 주세요 ㅜㅜ [5] file 2019.09.24 by 오팀장
최지혜 홈페이지에 있는 지도 변경방법 [1] 2019.09.25 by DoorWeb
프리뷰 서버이전 이후 구글색인요청거부 문의입니다 file  
eznz**** 벌써 일주일째 해결이 안되고 있습니다.ㅜㅜ  
TJM 게시판 하단에 비밀번호 지정하는 설정은 어디서 하나요? [5] 2019.09.27 by sejin7940
바키라 크롬모바일에서 글쓰고 등록누르면 이사이트에서 나가겠습니까 멘트나옵니다 [1] 2019.09.27 by sejin7940
nb00040 리스트(테이블) 중 최신 항목을 홈화면에 불러오기 [3] 2019.09.27 by sejin7940
ITNJOB 회원 가입시 "잘못된 요청 입니다." 에러 문의드립니다. file  
thanksto html 미디어 쿼리 오류 어떻게 해결할 수 있나요? file  
sillyrose 주요일정(일정이 나온는 순서 변경하는법)질문입니다. file  
eznz**** IIS에서의 봇 차단 문의 [2] 2019.10.01 by eznz****
안느 원페이지에서 #아이디 값에 따른 메뉴컬러를 변경하려면 어떻게 해야 하나요? [1] 2019.10.01 by DoorWeb
비유 xe 입문하였습니다. 어떤걸 공부해야하나요? [1] 2019.10.01 by DoorWeb
딥리버 xe보드 이미지 업로드 가 안됩니다 도움이 필요합니다  
wormhole7 썸네일 간격 문의 [1] file 2019.10.02 by DoorWeb
railman 사이트명 한글이 깨어져서 노출되고 있습니다. [2] file 2019.10.02 by railman
railman 검색시 이전에(제로 보드) 작성한 게시물이 노출되지 않는 현상  
MC조몽 확장변수 여부 체크 isExtraVarsExists() 오류? [1] 2019.10.02 by sejin7940
JamesRhee 최신버젼을 설치하기가 어렵네요.. [2] 2019.10.03 by JamesRhee
mgl**** 질문합니다 [1] file 2019.10.06 by DoorWeb
가입명 contact 스킨에서 아래 버튼 삭제하는 방법이 있을까요? [1] file 2019.10.07 by sejin7940
녹색사랑 xpress 에디터 파일 첨부시 사라짐 (익스플로러11. 엣지) [3] 2019.10.07 by Happiness
벼리 게시글 열람시 포인트 중복 차감 방법 [1] 2019.10.07 by sejin7940
검은고양이냐옹 서버 환경좀 살펴봐주세요? [1] 2019.10.08 by J.LAB
책상다리 로그인 520애러 [5] 2019.10.08 by sejin7940
걷고걷기 크롬 브라우저 문제 file  
railman common_layout.html 소스보기에서 동일구문이 2개가 정상인지요 [2] 2019.10.09 by railman
lark007 스팸회원 문제 10000명 한번에 삭제하려면 어떻게 할까요 [5] 2019.10.10 by 현종이닷
rail_man phpmyadmin 접속이 되지않고 있습니다. [1] 2019.10.13 by railman