• 북마크
  • 1:1문의
  • 새글
  • 회원가입
  • 로그인

이윰빌더

  • Home
  • 스터디
  • 이윰빌더

메인 배너(main banner) 사이드 레이아웃 옆으로 이동

2,875 2016.04.08 12:25

짧은주소

본문

 

원래 새로운 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 단어를 검색하여 해당 위치에 대한 넓이를 변경하시면 됩니다.

 

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

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

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

 


 

 

 

 

 

0
좋아요!
1
- red123 메일보내기 아이디로 검색 - 회원등급 : 새싹/Level 10 - 포인트 : 2,792
레벨 10
경험치 10,166

Progress Bar 59%

- 가입일 : 2015-03-16 21:00:17
- 서명 :
- 자기소개 :
댓글목록

아트리어님의 댓글

와우~ 정말 필요했던건데 감사합니다.

축하합니다. 첫댓글 포인트 2포인트를 획득하였습니다.

고니님의 댓글


글 적어주셔서 감사합니다.. 저도 이것 보고 한번 해보았습니다.. 그런데 저는 이미지, 텍스트 가 왜 따로 나올까요?....ㅜㅜ

공상과학님의 댓글

좋은정보 감사합니다^^

축하합니다. 지뢰폭탄 포인트 17포인트를 획득하였습니다.

Total 42건 1 페이지
번호 제목 글쓴이 날짜 추천
42 red123 아이디로 검색 2017.03.09 1,669 0
41 red123 아이디로 검색 2017.03.07 2,135 0
40 red123 아이디로 검색 2017.03.07 1,547 1
39 이윰EGG 아이디로 검색 2016.11.28 1,439 0
38 red123 아이디로 검색 2016.11.03 1,964 0
37 red123 아이디로 검색 2016.11.02 1,524 0
36 red123 아이디로 검색 2016.11.01 2,005 0
35 red123 아이디로 검색 2016.11.01 1,533 1
34 이윰EGG 아이디로 검색 2016.09.28 1,431 0
33 red123 아이디로 검색 2016.09.23 1,272 0
32 red123 아이디로 검색 2016.09.23 1,358 0
31 red123 아이디로 검색 2016.09.23 3,266 0
30 red123 아이디로 검색 2016.09.07 8,987 0
29 이윰EGG 아이디로 검색 2016.06.13 1,950 0
28 이윰EGG 아이디로 검색 2016.05.13 3,741 2
27 이윰EGG 아이디로 검색 2016.04.18 3,772 5
열람 red123 아이디로 검색 2016.04.08 2,876 0
25 칠천피트 아이디로 검색 2016.03.13 2,406 1
24 이윰EGG 아이디로 검색 2016.02.15 2,675 1
23 이윰EGG 아이디로 검색 2016.01.21 2,112 0
LOGIN
사이드 메뉴

최신글이 없습니다.

최신글이 없습니다.

출석 랭킹

오늘의 랭킹

회원사진

닉네임

개근왕

최다1위

shadow shadow
Ranking

    출력할 랭킹이 없습니다.

  • 01 shadow
    674,374
  • 02 신비
    335,419
  • 03 가을하늘
    204,735
  • 04 mame
    202,630
  • 05 이윰MOUNT
    199,181
  • 06 미스코리아
    163,939
  • 07 레오나르도
    147,576
  • 08 테크니션
    142,655
  • 09 이윰IN
    135,258
  • 10 비온뒤맑음
    127,882
  • 01 shadow
    28,938
  • 02 joosam
    23,606
  • 03 티보리
    21,954
  • 04 홍인
    18,644
  • 05 레오나르도
    18,088
  • 06 이윰IN
    17,983
  • 07 도깨비
    16,614
  • 08 이윰EGG
    16,105
  • 09 자이언트
    14,698
  • 10 미스트
    14,379