웹마스터 팁
상단에 스르르~ 닫기 가능한 배너 달기
2014.06.20 13:05
상단에 닫기 가능한 배너 달기
위처럼 메인상단에 배너가 뜨는소스입니다.
닫기 버튼을 누르면 부드럽게 위로 올라가며 사라지며, 홈페이지 레이아웃은 유지 됩니다.
부족한 능력으로 일단 소스는 작업하고 적용은 했습니다. 이상없이 작동하구요..
그런데..
이 소스를 기반으로 공지창 등으로 사용가능하게 애드온으로 작업하고 싶지만.. 내공이 부족하여 소스만 올립니다.ㅠㅠ
어느 게시판에 올려야 할지 몰라 이곳에 올립니다..(이건 애드온도.. 위젯도 아니라..ㅡ.ㅡ.,ㅡ;;)
필요하신 분 사용하세용~^^
- [2017/01/27] 묻고답하기 제가 만든 팝업창 소스 질문드립니다. *1
- [2016/10/24] 묻고답하기 팝업을 삭제하고 싶습니다 *2
- [2014/06/20] 묻고답하기 상단에 닫기 가능한 배너 달기 *2
- [2014/04/15] 묻고답하기 관리자모드에서 뜨는 팝업(레이어) 안뜨게 하려면~?? *7
- [2014/04/09] 묻고답하기 PC 화면에서 사이드바에 배너 넣는법좀.. *5
댓글 30
-
좋은자료 감사합니다. 사용방법이 어떻게 되나요?
-
야옹잉
2014.06.20 15:15
레이아웃의 layout.html 의 상단에 아래와 같이 추가 해 주시고..
나머지는 xe 와 겹치는 파일이름이 없기 때문에 루트 경로에 그대로 올려 주시면 됩니다.
-
자료 감사합니다. 혹 이 자료 애드온으로 만들어도 될까요?
원저작자는 표시하겠습니다. -
야옹잉
2014.06.23 08:55
저도 원작자라 할수도 없고... 소스만 분석해서 가져온거라..ㅠㅠ
애드온 제발 부탁드려요~~~ 제발~~^^;; 기다리겠습니다...ㅠㅠ
-
테스트해봤는데, 괜찮네요.~
-
야옹잉
2014.06.20 15:14
너무 부족한데.. 덧글 감사합니다...^^''
-
모르게떠염
2014.06.20 23:08
오 너무 감사드립니다. 저도 테스트 해봤는데 잘 작동하네요 ^^
근데 사용중인 게시판과 레이아웃이 살짝 틀어지네요ㅠ
어떤 천사같은 분이 조금 다듬어서 애드온으로 제작해주시면 진짜 짱짱맨일듯ㅋ
암튼 좋은 팁 감사드려요 !
-
야옹잉
2014.06.23 08:53
아...그러네요..ㅠㅠ
저는 게시판이 없는 메인에만 적용을 해서 ...ㅠㅠ
수정을 해보려했지만.. 내공이 너무나 부족해서..ㅠㅠ 원인을 모르겠네요..ㅠㅠ 죄송..ㅠㅠ
-
nado0124
2014.06.22 14:57
아주 핫한 소스군요!!
고맙게 사용하겠습니다.
-
야옹잉
2014.06.23 08:59
부끄럽습니다..^^;;;;;
-
@RPM
2014.06.26 08:09
정말 좋은 팁이네요~
저는 아직 초보라 그런지 적용이 잘 안되는데요
제가 원하는 레이아웃에 그대로 전부 올리고
해당하는 레이아웃에 말씀하신 블록부분을 추가하였습니다.하지만, 스크립트와 css 를 받아 오지 못한채
이런 형태로 뜨네요 .... 혹시 어떻게 적용해야할까요?
-
야옹잉
2014.06.26 13:28
첨부된 파일 폴더중 css 나 js 폴더를 xe 폴더보다 상위 경로가 있다면 그 곳에 위치 해보시기 바랍니다.^^
-
@RPM
2014.07.03 09:20
와우 단번에 되었어요 감사해요 ㅎ
-
레드붓
2014.07.08 13:17
간단하게 애드온으로 만들어봤어요..제이쿼리랑 css 에 쓸때없는 코드들도 지웠습니당.
근데 이게 1일간 열지 않기 체크안해도 닫으면 하루동안은 안열리네요 ㅡㅡㅋ
필요하신분 쓰셔요...
-
디자인몰
2014.07.08 17:04
좋은 자료 감사합니다.
-
야옹잉
2014.07.09 09:02
WOW~~AWESOME!!~ 좋은자료 감사드립니다..^^''
-
zetix
2014.07.15 18:31
좋은쟈료 감사드립니다.
하루동안... 이건 해결 안되는 부분 일까요?
-
zetix
2014.07.16 23:07
소 뒷걸음치다 찾았습니다!!!! +_+
topBtn.on( 'click', function() { if ( topCheck.prop( 'checked' ) ) { $.cookie( 'hideBanner', 'true', { expires: 1, path : '/' } ); } else { $.cookie( 'hideBanner', 'true', { expires: 0,path : '/'} ); } topBanner.stop().animate({ height : 0 }, 300 ); });펑션에서 요거 하니까 되네요 ㅎㅎ
-
쿵푸팬더
2014.08.07 08:54
와우 잘됩니다 감사합니다.
-
오가지
2014.12.03 18:10
제이쿼리 1.7이하 버전에서는 작동이 안되던데.. 방법이 없나요?
부득이 1.4.4 버전만 사용 가능한 솔루션인데 어떻게 수정해야 할까요?
-
zetix
2014.12.04 14:56
헐 저도 버젼 바뀌면 어떻게 쓰나 궁금해서 찾아왔는데 -_-;;;;
-
노에르
2014.12.09 13:24
애드온도 간단합니다.
body 하위 단을 wrap으로 감싼 후에 wrap 위에 상단에 배너를 생성해도 되고
아니면 body를 배너만큼 밑으로 내리고
닫기 눌렀을 때 배너 레이어를 삭제하면서 wrap(혹은 body)을 위로 끌어댕기면 되겠지요
-
물빛아야
2015.03.05 15:00
저도 1.4.4 버전만 사용 가능 (카페24 ㅠㅠ) 한데 작동이 안되네요 큰일났네 방법이 없나요 ㅠㅠ
-
마래바
2015.03.06 20:37
xe 홈페이지처럼 상단에 헤더가 고정된 경우에는 이 배너 적용이 좀 어렵네요.
헤더 뒤로 숨어버리거나 하네요..
-
Bryan!
2015.04.12 06:03
top_banner.css 에서 23번째 줄
z-index:1 을 z-index:100 이나 1000 뭐 이런식으로 숫자를 올려보세요.
-
우랑탕탕이
2015.04.11 19:21
이미지 파일의 경로를 어떻게 적으면 될가요 애드온을 설치하고 경로에서 못하고 있습니다 ㅠㅠ
-
Bryan!
2015.04.12 14:58
원하는 위치에 FTP로 업로드하시고 그 경로를 입력해 주시면 됩니다.
예를 들어 topbanner.jpg 화일을 임의대로 www/img/ 여기에 업로드 하고 addon 에서
/img/topbanner.jpg
또는
http://www.웹사이트주소/img/topbanner.jpg
이런식으로 하면 되는거지요.
-
tkdru****
2015.12.07 11:29
이미지는 잘나오는데 왜 작동을 안할까요??? 닫기 버튼이랑 체크박스를 체크해도 반응이 없네요
-
지아현
2015.12.18 16:36
저도 이게 안되서 지금 엄청 ㅠㅠㅠㅠ심각합니다 이것좀 해결해주실순없나요?
-
JinkPark
2015.12.18 18:10
https://www.xpressengine.com/index.php?mid=download&package_id=22753633
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 날씨배너입니다. [4] | LooK782 | 2007.12.03 |
실시간 날씨를 불러오는 박스 입니다.
[13]
 | 범피디 | 2007.12.03 |
