그누보드5 아미나ASR 테마에 네이버 캘린더 설치하기

네이버 캘린더의 공유기능을 이용하여 그누보드5에 캘린더를 표시하는 방법을 알아보겠습니다.

http://blog.naver.com/nvsmartdiary/220128994578

먼저 위와 같이 네이버 캘린더 iframe 소스를 땁니다.

php 문서를 생성합니다. (저는 editplus에서 만들었어요!) - 첨부파일에도 있습니다.

내용은 밑의 코드를 넣으면 됩니다.

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 
?>
<style>
.embed-container { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<div class="embed-container">
<object id="calendar_naver" width="800px" height="600px" data="네이버캘린더주소">
<iframe src="네이버캘린더주소" width="800" height="600" frameborder="0"></iframe></object>
</div>
<br>

※ 참고로 네이버달력주소의 형식은 http://me2.do/xxxxxxxx  이런 구조입니다.

위의 코드를 넣어 php 파일을 만들고 (ex : calendar_naver.php)

/amina/user/html 에 해당 파일을 넣습니다.

그누보드 관리자 모드 -> 아미나 스킨 -> 문서 설정 -> 일반문서 등록 -> 등록그룹(원하는 그룹 지정하기) -> 문서ID (calendar_naver) -> 문서파일(calendar_naver) -> 메뉴명(네이버 캘린더) -> 등록

위와 같이 등록이 됩니다.

그누보드 관리자 모드 -> 아미나 스킨 -> 메뉴설정 -> 넣은 그룹의 오른쪽에 서브메뉴 클릭하여 순서 지정

위와 같이 그룹의 메뉴 순서를 설정할 수 있습니다.

이제 해당 메뉴를 눌러보면 정확하게 표현되는 것을 볼 수 있습니다.

저는 new-basic 테마라서 반응형 부트스트랩이지만 폰에서도 정확하게 반응형으로 나오는 것을 볼 수 있습니다.

모바일에서도 당연히 잘 나오구요 ^^

반응형 소스는 관련링크 2에 올려놨습니다.

좋은 기능을 알려주신 희망규짱님 고맙습니다.

첨부파일에 올려뒀으니 받으셔도 되고, 코드 몇줄 안되니 파일 생성해서 쓰셔도 됩니다.

※ 2014년 10월 9일 02시 13분 object 추가하여 파일 및 소스 변경하였습니다.

테베님의 도움으로 html5가 지원되는 브라우저에서는 object로 출력되고, 그렇지 않으면 iframe으로 출력될 것입니다.