[메뉴스킨] 그룹+게시판 슬라이드 메뉴(2) - rolo님 라이브러리 사용 > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

[메뉴스킨] 그룹+게시판 슬라이드 메뉴(2) - rolo님 라이브러리 사용 정보

기타 [메뉴스킨] 그룹+게시판 슬라이드 메뉴(2) - rolo님 라이브러리 사용

첨부파일

gb_mtDropdown_basic.zip (68.1K) 340회 다운로드 2006-07-03 23:25:31

본문

이전에 공개한 메뉴 스크립트와 비슷한 슬라이드 효과를 보여줍니다.
몇분께 보여드린 결과 가장 부드러운 슬라이드라는 평가를 받았습니다.

선택 사항인 이미지 롤오버 메뉴로 사용할 경우 그룹별 기본 이미지와 롤오버 이미지를 제작해서 지정된 폴더에 업로드하는 작업을 제외하고는 개인설정이 전혀 필요없는 슬라이드형 메뉴입니다.

지정된 이미지 폴더를 만들기 전에는 기본적으로 텍스트 메뉴로 동작하므로 수정없이 사용할  수 있습니다.

개인적으로 제가 작업한 '자동메뉴'가운데 가장 완성도 높은 메뉴라고 생각하고 있습니다.
모 빌더의 의뢰로 제작한 메뉴에 몇가지 옵션을 추가했습니다.

라이브러리를 공개해주신 rolo님과 멋진 슬라이드 스크립트를 소개해 주신 오달수님께 감사의 말씀 올립니다.

링크1 스킨형 메뉴, 링크2 파일형 메뉴입니다.

*사용된 rolo님의 라이브러리와 슬라이드 스크립트의 라이센스를 지켜주시기 바랍니다.

____________________ 아래는 같이 묶어 올린 설명서 파일 내용입니다. _______~~**

그룹 및 게시판 메뉴스킨에 대한 간략한 설명입니다.

메뉴스킨에 관심좀 많이 가져주십사 하는 의미로 올립니다.
메뉴스킨의 분류가 생길때 까지 삽질은 계속됩니다.
rolo님 라이브러리 파일은 이전 메뉴스킨과 같습니다.
http://sir.co.kr/bbs/tb.php/g4_skin/14502
그룹 및 게시판을 보여주는 옵션 설정을 조금 바꾸었으나 원본을 주석처리해두었으므로 개인에 맞게 설정해서 사용하시면 되겠습니다.
rolo님께 감사의 말씀 드립니다.

흔히 말하는 자동메뉴는 대부분 하나의 파일에 query등 기능적인 부분과 디자인적 요소가 함께 들어가게 됩니다.
그렇다보니 초보자의 경우 기능적 업그레이드나 디자인 수정에 다소 어려움이 있습니다.

스킨 형태로 제작할 경우 기능적 역할을 하는 라이브러리 파일과 스킨을 분리하므로 메뉴의 업데이트 및 관리가 체계적으로 가능하게 되는 장점이 있겠습니다.
또 하나 가장큰 장점은 스킨의 제작이 매우 쉬워진다는 것입니다.
_____________________________________________________________ **

구성;

-, 스킨형 메뉴 - 텍스트 및 이미지 롤오버 선택 적용 가능

-, 파일형 메뉴 - 텍스트 및 이미지 롤오버 선택 적용 가능

사용법;

-, menu_rolo.lib.php 파일을 extend폴더에 업로드

-, gb_mtDropdown_basic폴더를 skin/menu/폴더에 업로드

-, 원하는 위치에 <?=menu('gb_mtDropdown_basic')?> 넣어줌
스킨형 메뉴 미리보기 http://www.babybox.co.kr/g4/gnusr/capture/test_mtD.php

-, 스킨형 메뉴외에 폴더내 'gb_mtDropdownRF.php' 파일은 이 메뉴와 같은 기능을 하는 단독 파일입니다.
        <? include_once("경로/gb_mtDropdownRF.php");?>로 사용 합니다.
        소스내 주석을 참고해서 아래 설명한 롤오버 메뉴로 사용 가능합니다.
        이 파일의 그룹 및 게시판을 불러오는 옵션은 이 스킨 라이브러리와 조건이 약간 다른점 참고하세요.
파일형 메뉴 미리보기 http://www.babybox.co.kr/g4/gnusr/capture/test_mtDI.php
파일형 메뉴도 이미지 롤오버 설정이 가능합니다.

특징;

-, 라이브러리 옵션에 따라 해당되는 그룹 및 게시판을 자동메뉴 형태로 구현

-, 각종 옵션 설정이 가능한 부드러운 슬라이드 스크립트를 사용
        기본설정 - 서브메뉴 투명도 90, 마우스아웃 딜레이 500, 슬라이드 스피드 400

