메인 공지사항 기능소개 매뉴얼     TEST BOARD : [1]  [2]  [3]  [4]  [5]
내용없음9
내용없음10
      APPLICATION
무료 스킨.모듈

유료 스킨.모듈

활용 홈페이지

활용팁 공유

자료 공유

유틸리티

웹 스터디
제작자 리소스

최근 활용팁 공유 RANK
신홍
4
작은소망
1
        -- update:30Min --


jquery 쿠키를 이용한 홈페이지 상단 공지창
TechNote skin & module
테크노트 스킨 및 모듈 / freeware
테크노트 사용에 직접 연관된 자료는 이곳에 올려 주시기 바랍니다.
자료 등록시 300 포인트 적립됩니다.
     
  작성자 늑대소냐       등록자료(71)
  분 류 부분삽입
  첨부#1 쿠키공지사항배너.zip (128KB) (Down:205)
  Link#1 board.php?board=schedule (Down:683)
ㆍ조회: 2400  ㆍ추천: 21       
ㆍ작성일: 2014/12/30 (화)
jquery 쿠키를 이용한 홈페이지 상단 공지창
 
jquery 쿠키를 이용한 홈페이지 상단 공지창 입니다.^^
 
펜션 빌더를 구매하신 회원분들은 그곳에 스케줄 보드와 함께 올려 놓았으니 그곳에서 받으시면 됩니다.
 
 
압축파일을 받아 skin_board/스킨(빌더)폴더/ 아래 latest폴더를 업로드 합니다.
1_main_html.php
body 바로 아래에 인클루드하여 불러 옵니다.
<? include "$this_skin/latest/cookie_notice.php";?>
latest 폴더에 있는
//시간설정 분단위로 설정
$notice_time = "1";//하루 24시간은 1440분  12시간은 720분  6시간은 360분
이 부분에 시간 설정합니다.
 
       
뮤지아
2014-12-31 05:28
선택된 답변입니다.
아무 멋진 스킨이군요
잘 사용하겠습니다.
감사합니다.
늑대소냐 에구 너무오랫만이네요~형 12/31 11:19
     
남도
2014-12-31 08:45
선택된 답변입니다.
오랫만에 좋은 자료 올려주시네요
감사합니다
회원님들 2015 새해에 모든일 잘 이루시고 건강하세요
늑대소냐 새해 복많이 받으세요.
감사합니다.
12/31 11:20
     
아이케
2014-12-31 08:57
오오!! 지마켓에 있는 그 상단 공지창 ㅎㅎ

소냐 이제 성인????
늑대소냐 몇시간 안남았네요.ㅋㅋㅋㅋㅋㅋ 12/31 11:20
아이케 울 팀 남자막내가 96인데 이놈이 아직도 집에 안들어 갔댄다 ㅋㅋ
12시 땡하고 96년들의 놀자판ㅋㅋ
1/1 06:22
     
청주산의
2014-12-31 10:18
소냐.. 잘 있지?
늑대소냐 네 안녕하세요.
잘 지내고 있습니다..
선생님도 잘 지내셨지요.
새해에도 건강하시고 병원 번창하시길 빌겠습니다.
12/31 11:22
     
좋은날
2014-12-31 11:15
안녕하세요..소냐님
공지창도 그렇지만 일정관리 보드도 멋진데요?..^^
늑대소냐 정말 오랫만에 뵙네요.
전에 펜션 납품한곳이 있는데 필요하다해서 하나 만들어 보았습니다.
새해 복많이 받으세요.
12/31 11:24
     
TECHSTAR
2014-12-31 14:49
간만에 자료네요..수고하셨습니다.
늑대소냐 네 안녕하세요
새해 복많이 받으세요.
감사합니다.
12/31 17:51
     
kims
2015-01-01 01:34
오우..대박이네요! 멋진소스 잘쓰겠습니다!
새해 복 많이 받으시구요~

올려서 테스트 해보는데요.

서브화면에는 되는데 메인에는 안되네요.

메인에 이런 에러가 있긴한데요..잘모르겠네요.
TypeError: undefined is not a function (evaluating '$.cookie("notice_cookie")')

늑대소냐님 한번 봐주시겠어요?


     
늑대소냐
2015-01-01 10:03
《Re》kims 님 ,
안녕하세요.
새해 복 많이 받으시구요.

아마도 jquery 가 충돌이 있나봅니다.

될지는 모르겠으나  소스를 분리하여
<body~~~아래에는

<div class="notice_banner">
<img src="http://www.midaeipsi.com/art/skin_board/0k_build_home/latest/cookie/img/2015neww.png">
<div class="ad_link">    
<div class="notice_btn" >
<span class="btn_span1" onclick="javascript:close_notice()">닫기 X</span>
<span class="btn_span2" onclick="javascript:notice_hide_cookie()">하루 동안 안보이기</span>
</div>
</div>
</div>

이렇게 넣으시구요.

</body>
바로 위에 ~~
그러니까 모든 것이 이루어진후에 작동하도록 아래부분 css 와 스크립트를 넣어보세요.




  <style>
.notice_banner {width:100%; height:60px; background:gray; text-align:center;display:none; }
.notice_banner .ad_link{ position:relative; width:980px; margin:0 auto; }
.notice_banner .ad_link  div{ position:absolute; top:80px; left:760px; z-index:100; color:#fff; width:320px; height:40px; }
.notice_banner .ad_link .notice_btn{ position:absolute; top:-40px; left:720px; z-index:10;}
.notice_banner .ad_link .notice_btn img{margin-left:5px;}
.notice_banner .ad_link .notice_btn_go{ position:absolute; top:-100px; left:-35px; z-index:10;}
.btn_span1{padding:5px 10px;margin:3px;background:#546387;color:#fff;font-weight:bold;line-height:20px;cursor:pointer;}
.btn_span2{padding:5px 10px;margin:3px;background:#546387;color:#fff;font-weight:bold;line-height:20px;cursor:pointer;}
</style>
<script type="text/javascript" src="http://www.midaeipsi.com/art/skin_board/0k_build_home/latest/cookie/jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   if( $.cookie("notice_cookie") == "false" ) close_notice();
   else $("div.notice_banner").slideDown();
})
function close_notice() {
   $("div.notice_banner").slideUp(1000);
}
function notice_hide_cookie() {
var date = new Date();
var minutes = 1;
date.setTime(date.getTime() + (minutes * 60 * 1000));
   $.cookie( "notice_cookie", "false", { expires: date } );
   close_notice();
}

</script>
     
kims
2015-01-01 16:17
아네 아주잘됩니다. 감사합니다~~
     
캥가루
2015-02-26 18:08
늑대소냐님 좋으신 의견 잘보앗습니다  오래저 전에는  제가 하는 홈페지에 들어오셔서 잘못된것을 고처준 일도 있었는데 얼머전부터 교육관계로 쉬시다가 이제 다시 활동 하시는것을 보면 아주 크게 발전하신것 같습니다 저는 나이가 좀 커지다보니 안느것이 더 부족해 지자만은 공부하는 것으로 생샐각해서 여쯔어 볼라소 하는데 잘살펴 주시기를 바랍니다 다른이 아이오라  늑대소냐님이 오리신  board.php?board=schedule (Down:145)  이 홈펮지에서  뉛부분 즉
공지창 아래부분인
http://www.technote.co.kr/php/technote1/data/board/skin/file_in_body/1/q1.jpg 에 나오는 옅부분 색을 너찌하여 만드는지 궁금 합니다 질믄이 제대로 하는지 모르겟네요 잘부탁합니다
     
미미
2015-03-04 09:07
항상 좋은 정보 감사 드립니다.
     
방안퉁수
2015-05-06 18:26
꼭 필요했던 것인데, 공유해 주셔서 감사합니다~ ^^
     
호네기
2015-07-07 10:02
죄송합니다. 초보라서 설명을 잘 이해를 못해서 그러는데요  skin_board 안에 있는곳에  latest폴더를 업로드 하라는 거지요? 그리고 1_main_html.php 파일은 a_standard 안에 있는 것을 말하는건지요? 죄송합니다. 너무 기초적인 질문을 드린것 같네요ㅠㅠ
     
  0
3500
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
번호     글 제 목  작성자 작성일
459 홈,빌더 모바일 추천점수(-10~10) iwindow 수정 [2] 별미일체 2017-03-07
458 이미지 2017 근하신년 신년인사 캘리그라피자료 첨부 [6] 소망의힘 2016-12-28
457 확장스킨 유튜브검색 유튜브 등록게시판 [3]+4 늑대소냐 2016-07-06
456 확장스킨 자산관리스킨 v1.01 [2] 화랑 2016-05-27
455 홈,빌더 자산관리게시판 [1] 화랑 2016-05-25
454 부분삽입 구글지도 쉽게 사이트에 넣기.. 코딩 불필요 [3] 모두모두 2016-05-08
453 부분삽입 g빌더용 슬라이드 갤러리 최근 게시물 [7]+6 늑대소냐 2016-01-02
452 외부연동 모바일에서 SNS연동하기 [6]+3 별미일체 2015-12-01
451 이미지 백그라운드 슬라이드 [7]+4 늑대소냐 2015-04-11
450 쇼핑몰 상품 슬라이드 (쇼핑몰과 일반홈페이지 적용) [8] 늑대소냐 2015-03-18
449 쇼핑몰 쇼핑몰 상품이미지 미리보기 입니다. [8] 늑대소냐 2015-02-24
448 확장스킨 테크노트 카렌다 ( 음력,기념일추가) [22]+12 늑대소냐 2015-01-26
447 부분삽입 이미지hover youtube동영상 배너입니다. [8]+4 늑대소냐 2015-01-15
446 확장스킨 인기검색어 순위변동 최근 게시물입니다. [4] 늑대소냐 2015-01-01
445 부분삽입 jquery 쿠키를 이용한 홈페이지 상단 공지창 [13]+7 늑대소냐 2014-12-30
444 디자인 대화형 방명록 스킨 (수정본) [4] 스카라베 2014-08-31
12345678910,,,29