웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
XE Core 안정된 버젼 좀 알려주세요.. [1] | 팔도준 | 2015.05.26 |
외부이미지 링크 + 고해상도 이미지 섬네일 생성 팁 | socialskyo | 2015.05.26 |
설문조사 컴퍼넌트의 종료일 관련 버그 수정 | sejin7940 | 2015.05.26 |
공지목록의 추출기준을 문서번호가 아니라 글순서로 변경 | sejin7940 | 2015.05.26 |
네이버맵 좌표(Lat, Lng) 검색기 | YJHOON | 2015.05.27 |
푸시알림 앱 소개 pushbullet 안드로이드와 아이폰, 데스크탑까지 되면서 공짜!! | garnecia | 2015.05.28 |
29일 licencexe설치시 XE마비현상 [3] | XE힘들당휴 | 2015.05.29 |
네이버 카페 처럼 조회하고 [2] | XE모듈 | 2015.05.31 |
스키마 변경 후 쿼리 오류가 발생할 때 | 신평 | 2015.06.01 |
타임라인 모듈 두개 이상 생성 및 페이지가 넘어가지 않은 문제에 관하여 | 함삐까 | 2015.06.01 |
카르마님의 외부 이미지 저장 애드온 에서 swf를 받아오기 | 불금 | 2015.06.01 |
자바스트립으로 내용을 숨겼다/보이기 | 착한동구 | 2015.06.03 |
코어 1.5 모바일에서 닉네임 클릭시 팝업 메뉴안 뜰때.. | 착한악마 | 2015.06.03 |
php 버전을 다운그레이드 하기 [2] | 6미리 | 2015.06.04 |
(오류x, 정보)ckeditor와 xpresseditor의 서식은 서로 다르네요. 반응형만드실 때 주의하실 필요가 있겠습니다. | 큰성565 | 2015.06.04 |
구글에서 제공하는 웹폰트 적용법 | 착한동구 | 2015.06.04 |
창크기에 따라 생기고 없어지는 배너 만들기 [1] | 착한동구 | 2015.06.05 |
구글 웹폰트 부분으로 적용하기 | 착한동구 | 2015.06.05 |
탑으로 가는 버튼이 특정위치에서 나타나게 하기 | 동네남자 | 2015.06.09 |
1.8.3 통합 검색시 제목+내용 으로 하기 | 불금 | 2015.06.09 |
애드센스의 경우 반응형 애드센스가 @media 로 디바이스 크기에 따른 반응형 광고 크기 조절을
권장하고 있습니다. 반응형 으로 검색하시면 많은 정보 얻으실듯 하네요.