작업실

배경화면에 눈 내리게 만들기

컨텐츠 정보

본문

 

위 스샷처럼 배경에 눈 내리게 만드는 방법입니다.

 

http://amina.co.kr/bbs/board.php?bo_table=tip&wr_id=2743 

 

위 링크를 참조하였습니다.

 

 

http://blog.platinastudio.com/jquery-snow-falling-effect-plugins/ 

 

위 링크에서 2번째 방법으로 진행했습니다.

 

 

데모는 여기(링크)에서 확인하실 수 있구요.

 

 

적용하는 방법은

 

1. js 파일 다운받기

 

http://dj50.ro/jsnow.php 

 

위 링크에 들어가서 밑에 있는 내용을 다 긁어서 snow.js 파일로 저장합니다.

 

또는 여기 게시물의 첨부파일(snow.js) 을 다운 받아주세요.

 

 

2. js 파일 서버에 설치하기

 

저는 미소 베이직 테마를 사용하고 있어서 해당 테마의 js 폴더에 넣어줬습니다. (/thema/Miso-Basic-4/assets/js )

 

 

3. head.php에 소스 넣어주기

 

/thema/Miso-Basic-4/head.php 에서

 

최상단에

 


<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 
include_once(THEMA_PATH.'/assets/thema.php');
?>
 
<?php if(!G5_IS_MOBILE) {?>
<script type="text/javascript" src="<?php echo THEMA_URL;?>/assets/js/snow.js"></script>
<script>
$(document).ready( function(){
    $.fn.jSnow();
});
</script>
<?php } ?>
 

 

위와 같이 넣어줬습니다.

 

모바일에서는 어짜피 배경화면이 보이지 않기 때문에 PC버전에서만 보이게 했습니다.

 

끝났습니다 ^^ 참 쉽죠?

관련자료

댓글 0
등록된 댓글이 없습니다.
Total 157 / 5 Page
RSS
우분투에서 구글 SMTP 메일서버 설치 후 에러 해결 방법입니다.

1. 구글 아이디와 비번을 제대로 넣었는데 계정 인증이 안되어 메일 발송이 안될 경우https://webdir.tistory.com/227위 링…

배경화면에 눈 내리게 만들기

위 스샷처럼 배경에 눈 내리게 만드는 방법입니다.http://amina.co.kr/bbs/board.php?bo_table=tip&wr_…

미소 베이직 4.3 main side 예제파일 공유합니다. 댓글 6

2016년 12월 2일 현재 미소 베이직 4.3 기준 제 홈페이지 예제코드입니다.메인과 사이드, PC와 모바일을 구분하였습니다.1. PC 메인2…

드래그 텍스트 선택 색상 변경하기

위 스샷과 같이 드래그 했을 때 색상을 바꾸는 방법입니다.사실 저는 기본 드래그 색상과 큰 차이는 없는데요. 아무래도 파비콘의 색상과 맞추려고 …

그누보드5에 Github 아이디로 로그인 추가하기

1. Github개발자 분들이라면 거의다 아시는 바로 깃허브입니다.그 계정으로도 소셜 로그인이 가능합니다.링크1에 있는 소셜로그인 플러그인에 추…

미소 베이직 4.0 테마 사이드바 아이콘 색깔 변경하기

1. 메인화면에 떠있는 아이콘 배경색 지정하기/thema/Miso-Basic-4/widget/miso-sidebar/widget.php대략 18…

최근글


새댓글


알림 0