|
움직이는 이모티콘 모음입니다.
[4]
| 범피디 | 2007.12.04 |
| "파일첨부"가 클릭이 안되시는 분 보셔요. [11] | 최강협 | 2007.12.04 |
| 외부페이지에서 매개변수 사용가능하도록 하는 방법 [12] | 라르게덴 | 2007.12.05 |
| XE 설치 진행 후 다시 첫 화면으로 넘어갈때 [2] | longkee | 2007.12.06 |
|
익명게시판 - 문제가 아직 많습니다. (다시 수정)
[11]
| 올챙이 | 2007.12.06 |
| 배경이미지 만드는 방법입니다. | 팔공산 | 2007.12.06 |
|
그림자 박스 만들기..
[3]
| 소마세월 | 2007.12.07 |
| [수정] 최근 이미지 추출에 new 이미지 등이 나타나게 하기... [5] | 비나무 | 2007.12.09 |
|
음악플레이기 3종세트 설치 방법(수정)
[25]
| 팔공산 | 2007.12.10 |
|
top 메뉴를 만들어보자 - layout에서 topmenu 항목만들기
[6]
| SensePlus1 | 2007.12.11 |
|
로그인 안되서 files 폴더 지우셨던 분들!!
[3]
| 율랑 | 2007.12.11 |
| 권한없는 모듈을 만났을때 로그인 페이지 띄우기.. [10] | 똑디 | 2007.12.11 |
| 외부페이지 사용법 [8] | 길치객 | 2007.12.11 |
| 외부페이지에서 위젯사용하지 않고 로그인 정보 다루기. [5] [1] | 길치객 | 2007.12.12 |
|
페이지가 갑자기 하얀화면으로 나올경우에는 이렇게 해보십시오.
[9]
| 하나로45 | 2007.12.13 |
|
Layout.html 화일의 SEC(순서도)도를 그려봤습니다.
[9]
| SensePlus1 | 2007.12.14 |
|
ㅎㅎ, 이곳에도 Html 적용이 되네요.
[3]
| 눈과비 | 2007.12.14 |
| 최근 댓글이 가장 위로 정렬 [2] | 쏘프티 | 2007.12.20 |