웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
창크기에 따라 생기고 없어지는 배너 만들기 [1] | 착한동구 | 2015.06.05 |
상단에 스르르~ 닫기 가능한 배너 달기
[30]
![]() | 야옹잉 | 2014.06.20 |
롤링 배너 이해하는데 도움이 될것 같아 올립니다
[4]
![]() | 예뜨락 | 2013.11.22 |
[주옥시리즈] 배너 클릭시 포인트지급 모듈, Portal XE [1] | socialskyo | 2013.09.09 |
cafe 설정 / 배너이미지 사이즈 바꾸기 | 윤씨 | 2011.02.18 |
텍스트 링크, 배너 링크*랜덤 (틀팁포함) [3] | 둘리나라™ | 2003.01.16 |
페이지에 접속할 때마다 다른 배너보여주는 소스.. [9] | 풍월주인 | 2002.10.07 |
exp. 완전 랜덤배너 소스
[8]
![]() | TheMics | 2002.10.12 |
임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) | ColonD | 2005.10.20 |
[추천] 세로형 배너 슬라이드 [4] | ⓣinⓣin™ | 2004.06.24 |
[추천] 가로형 배너 슬라이드
[7]
![]() | ⓣinⓣin™ | 2004.06.10 |
배너를 모자이크로 슬라이드한다! [13] | ☺심심 | 2004.05.17 |
엔지오 메인 화면에서 배너 클릭하면 뜨는 프롬프트 달기 [1] | Eccen | 2002.09.30 |
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
배너 링크를 바로 클립보드로 카피하기 [5] | Legend | 2002.04.01 |
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^*
![]() | choice | 2002.02.25 |
슬라이드 배너및 메뉴가 익스플러 창 조절시 좌표값 변할때 사용 하는 구문!! | 천문길 | 2006.08.21 |
nzeo처럼 배너누르면 배너다는법 나오게하기! [6] | Rollrang | 2004.02.05 |
▩배너링크할때 쓰면 정말 편한 것. [2] | ▩윤미 | 2002.03.03 |
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] | 『june™』 | 2009.03.20 |
애드센스의 경우 반응형 애드센스가 @media 로 디바이스 크기에 따른 반응형 광고 크기 조절을
권장하고 있습니다. 반응형 으로 검색하시면 많은 정보 얻으실듯 하네요.