웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
창크기에 따라 생기고 없어지는 배너 만들기
2015.06.05 09:54
우선 들어가기 앞서 다시 말하는데 저는 소스조차 제대로 외우지 못하는 왕초보입니다
그래도 검색과 물어볼수 있는 네트워크 환경이 만들어져서 잘 활용하여
저만의 놀이터를 만들고 혼자 놀고 있습니다 ㅎㅎㅎ
미디어 쿼리를 적용해주어야 합니다
레이아웃 html에 아래 소스를 입력해줍니다
<div class="hidden-lg" id="outer_btn_right"> <div style="left: -17%; top: 45px; width: 120px; height: 600px; margin-left: 485px; position: absolute;">광고<br> 가로120<br> 세로600</div></table></div>
이렇게 하면 미디어 쿼리를 읽고 창크기에 따라서 배너를 숨겨줍니다
그전에 css 파일로 미디어 쿼리를 작성해 줘야 하는데요
@media screen and (max-width: 1550px) { #outer_btn_right { display: none; } }
위 처럼 작성 하시면 됩니다
#outer_btn_right는 적용할 id값이 되는거죠
따라했는데 안되셨을겁니다 그 이유는 css가 읽히지 않았기때문이죠
@import url('http://fonts.googleapis.com/earlyaccess/hanna.css');
레이아웃 html 상단에 위 소스를 적어주면 됩니다
특정 html에서만 나타나게 할경우 레이아웃에 import로 폰트ccs를 불러와줘야 합니다
<style type="text/css"> body { font-family:'Hanna'; } </style>
이리하면 특정 게시판하고 문서에서만 웹폰트가 적용되는데 메뉴에는 적용시키고 싶지 않은데 그방법은 더 알아봐야겠네요
태그 연관 글
- [2015/06/03] 묻고답하기 미디어 쿼리로 배너 숨기기 *5
제목 | 글쓴이 | 날짜 |
---|---|---|
각 OS별 브라우저별 자신의 웹사이트 보기??? [12] | 세바스챤_™ | 2008.01.31 |
리눅스 호환 호스팅에서 zbxe 전체 업로드 후 디렉토리 이동시키기... [4] | 소마세월 | 2008.02.02 |
포인트 수정없이 원하는 레벨 아이콘이나 원하는 이미지 출력하기(0.29용) [20] | 지연아빠 | 2008.02.02 |
flash <=> xe menu 연동 [7] | tsana | 2008.02.03 |
특정 게시판, 업로드된 그림 자동으로 본문에 출력하기 [14] | 대암지기 | 2008.02.03 |
본인외 회원정보 제어 [1] | edgarkim | 2008.02.03 |
BGM 등을 배경을 투명하게 iframe 으로 넣는 팁 [3] | 푸른커튼 | 2008.02.05 |
왼쪽메뉴줄이고 오른쪽에 박스만들어 내용쉽게넣기 [15] | plruto | 2008.02.07 |
주소끝에 /zbxe 안적어도 홈페이지에 바로 들어오게 하는법?? [10] | 박태훈922 | 2008.02.07 |
HTTP 406 Error 가 나오면서 업로드 안될때 [16] | plruto | 2008.02.08 |
아날로그 플래시 시계 10종류 (홈페이지, 블로그용) | 푸른커튼 | 2008.02.09 |
이미지 줌 아웃슬라이드 [4] | 맨발 | 2008.02.10 |
로그인후 보여줄 페이지 설정 [4] | 권인해 | 2008.02.11 |
회원가입 생일 필수로 입력받고, 관리자페이지 회원목록에 회원생일 출력하기 [10] | 대암지기 | 2008.02.11 |
제로보드용 플래시시계 위젯 설치방법 | 푸른커튼 | 2008.02.12 |
드림위버 등에서 레이아웃 편집시에.. [3] | 은진아빠 | 2008.02.12 |
특정게시판, 비밀글로 작성하기 [19] | 대암지기 | 2008.02.13 |
전에 누군가 찾았던 것인데..새로고침시 현재페이지로 [2] | 강영곤 | 2008.02.14 |
zbXE User Guide - 3차수정 [3] | 캬캬캬캬캬캬 | 2008.02.16 |
[전면수정]회원가입시 기본 정보공개 여부 체크하기(2) 스킨부분 | 대암지기 | 2008.02.17 |
애드센스의 경우 반응형 애드센스가 @media 로 디바이스 크기에 따른 반응형 광고 크기 조절을
권장하고 있습니다. 반응형 으로 검색하시면 많은 정보 얻으실듯 하네요.