웹마스터 팁
상단에 스르르~ 닫기 가능한 배너 달기
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
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
아이프레임속 링크를 기존페이지에서 이동하기
[1]
 | 정다운804 | 2008.06.19 |
| 썸네일 생성이 되지 않을시 확인할 내용.. [4] | 또나아빠 | 2008.06.17 |
| 설치후 권한 재조정 [4] | 덱스터 | 2008.06.17 |
| 페이지 작성이나 수정후 적용이 안돼서 고생하는 많은 분들을 위하여 [1] | cyric | 2008.06.17 |
| 할수 있다!! 내 맘대로 DB주무르기 ★DB방식 변경★ | 토리세상 | 2008.06.16 |
|
페이지 숫자에 네이버처럼 사각테두리 씌우기
[8]
| 탑심 | 2008.06.15 |
| ☆조회수.추천수 구간에 따른 이미지 나타내기(Hot 등..) - 갤러리게시판&최근이미지위젯☆ [5] | 오기오기 | 2008.06.12 |
| 설치시 초기화면으로 돌아가는 문제 해결방법 [4] | PICSTORY™ | 2008.06.11 |
|
링크 사이트 제작을 위한 어드바이스 - MouseOver Preview -
[6]
| Hammer | 2008.06.10 |
|
PHP 폼메일
[9]
| 헥토르 | 2008.06.09 |
|
(위젯) 이미지 클라우드 스킨 사용 법
[2]
| Simulz | 2008.06.06 |
|
링크 사이트 제작을 위한 어드바이스 - Fade In MouseOver -
[3]
| Hammer | 2008.06.06 |
| 2차메뉴 롤오버 위치 변환.. [3] | 봄처녀 | 2008.06.05 |
| 이전글,다음글 얻기 (검색결과 까지 포함) (수정) [8] | 라르게덴 | 2008.06.05 |
| 1.03버전 글쓸때 오류... [1] | 화려한 부활 | 2008.06.05 |
|
링크 사이트 제작을 위한 어드바이스 - Planning 2 -
[6]
| Hammer | 2008.06.04 |
|
링크 사이트 제작을 위한 어드바이스 - Planning 1 -
[7]
| Hammer | 2008.06.04 |
|
일정 기간이 지난 글에 코멘트 등록 제한
[3]
| 老姜君 | 2008.06.03 |
| 1.0.3버전 외부 페이지 쿼리 스트링 붙일때 주의 하세요. | 그라미 | 2008.06.03 |
| 레이아웃에 스크립트를 이용한 화면을 띄우고 싶은 경우 [3] | dhseo | 2008.06.03 |