안녕하세요 xe 마켓에서
레이아웃 구매했습니다.
현재 적용중인데..
방법을 알고싶어 글을 남깁니다.
메뉴들이 들어가있는 메뉴바 색깔 변경
그리고 배경에 이미지를 넣고싶습니다.
마지막으로 사이드에 구글 광고를 넣고싶은데.
이미지 배너만 넣는거 밖에 없더라구요..
도움을 주시길바랍니다..
안녕하세요 xe 마켓에서
레이아웃 구매했습니다.
현재 적용중인데..
방법을 알고싶어 글을 남깁니다.
메뉴들이 들어가있는 메뉴바 색깔 변경
그리고 배경에 이미지를 넣고싶습니다.
마지막으로 사이드에 구글 광고를 넣고싶은데.
이미지 배너만 넣는거 밖에 없더라구요..
도움을 주시길바랍니다..
css 첫째줄 바디 부분에 background-image: url('경로');를 추가합니다.
메뉴바 부분은 테마 특성상 바디와 분리되어 있어서 바디를 수정해도 메뉴바 배경이미지가 변하지 않습니다.
메뉴 바까지 원하시면 아까알려드린대로 메뉴바 부분을 따로 수정하셔야 합니다.
바디부분에 어울리는 옅은 패턴을 찾아서 넣으셔도 되겠습니다
예)
/* 초기화 시작 */
html,
body {
width: 100%;
font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
background:#f8f8f8;
background-image: url('경로'); -->추가
}
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | [필독] 문의 글을 올리시기 전에 꼭 읽어주세요 | kangbangzang | 2017.09.21 | 33 |
공지 | 문의 확인 후 답변 드립니다. | luna270 | 2016.10.14 | 30 |
공지 | 라이센스와 환불 | kangbangzang | 2016.07.28 | 25 |
17 | 문의는 통합 쇼핑몰 SERVICE 게시판에 남겨 주세요. | kangbangzang | 2018.01.28 | 72 |
16 | 안녕하세요 1 | 재영 | 2018.01.24 | 2 |
15 | 메인팝업 문의드립니다. 1 | 재영 | 2017.02.09 | 151 |
14 | 스킨관련 문의 합니다.. 1 | 오룐 | 2017.02.08 | 153 |
13 | 로그인이 되지 않습니다.. 3 | 강태원 | 2017.01.12 | 61 |
12 | 게시글에 동영상 업로드를 어떻게하는지 알 수 있을까요? 1 | 강태원 | 2017.01.10 | 46 |
11 | 궁금한 점이 있습니다. 1 | 강태원 | 2017.01.04 | 36 |
10 | 위젯문제 9 | 강태원 | 2017.01.03 | 50 |
9 | '설치 된 위젯' 콜렉터 위젯이 나오지 않습니다. 5 | 강태원 | 2017.01.03 | 44 |
8 | 레이아웃 구성품목이 부족합니다. 2 | 강태원 | 2016.12.30 | 50 |
7 | 로그인 오류 문제 1 | 재영 | 2016.12.26 | 63 |
6 | 안녕하세요 레이아웃 구입하였는데 질문좀드립니다. 1 | 콜렉션 | 2016.11.24 | 53 |
5 | 질문좀 드립니다. 3 | 재영 | 2016.11.21 | 55 |
4 | 안녕하세요 질문 남깁니다. 2 | 킹갓메슥 | 2016.11.12 | 55 |
» | 안녕하세요 레이아웃 구매 했는데 몇가지 질문드립니다. 3 | 킹갓메슥 | 2016.11.01 | 69 |
2 | 스킨 문의요 1 | 릭키 | 2016.10.19 | 61 |
1 | 문의 | luna270 | 2016.10.14 | 40 |
구입해 주셔서 감사합니다.
1. 메인 네비게이션 메뉴바 배경색 변경:
css 49째줄 background:#컬러넘버;를 추가합니다.
예)
#mainNav {
box-shadow:1px 1px 15px #999;
background:#ccc; -->추가
}
2. 메인 네비게이션 메뉴바 배경 이미지 삽입:
css 49째줄 background-image: url('경로.확장자');를 추가합니다.
경로는 css파일 기준 img 폴더에 넣었을 경우../ img/파일명
css폴더에 넣었을 경우 그냥 파일명
예)
#mainNav {
box-shadow:1px 1px 15px #999;
background-image: url('img_tree.png'); -->추가
}
옵션)
background-repeat: no-repeat; ------> 배경을 반복하지 않음(상하좌우 연속 반복 가능,x축과 y축만 반복가능)
background-attachment: fixed; ------> 위치고정
background-position: 50px 200px; ------> 배경이 시작되는 위치를 지정함
3. 서브페이지 사이드바 구글 광고 삽입
구글 광고가 어떤 형태의 광고인지 모르겠습니다만 이미지라면
layout.html 파일 506~511째 줄을 수정하셔야 합니다.
밑의 예시처럼 필요없는 부분을 지우시고 구글 광고 경로를 적어줍니다.
예)
<!-- 사이드바 배너 -->
<div class="coll_side_banner">
<div class="coll_banner"><br />
<a href="#"><img class="img-responsive" src="경로" alt="" /></a>
</div>
</div>
<!-- //사이드바 배너 종료-->