웹마스터 팁
상단에 스르르~ 닫기 가능한 배너 달기
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
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| index.php에서 Parse Error가 발생한다면 [6] | YJSoft | 2014.04.01 |
| 게시판이 있는데 관리자 페이지에 나타나지 않을 경우 해결 방법 | 퍼니엑스이 | 2016.03.20 |
XE 루트로 옮기기 완벽 가이드 [/xe/ 로부터 벗어나자!] ver 1.1
[107]
 | LI-NA | 2013.02.26 |
| 기본 Content 위젯에 댓글 New표시하기 [10] | 조슈아킴 | 2010.05.08 |
| 에디터 비활성화 문제 해결했습니다! [2] | 엘로이스 | 2013.09.13 |
|
1.8 XEDITION 에서 로그인xe 사용하여 네이버 로그인 연동하기
[7]
| karutian | 2015.04.10 |
| CSS + HTML 메뉴 | 마루디자인 | 2016.03.10 |
| 호스팅 변경이나 이전시 썸네일 문제 점검사항 | 맥노턴 | 2016.03.07 |
| [속도 향상] 불필요한 애드온 끄기 | 다미아빠 | 2016.03.06 |
|
외부 이미지 저장 애드온
[7]
| samsara | 2013.03.26 |
| 서버의 파일권한 맞추기. | 마루디자인 | 2016.03.01 |
| 외부페이지에서 매개변수 사용하기 [2] | JnCsoft | 2008.04.07 |
| 외부 페이지에서 XE 기능을 추가 할때 | 410contents | 2016.02.25 |
| PHP7에서 XE설치시 텍스트 다 깨져서 나올 때 | 꼬부기 | 2016.02.23 |
| CentOS 6.x 에서 OpenSSL Heartbleed 취약점 업데이트 | 마루디자인 | 2016.02.23 |
| 댓글에 대댓글 달리면 수정 불가능하게 하기 [8] | 불금 | 2015.06.17 |
| Linux(CentOS) APM 컴파일 설치 (중급) [1] | rwind | 2016.02.01 |
|
(포인트) 레벨별 포인트 계산 기능 추가
[4]
| Simulz | 2007.11.19 |
|
(CSS) IE8용 웹조각 기능
| Simulz | 2009.03.26 |
| XE위키 모듈: 숫자 문서의 짧은 주소 문제와 미디어위키 문법 사용시 내부링크 문제 해결하기 | Gunmania | 2016.02.12 |