웹마스터 팁
상단에 스르르~ 닫기 가능한 배너 달기
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
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 가상사이트 페이지별 개별 레이아웃 적용하기 | Xiso | 2016.01.31 |
| warning: call time pass by reference 에러 해결 방법 [6] | ezi | 2011.07.28 |
| 리눅스 10원짜리 팁 - history 명령어 응용 | paraduxx | 2016.01.12 |
| 리눅스 10원짜리 팁 - 탭 키 쓰십니까 ? | paraduxx | 2016.01.12 |
| 회원가입폼 기본항목에 안내문구 넣기 | paraduxx | 2016.01.11 |
XE와 마인크래프트 서버 화이트리스트 연동하기
[9]
 | 연가시먹었다 | 2012.08.25 |
| 일반 게시판에서 익명 선택하여 작성하기 [2] | POWERXE | 2015.12.27 |
| 메뉴활성화에 따라 원하는 위치에 레이어 넣고 바꾸기.. 왼쪽 플래시 메뉴 메뉴따라서 바꾸기 [4] | 만쓰별(정만) | 2009.01.24 |
| 비밀글 이여도 갤러리나 웹진형에서, 썸네일이나 요약 부분이 나타나게 수정하려면.. | sejin7940 | 2015.12.23 |
|
상단에 스르르~ 닫기 가능한 배너 달기
[30]
| 야옹잉 | 2014.06.20 |
|
빠른 글 쓰기: 메인 페이지에서 글 쓰기
[1]
| 윈컴이 | 2015.12.09 |
|
통합검색 기능에 권한 적용하기 (완전 차단 필요할 때)
[9]
| 모노소프트 | 2012.04.30 |
| 관리자만 볼 수 있는 로그인 기록 페이지 만들기 | 퍼니엑스이 | 2015.12.07 |
| rsync 와 ssh root 접속을 막고 인증키로만 백업하기 | 마루디자인 | 2015.11.25 |
| 리눅스 백업 1.0 | ibin | 2015.11.23 |
| 이제는 유튜브동영상 손쉽게 다운로드 받으세요 ミ:つÞ [7] | 딴죽을거는남자 | 2015.11.02 |
|
파시ㅇ 예제입니다.
[3]
| 유창화 | 2015.11.12 |
| CentOS PHP TS/NTS 모드 설치 방법 | 마루디자인 | 2015.11.09 |
| 글 수정일때만 업데이트 아이콘이 뜨게 하고 싶은 경우 ( 댓글 입력시에는 별도로 안 뜨고) | sejin7940 | 2015.11.01 |
|
모바일 글쓰기 페이지 경고창
[2]
| 자동차 | 2015.09.26 |