묻고답하기

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

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 남기남
바키라 크롬모바일에서 글쓰고 등록누르면 이사이트에서 나가겠습니까 멘트나옵니다 [1] 2019.09.27 by sejin7940
TJM 게시판 하단에 비밀번호 지정하는 설정은 어디서 하나요? [5] 2019.09.27 by sejin7940
eznz**** 벌써 일주일째 해결이 안되고 있습니다.ㅜㅜ  
프리뷰 서버이전 이후 구글색인요청거부 문의입니다 file  
최지혜 홈페이지에 있는 지도 변경방법 [1] 2019.09.25 by DoorWeb
sunshine 제발 좀 가르쳐 주세요 ㅜㅜ [5] file 2019.09.24 by 오팀장
원주나야 Intermission 레이아웃 검색창 에러 문의드립니다. [2] file 2019.09.24 by 원주나야
안느 참고사이트처럼 스크롤시 ID값으로 정확히 이동하는 방법 아실까요? [1] 2019.09.24 by DoorWeb
조감도프리랜서 페이지에 게시판 들어가는 영역 가로폭 문의드립니다. [3] file 2019.09.24 by 조감도프리랜서
연필 외부페이지에 삽입된 하이퍼링크 주소가 바뀝니다. [2] 2019.09.23 by 연필
orangehome 게시판에 .jfif 이미지를 보이게 하려면 어떻게하죠  
sillyrose 홈페이지 서버(코어?)다운로드 받는방법에 관한 문의 입니다. [1] 2019.09.23 by DoorWeb
blue 질문드립니다 [1] 2019.09.20 by sejin7940
이주연743 사용자 정의 입력칸에 데이터 저절로 넣기  
eznz**** 다음과 같은 에러 메세지가 나와 몇일째 헤매고 있습니다.ㅜㅜㅜ [2] 2019.09.20 by eznz****
폴린크래시 메인페이지의 페이지수정이 안됩니다. [2] file 2019.09.20 by 폴린크래시
젠장할 스케치북 게시판 자동으로 공지등록되는현상 [1] file 2019.09.20 by SimpleCode
이주연743 XEDITION 기본 레이아웃 반응형으로 바꾸려면 [1] 2019.09.19 by DoorWeb
이주연743 Hosting server 에 mySql만 있고 mySqli 는 없어요. [4] 2019.09.19 by 이주연743
cjxkhvg 관리자 로그인 oops [2] 2019.09.19 by cjxkhvg
배우는사람 하이퍼링크를 2개 페이지에 연결해서 랜덤하게 뜨게 할 수 있는 방법이 있나요? [1] 2019.09.19 by DoorWeb
카더라통신 두서 없는 질문 드립니다. 애드센스 관련 고수님 찾습니다.  
AimJin 실수로 관리자계정을 최고관리자 권한취소 시켰습니다. [1] 2019.09.18 by sejin7940
supi**** XEDITION LNB 관련하여 몇가지 질문드립니다. [2] file 2019.09.18 by supi****
supi**** XEDITION 메뉴 관련해서 질문 드립니다. 꼭 부탁 드립니다. ㅠㅠ [2] file 2019.09.18 by supi****
자뇽 SKETCHBOOK5 게시판(갤러리형 썸네일) 생성 안됨 [3] 2019.09.18 by DoorWeb
미박 PHP 버전 업그레이드 후 관리자 모드 화면이 안보이는 현상 file  
김상호짜용 홈페이지 메인이아닌 게시판에다가 도메인연결방법은어떻게되나요 ? [1] 2019.09.17 by 미박
t****cdce6 관리자 페이지에서 코드 수정시 \가 붙는 현상 [1] 2019.09.17 by 미박
바키라 모바일에서 글쓰기 줄바뀜이안되요 file