-, 그룹 버튼 이미지 폴더가 있는지 검사하여 없을 경우 텍스트 스타일의 메뉴가 동작함(기본)

-, 그룹 버튼 이미지를 지정된 폴더(gb_mtDropdown_basic/gBtn)에 넣어주면 자동으로 롤오버 효과의 버튼 이미지 스타일 메뉴로 작동됨
        이때 기본 이미지 이름 '그룹 아이디_1.gif' 롤오버 이미지 이름 '그룹 아이디_2.gif'를 각각 만들어 주여야 합니다.

-, 예전에 공개된 ysSlide스크립트를 사용한 메뉴(http://sir.co.kr/bbs/tb.php/g4_skin/14502)에 비하여 설정이 매우 간단합니다.
        위에서 설명한 이미지 롤오버 메뉴로 사용할 경우 그룹 이미지 각2개씩 업로드 하는것외 설정할 것이 없음

-, 특정 그룹의 링크만 다르게 줄 수 있는 팁이 포함되었습니다.
그룹 링크는 개인에 맞게 수정하세요.

a href='<?=$g4['path']?><?=$key == "sample_gal"?'/gallery':'';/*특정그룹 경로*/?>/?gur=<?=$key?>'
a href='<?=$g4['bbs_path']?>/group.php?gr_id=<?=$key?>'

주의;

개인에 따라 이미 menu펑션이 동작하는 경우 에러가 발생할 수 있습니다.
menu_rolo.lib.php 파일 상단의 function menu($skin_dir="") { 부분을
function gb_mtDropdown($skin_dir="") { 처럼 수정해서 피해갈 수 있습니다.
참고사항으로 앞으로 rolo님의 지속적인 메뉴스킨 관련 라이브러리의 업데이트가 예상되므로,
충돌하는 다른 파일의 펑션을 수정해 주시면 업데이트시 편리할 것입니다.

상위 요소에 align 속성을 주면 서브메뉴 정렬에 문제 발생하므로 padding 속성으로 위치를 잡으세요.

라이센스;

제가 작업한 이 스킨 및 단독실행 가능한 'gb_mtDropdownRF.php'의 라이센스는 그누보드 의 정책과 일치합니다.
슬라이드 스크립트 에 대한 라이센스는 소스에 주석을 붙였으므로 참고하시기 바랍니다.
참고로 '돈 받고 파는 물건(상용 빌더등)'에 이 메뉴를 사용할 경우 rolo님의 별도 허락이 필요한 점 공지 합니다.

Msie와 Firefox에서 테스트 하였습니다.
추천
10

댓글 전체

고생하셨습니다.
멋진 작품을 공개해 주셨네요.

개인적으로는 단 두개의 이미지라도 포함되지 않은,
두번째 링크의 심플한 스타일에 쬐끔 더 점수를 드립니다^^;
감사합니다.

저랑 선호도가 비슷하십니다.

미리 보기를 위한 설정이구요.

첫번째 링크도 이미지 폴더 이름만 바꾸면 두번째와 같이 동작한답니다.
추가설정 없이 손쉽게 쓸 수 있는 멋진 슬라이드 메뉴를 만들려고 노력했답니다.
충분한 테스트를 거쳤으나 버그가 있을 수 있습니다.
사용해보시고 피드백 부탁드립니다.
감사합니다.
오달수님께서 스크립트를 소개해 주시면서
'그누에 쉽게 적용할 수 있을 것이다'고 하셨으니 그런줄 알고 작업했습니다.
그누에서 안 되는게 어디 있겠습니까?! ^^
해놓고 보니 핵심 코드는 열줄이 채 못되는것 같네요.
추천까지 해주시니 감개무량입니다.
감사합니다.

저 엮시 좋은 소스를 공개해주신 고수님들께 항상 감사드리고 있습니다.

훨씬 값진 작품들을 나눠주시 목진철님의 모습에서 많이 배우고 있습니다.
역시 플록님!
그누짱입니다.

처음부터 플록님 메뉴 쓰고 있는데
한번 갈아업고
두번 갈아 업었는데
또 ...^^

아무튼 감사할 뿐입니다.
펑션에러까지 안내하여 주시는 군요.
과찬의 말씀이십니다.

라이브러리나 좋은 스크립트를 일부러 소개해주시는 멋쟁이 고수 선배님들 덕택입니다.

앞으로 두어개만 더(?) 만들고 쿠테타를 마무리해야 할듯합니다.

바쁘신 일은 어느정도 정리가 되셨는지요?
테스트에도 적극적으로 참여하지 못하고 여러모로 죄송한 마음입니다.
고맙습니다.
역시 플록님.. 상당히 깔끔하고 보기가 좋습니다

고생 많으셨습니다.. 추천!!

메뉴하면 플록님을 생각나게 하는 작품입니다. ^^
근데..이거 문제있는 것 같아요.

본문에 첨부파일로 화면을 초과하는 큰 그림이 올라갔을 경우

일반적인 경우 축소되어서 보여져야 되는데..

화면에 대따 크게 그림이 보입니다.

즉, 자바스크립트 문제로 그림이 축소가 안되나 봐요
과찬의 말씀이고 전혀 그렇지 않습니다.

rolo님의 라이브러리가 매우 직관적이고 쿨하기 때문에 누가 보더라도 같은 결과를 내었을 것입니다.

저는 자바스크립트가 뭔지도 모를 뿐더러 단지 시간을 내어 들여다 본것 밖에 없습니다.

흔쾌히 저의 요청을 허락해주신점 다시한번 깊이 감사드립니다.
카테고리에 "메뉴"도 포함될 날이 멀지 않은 것 같습니다.
감사합니다.

요 위의 위에서 7쟁이님이 링크해주신 것처럼 카테고리가 옆으로 나오는 날도 멀지 않았겠지요?......*^^*
코멘트 감사드립니다.

저와 같은 희망 사항을 피력해 주신 것으로 아울러 동참을 촉구 드리는바 입니다.

depth2 까지 지원되고 시각적으로도 좋은 스크립트가 있다면 소개 부탁드립니다.
플록님보다 더 잘 스크립트를 구분하는 사람 별로 없을 것입니다.
그리고, 저는 완전히 젬벵이입니다.

1.
메뉴.스킨.피헤치피 의 모양새를 결정하는 화일은 여려 화일중에서 어떤것인가요?

2.
각 화일들의 역할을 설명해주면 더욱 좋겠습니다.
menu_rolo.lib.php는 extend폴더로 넣어주세요.
menu.skin.php에서 그룹관련 디자인을 하시면 됩니다.
mt_dropdownC.js에서 게시판 관련 너비등 기본적인 설정을 바꿔 줄 수 있습니다.
mt_style.css에서 스타일을 변경하실 수 있구요.

gBtn폴더가 있으면 이미지 롤오버 메뉴로 자동 전환됩니다.

나머지 폴더나 파일은 작업 임시파일로 참고용으로 그대로 남겨두었으므로 삭제하셔도 됩니다.
방금 플래시와 사이트 전체소스를 공개해 주신 것을 보았습니다.
감사드립니다.
열심히 공부하겠습니다.

뜨락님께서 부드럽게 느끼셨다면 진짜 부드러운거 맞죠?? ^^
마음에 쏙 들어 지금 적용중에 있습니다.
gb_mtDropdownRF.php  단독 파일만으로 적용중입니다.
그런데 한가지 문제가 있습니다. 저만 그런지 모르겠습니다만,
게시판의 개별개시물의 이미지가 리사이즈 되질 않습니다.
테이블 넓이보다 크면 테이블크기로, 지정된 사이즈보다 큰 이미지는 지정된 이미지로 리사이즈가 되지 않는 문제점을 발견했습니다.
이 부분을 해결할 수 있을런지 아시는분 답변좀 부탁드립니다.
Msie에서만 view.skin.php의 function resize_image() 펑션이 동작하지 않는군요.
common.js의 function image_window(img) 까지 너비와 높이값이 넘어오지 않아 image_window 역시 안 되고 있는것 같습니다.

common.lib.php의 function view_file_link($file, $width, $height, $content="") 부분과 mtDropdownC.js의 충돌인듯 합니다.

중복 가능성이 높은 body onLoad 이벤트 처리 문제와 지금 지적하신 image resize 부분이 숙제로 남습니다.

한나절 이상 들여다 보았지만 감을 못잡고 있습니다.
우선 이전에 올렸던 ypSlide스크립트를 사용해서 단독 파일로 테스트를 마쳤습니다.
정리 되는대로 올리겠습니다.
고생만 시켜드리는 것 같아서 죄송합니다.
죄송합니다만 한나더 발견한 작동오류입니다.
본문에서 이미지 클릭시 새창이 열리면서 이미지 원본이 출력되는데 이 기능도 작동하지 않습니다.
아예 이미지가 출력되지 않는군요.

저도 onLoad 부분을 삭제해 보고 테스트 해봤지만, 이렇게하니 서브메뉴가 출력되지 않더군요.
혹시 에러를 수정할 수 있을까 싶어서 저도 지금 이것저것 고쳐보고 있지만 아직 해결보지 못했습니다.

무거운 짐을 드리는 것 같아서 죄송합니다.
에러가 초기화면에 이런 에러가 나는데요 고수님들 부탁드립니다

Warning: Cannot modify header information - headers already sent by (output started at /home/hosting_users/studykorea/www/g4/gb_mtDropdownRF.php:12) in /home/hosting_users/studykorea/www/g4/head.sub.php on line 32

Warning: Cannot modify header information - headers already sent by (output started at /home/hosting_users/studykorea/www/g4/gb_mtDropdownRF.php:12) in /home/hosting_users/studykorea/www/g4/head.sub.php on line 34

Warning: Cannot modify header information - headers already sent by (output started at /home/hosting_users/studykorea/www/g4/gb_mtDropdownRF.php:12) in /home/hosting_users/studykorea/www/g4/head.sub.php on line 35

Warning: Cannot modify header information - headers already sent by (output started at /home/hosting_users/studykorea/www/g4/gb_mtDropdownRF.php:12) in /home/hosting_users/studykorea/www/g4/head.sub.php on line 36

Warning: Cannot modify header information - headers already sent by (output started at /home/hosting_users/studykorea/www/g4/gb_mtDropdownRF.php:12) in /home/hosting_users/studykorea/www/g4/head.sub.php on line 37

Warning: Cannot modify header information - headers already sent by (output started at /home/hosting_users/studykorea/www/g4/gb_mtDropdownRF.php:12) in /home/hosting_users/studykorea/www/g4/head.sub.php on line 38
headers already 를 키워드로 검색해 보시면 몇가지 케이스를 찾으실 수 있을것입니다.
헤더의 중복, 공백등이 대부분 대부분의 문제였던 것으로 기억됩니다.

"<?" 태그 이전에 공백이 있는지,
"?>"이후에 공백이 있는지 살펴보세요.
ypSlideOut 스크립트로 제작된 스킨 메뉴(http://www.sir.co.kr/bbs/tb.php/g4_skin/14502)의
단독 파일형 메뉴도 아래 링크에 올려놓았습니다.
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/6225

개인에 맞는 것으로 골라 사용해 보세요.
플록님 질문이 있는데요...

extend 폴더에 있는 memu_rolo.lib.php 속에 있는 sql 구문에서

$sql = "select.............................................
.........................where G.gr_use_access ='0' and G.gr_id not in {$exe} and B.bo_use_search ='1' and (bo_list_level) <= $member[mb_level])......는

1. 접근사용을 안한그룹 (and)
2. $exc 에 명시하지않으 그룹 (and)
3. 검색제외 안시킨 테이블 (and)
4. 자기 보다 낮은 권한의 테이블 리스트 .... 라는 모든 조건을 만족시키는 테이블 만
보여주라는 뜻으로 이해를 했는지 많는 지요..?

그런데 저는 이상하게 접근 사용을 한 그룹.. 그리고 로그인 안햇는데도 권한 5이상의 테이블도
메뉴에 다보이는데 제가 뭐를 잘못 이해하고 있는지요..?

초보라서 이해를 못하는 점이 많이 있으리라고 생각합니다. 설명주시면 감사드리겠습니다..
쿠키, 캐시 모두 삭제했는데요 안되요... 스킨 그대로 올리고 테스트 했는데도 그러네요..
윈도우apm 이구요...mysql version은 5.0.22-community-max-net이구요.. php버전은 5.1.4입니다..
무쟈게 좋은거 같은데....왜 그룹명만 나오고... 게시판은 아예 열리지 않는지 모르겠네요...
제가 설정을 잘못했으면 오류라도 뜨던거...그룹명은 제대로 나오고.. 또한가지 이미지도 적용이 안돼는거같고....
아시는분 없나요?

다른분들은 잘 되는거 같은데....혹시 뭐 제가 모르는 부분 있나요?
테스트 경로라도 올려주시면 도움이 되지 않을까요??

이미지 롤오버 메뉴로 사용하려면,
그룹 버튼 이미지를 직접 만들어 스킨 폴더내 gBtn폴더에 넣어주셔야 합니다.
$gBtnpath = $menu_skin_path ."/". "gBtn";/* 그룹 버튼 이미지 폴더 gBtn */
if (is_dir($gBtnpath)) {~~
먼저 멋진 작품 공개해 주셔서 감사합니다..

작은 오류를 하나 발견해서 글올립니다..

menu.skin.php 56행에 있는
$style = " style='font-weight:bold; color:#45436c;'";
     
여기서 $style값이 57행의
 $gr_subject = "<span $style>" . cut_str(get_text($value['gr_subject']),20,"") . "</span>";
그룹이름 출력하는 구문에서 적용이 안되는군요..
질문 드립니다!

그룹은 메뉴에 보이게 하되 서브메뉴 즉 드롭된 게시판이 안나오게 하려면 어떻게 해야하지요?

게시판을 작성만 할수있고 목록은 안보이게 할려고 그러거든요!!

아니면 드롭된 게시판 링크를 <특정그룹경로>처럼 링크를 다르게 설정할수 있나요?
제발 가르쳐 주세요....

환절기 건강들 조심하세요..
전체 5,853 |RSS
그누4 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT