웹마스터 팁
상단에 스르르~ 닫기 가능한 배너 달기
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 |
홈페이지에 예쁜 날씨 배너를 달아보자!!!!
[3]
 | blue7376.myid.net | 2008.01.28 |
|
날씨배너 600종류 입니다.(지역별75종X색상별8종)
| 푸른커튼 | 2008.01.30 |
| 배너 랜덤추출 스크립트 [xe적용방법] [16] | 라싸 | 2008.02.19 |
| 왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] | 『june™』 | 2009.03.20 |
| ▩배너링크할때 쓰면 정말 편한 것. [2] | ▩윤미 | 2002.03.03 |
| nzeo처럼 배너누르면 배너다는법 나오게하기! [6] | Rollrang | 2004.02.05 |
| 슬라이드 배너및 메뉴가 익스플러 창 조절시 좌표값 변할때 사용 하는 구문!! | 천문길 | 2006.08.21 |
|
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^*
| choice | 2002.02.25 |
| 배너 링크를 바로 클립보드로 카피하기 [5] | Legend | 2002.04.01 |
| 배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
| 엔지오 메인 화면에서 배너 클릭하면 뜨는 프롬프트 달기 [1] | Eccen | 2002.09.30 |
| 배너를 모자이크로 슬라이드한다! [13] | ☺심심 | 2004.05.17 |
|
[추천] 가로형 배너 슬라이드
[7]
| ⓣinⓣin™ | 2004.06.10 |
| [추천] 세로형 배너 슬라이드 [4] | ⓣinⓣin™ | 2004.06.24 |
| 임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) | ColonD | 2005.10.20 |
|
exp. 완전 랜덤배너 소스
[8]
| TheMics | 2002.10.12 |
| 페이지에 접속할 때마다 다른 배너보여주는 소스.. [9] | 풍월주인 | 2002.10.07 |
| 텍스트 링크, 배너 링크*랜덤 (틀팁포함) [3] | 둘리나라™ | 2003.01.16 |
| cafe 설정 / 배너이미지 사이즈 바꾸기 | 윤씨 | 2011.02.18 |