웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
자신이 쓴 글에 특정유저 댓글을 차단 | Ikoo | 2015.06.20 |
XE 에 무료 채팅방 설치하기 [6] | 김동재4af45 | 2015.06.14 |
네이버 날씨 위젯 입니다 | codlllle | 2015.06.15 |
다음 실시간 검색어 위젯 | codlllle | 2015.06.19 |
위젯 복사 팁 - 이걸 왜 이제야 알았을까.. | socialskyo | 2015.06.17 |
페이스북 공유할 때 모바일에서는 이미지 안뜨는 증상 | silhwang | 2015.06.14 |
프레임셋을 이용하여 도메인 명만 보여주기 /xe ~~ 와 같은 것 없애기 [5] | 만쓰별(정만) | 2009.01.23 |
자동 저장되었습니다에 초단위 추가 | 불금 | 2015.06.13 |
간단한(?) 해시태그 소스.. [18] | Ikoo | 2015.06.10 |
회원가입시 아이피 기록하기 [10] | 수직상승 | 2014.04.24 |
해당 그룹 or 관리자는 애드온 실행 안되게 하기 [3] | 불금 | 2015.06.10 |
상단바 (navbar) 고정 레이아웃 알림센터 close시 밀려나는 현상 해결법 [2] | 불금 | 2015.06.13 |
Font Awesome 메뉴바에 적용하기 | 불금 | 2015.06.13 |
1.7.3 최신버전 특정사이트 iframe(아이프레임) 일반회원 html적용가능하게 하기 [2] | imgXE™ | 2013.05.06 |
포인트 복권 모듈 관리자 페이지 1.7이상에 맞게 [10] | 착한악마 | 2015.06.10 |
Uchat 에서 XE 프로필 이미지 불러오게 수정하는법 | 불금 | 2015.06.10 |
MARIADB or MYSQL 의 INNODB로 엔진 변경 PHP스크립트 | 간장게장같은남자 | 2015.06.10 |
트래픽 차단된 이미지들 보는 방식 만들었네요. | SeungXE | 2015.06.10 |
외부이미지 저장 애드온을 본문을 읽으면 작동하도록 하자!! 1.7.3적용 [18] | 하얀마법 | 2013.03.16 |
1.8.3 통합 검색시 제목+내용 으로 하기 | 불금 | 2015.06.09 |
애드센스의 경우 반응형 애드센스가 @media 로 디바이스 크기에 따른 반응형 광고 크기 조절을
권장하고 있습니다. 반응형 으로 검색하시면 많은 정보 얻으실듯 하네요.