원래 새로운 banner를 인터넷에서 다운받아 skin_bs에 넣고

사이즈별로 동작시키는 것을 목적으로 하였으나

어렵더군요... 강좌가 절실히 필요하다 느낄만큼 말이죠 ㅎ

 

그래서 일단 기본으로 제공되는 메인 (main banner)를

그림과 같이 만들어 보고자 하였습니다

 

코드를 단순히 이동시키는 것만으로 본 문제는 해결되더군요

 

head_bs.html을 열어보면

파일 상단에 is_slider 변수가 존재합니다

이 변수가 yes면 메인 배너가 노출되고 no면 감춰집니다

 

일단 yes로 변경을 해 둡니다.

 

그리고 <!--{* Header Slider *}--> 부분을 검색해서 이동합니다.

그리고 해당 부분부터 <!--{* End Header Slider *}-->까지 잘라내기를 합니다.

 

*만약 기존 소스를 그대로 유지하고 싶다면, 

잘라내는 소스안에 있는 <!--{? is_slider == 'yes'}--> 해당 조건을 변경합니다.

예) <!--{? is_slider1 == 'yes'}-->

 

잘래내거나 복사한 파일을 가지고

head_bs.html 파일의 제일 하단으로 이동합니다.

 

<div class="basic-body container">
            <div class="row">
                <!--{? (defined('_INDEX_') && eyoom.use_main_side_layout == 'y') || (!defined('_INDEX_') && eyoom.use_sub_side_layout == 'y' && subinfo.sidemenu != 'n')}-->
                <!--{? eyoom.pos_side_layout == 'left'}-->
                {# side_bs}
                <!--{/}-->
                <div class="basic-body-main {? eyoom.pos_side_layout == 'left'}right{:}left{/}-main col-md-9">
                <!--{:}-->
                <div class="basic-body-main col-md-12">

<!--{/}-->
                <!--{/}-->
                

위 코드에서 저는

마지막  <!--{/}--> 위에 해당 코드를 넣었습니다.

 

그러면 첨부된 이미지와 같이 이동합니다.

필요한 부분은 이미지 위의 출력되는 글자가 전체 넓이 형태로 나와

한쪽으로 치우쳐 보이게 됩니다.

 

저는 이미지만으로 사용할 것이기에 필요가 없어 수정을 하지 않았습니다.

필요하신 분들은

style.css 파일의 header-slider-bg 단어를 검색하여 해당 위치에 대한 넓이를 변경하시면 됩니다.

 

아직 제가 원하는 높이와 투명도의 조정이 되지 않은 상태이므로,

해당 글은 수정이 되는대로 업데이트 할 것입니다.

참고로 글 넓이 수정도 해 보도록 하겠습니다.

 

---