헤더 슬라이더 사이즈 조정
880
2016.08.05 15:45
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=30u 주소복사
본문
메인화면에 헤더 슬라이더 1번 그림을 2번 그림처럼 변경하고 싶습니다.
어떻게 하면 될까요? 자세히 좀 알려주세요
1번
2번
0
좋아요!
레벨 3
경험치 825
Progress Bar 38%
- 가입일 : 2016-07-04 08:57:03
- 서명 :
- 자기소개 :
댓글목록
레오나르도님의 댓글
basic2 테마 기준으로 설명드리면
1. 테마내 /layout/head_bs.html 파일에서 345번째줄쯤 아래소스를 찾아서 지워줍니다.
<!--{* Header Slider *}--> <!--{? is_slider == 'yes'}--> <div class="header-slider"> <div id="owl-header-slider" class="owl-carousel owl-theme"> <div class="item header-slider-bg"> <!--{* ------------- Header Slider 첫번째 시작 // 이미지와 문구를 수정하세요. ------------- *}--> <img src="../image/header_slider/slider_1.jpg" class="img-responsive"> <div class="container"> <!--{* 아래 문구를 수정하세요. *}--> <h1>Welcome to {config.cf_title}</h1> <h2>{config.cf_title} 을 방문해 주셔서 감사합니다.</h2> <p>Lorem ipsum dulor sit amet.<br>Consectetur adipisicing elft. Harum dolore, sequi ex quam sunt delectus veniam aut tempore illum, dulor nemo quae nulla.<br>Nam perferendis enim quisquam, culpa.</p> </div> <!--{* ------------- Header Slider 첫번째 끝 ------------- *}--> </div> <div class="item header-slider-bg"> <!--{* ------------- Header Slider 두번째 시작 // 이미지와 문구를 수정하세요. ------------- *}--> <img src="../image/header_slider/slider_2.jpg" class="img-responsive"> <div class="container"> <!--{* 아래 문구를 수정하세요. *}--> <h1>Have a good time</h1> <p><br>Lorem ipsum dulor sit amet.<br>Consectetur adipisicing elft. Harum dolore, sequi ex quam sunt delectus veniam aut tempore illum, dulor nemo quae nulla.<br>Nam perferendis enim quisquam, culpa.</p> <div class="text-center margin-top-10"> <a href="{C.G5_URL}/page/?pid=aboutus" class="btn-e btn-e-yellow btn-e-lg">About Us</a> </div> </div> <!--{* ------------- Header Slider 두번째 끝 ------------- *}--> </div> </div> </div> <!--{/}--> <!--{* End Header Slider *}-->2. /main/index_bs.html 파일 상단에 아래소스를 추가합니다.
<!--{? defined('_INDEX_') || defined('_EYOOM_MYPAGE_')}--> <!--{* Header Slider *}--> <!--{? is_slider == 'yes'}--> <div class="header-slider margin-bottom-20"> <div id="owl-header-slider" class="owl-carousel owl-theme"> <div class="item header-slider-bg"> <!--{* ------------- Header Slider 첫번째 시작 // 이미지와 문구를 수정하세요. ------------- *}--> <img src="../image/header_slider/slider_1.jpg" class="img-responsive"> <div class="container"> <!--{* 아래 문구를 수정하세요. *}--> <h1>Welcome to {config.cf_title}</h1> <h2>{config.cf_title} 을 방문해 주셔서 감사합니다.</h2> <p>Lorem ipsum dulor sit amet.<br>Consectetur adipisicing elft. Harum dolore, sequi ex quam sunt delectus veniam aut tempore illum, dulor nemo quae nulla.<br>Nam perferendis enim quisquam, culpa.</p> </div> <!--{* ------------- Header Slider 첫번째 끝 ------------- *}--> </div> <div class="item header-slider-bg"> <!--{* ------------- Header Slider 두번째 시작 // 이미지와 문구를 수정하세요. ------------- *}--> <img src="../image/header_slider/slider_2.jpg" class="img-responsive"> <div class="container"> <!--{* 아래 문구를 수정하세요. *}--> <h1>Have a good time</h1> <p><br>Lorem ipsum dulor sit amet.<br>Consectetur adipisicing elft. Harum dolore, sequi ex quam sunt delectus veniam aut tempore illum, dulor nemo quae nulla.<br>Nam perferendis enim quisquam, culpa.</p> <div class="text-center margin-top-10"> <a href="{C.G5_URL}/page/?pid=aboutus" class="btn-e btn-e-yellow btn-e-lg">About Us</a> </div> </div> <!--{* ------------- Header Slider 두번째 끝 ------------- *}--> </div> </div> </div> <!--{/}--> <!--{* End Header Slider *}--> <!--{/}-->축하합니다. 첫댓글 포인트 33포인트를 획득하였습니다.
드봉님의 댓글
원하는대로 잘 해결되었습니다.
감사합니다.
Daniel7님의 댓글
참고합니다.