웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
ㅎㅎ, 이곳에도 Html 적용이 되네요. [3] | 눈과비 | 2007.12.14 |
Layout.html 화일의 SEC(순서도)도를 그려봤습니다. [9] | SensePlus1 | 2007.12.14 |
페이지가 갑자기 하얀화면으로 나올경우에는 이렇게 해보십시오. [9] | 하나로45 | 2007.12.13 |
외부페이지에서 위젯사용하지 않고 로그인 정보 다루기. [5] [1] | 길치객 | 2007.12.12 |
외부페이지 사용법 [8] | 길치객 | 2007.12.11 |
권한없는 모듈을 만났을때 로그인 페이지 띄우기.. [10] | 똑디 | 2007.12.11 |
로그인 안되서 files 폴더 지우셨던 분들!! [3] | 율랑 | 2007.12.11 |
top 메뉴를 만들어보자 - layout에서 topmenu 항목만들기 [6] | SensePlus1 | 2007.12.11 |
음악플레이기 3종세트 설치 방법(수정) [25] | 팔공산 | 2007.12.10 |
[수정] 최근 이미지 추출에 new 이미지 등이 나타나게 하기... [5] | 비나무 | 2007.12.09 |
그림자 박스 만들기.. [3] | 소마세월 | 2007.12.07 |
배경이미지 만드는 방법입니다. | 팔공산 | 2007.12.06 |
익명게시판 - 문제가 아직 많습니다. (다시 수정) [11] | 올챙이 | 2007.12.06 |
XE 설치 진행 후 다시 첫 화면으로 넘어갈때 [2] | longkee | 2007.12.06 |
외부페이지에서 매개변수 사용가능하도록 하는 방법 [12] | 라르게덴 | 2007.12.05 |
"파일첨부"가 클릭이 안되시는 분 보셔요. [11] | 최강협 | 2007.12.04 |
움직이는 이모티콘 모음입니다. [4] | 범피디 | 2007.12.04 |
실시간 날씨를 불러오는 박스 입니다. [13] | 범피디 | 2007.12.03 |
날씨배너입니다. [4] | LooK782 | 2007.12.03 |
[동영상 강좌2] zbxe 페이지 생성과 기능 설명 [45] | 필반 | 2007.12.03 |
애드센스의 경우 반응형 애드센스가 @media 로 디바이스 크기에 따른 반응형 광고 크기 조절을
권장하고 있습니다. 반응형 으로 검색하시면 많은 정보 얻으실듯 하네요.