자바스크립트 무한 멀티 메뉴 > 그누4 스킨

그누4 스킨

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

자바스크립트 무한 멀티 메뉴 정보

갤러리 자바스크립트 무한 멀티 메뉴

첨부파일

fm.zip (36.7K) 392회 다운로드 2013-04-19 14:24:33
fm.php (50.6K) 92회 다운로드 2013-05-22 20:32:20

본문

링크에 설명 되어 있습니다.

오류 있으면 바로 코멘트 남겨주세요.

다운로드시 좋아요 클릭 잊지 마세요.

그누보드 메인에 넣으시면 되구요...

그누보드에서만 처음에 작동합니다.

다른곳에서 사용하시려면 소스 수정 하셔야 합니다.

인코딩은 euc-kr 입니다.
추천
12

댓글 전체

홈이네님 좋은 자료 감사합니니다.

htm 파일 내용을 긁어서 다른 곳에  가져가서 상단에 배치하여(제일 위에서 10줄정도 내려서 사용) 사용하니까

메뉴에서 마우스를 내리면 막대기가 메뉴 너무 위쪽까지 올라가고 난 이후에 없어져 버리는 증상이있네요

제가 볼때에는  아랫 부분에서 수정하는것 같은데  어디에서 수정해야하나요??

<style type="text/css">
body { margin:0; padding:0; font-size:13px; font-family:gulim; }

a:link, a:visited, a:active { text-decoration:none; color:#555555; }
a:hover { color:#000000; }

.body { margin:0 auto 0 auto; }

.top { clear:both; display:inline-block; margin-bottom:5px; width:100%; position:relative; z-index:600; }
.top .logo { clear:both; display:inline-block; background-color:#ffffff; position:relative; z-index:250; width:100%; }

.top .menu .left { float:left; }
.top .menu .right { float:right; }

#slide-menu { clear:both; overflow:hidden; background-color:#555555; border-top:2px solid #333333; height:38px; width:100%; position:relative; z-index:200; }
#slide-menu div.back { background-color:#666666; position:absolute; z-index:100; }
#slide-menu a { display:inline-block; color:#ffffff; font-size:13px; line-height:38px; padding:0 8px 0 8px; margin:0 5px 0 5px; position:relative; z-index:150; }

#slide-content { clear:both; height:0; position:absolute; z-index:190; }
#slide-content div { display:inline-block; position:absolute; }
#slide-content .content { }
#slide-content .layer-top { overflow:hidden; }


#slide-content a { display:block; font-size:13px; margin:2px; color:#ffffff; white-space:nowrap; position:relative; z-index:10; }

#slide-content .layer { display:block; }
#slide-content .layer a { padding:4px 25px 4px 10px;  }
#slide-content .b-layer a { display:block; text-align:right; padding:4px 10px 4px 25px; }
#slide-content .layer .sub-back { position:absolute; z-index:5; }
</style>


그리고  아직 왕초보여서 그러는데  줄 별  대략적 설명도 가능할까요??  ㅡ.ㅡ;

감사합니다.
(왕초보의 길은 멀고도 험하네요......)
홈이네님 너무나 활용성 좋은 소스 진심으로 감사합니다.

두가지 궁금증이 있어 질문드립니다.
1. 젤마지막 메뉴 반대방향 사용하지 않기?
>> 다 좋은데 필요에따라 젤 마지막 메뉴 신경써서 안쪽으로 디스플레이 하도록 만드신거 같은데
    개인적으로 지금 필요한 기능이 아니라서 변경하고자 하는데 어디를 수정해야 하는지요?

2. 메인메뉴 말고 서브 메뉴에 1~2픽셀 단차
>> 대메뉴 밑에 서브메뉴의 서브가 있을경우 아이콘으로 표시되어 알려주는데 서브에 서브메뉴를
    들어갈때 1~2픽셀 정도의 단차가 적용이 됩니다. 이것을 적용하지 않으려면 어느부분을 손봐야 하나요?
    3단계 4단계만 되도 마치 오류가 난거 같이 보여서 수정하고 싶습니다.

답변기다리겠습니다
좋은소스 다시한번 감사드립니다.
홈이네님 말씀해주신 내용으로 그리고 질문 답변으로 겨우 겨우 해결했습니다.

근데 한가지 특이사항이 발견되네요.. @.@

메뉴가 10개 이상이 되면  메뉴에 따라다니는 띄가 더이상 내려가지 않습니다 @.@ 에궁~~

해결해보려고 소스 여기저기 뒤져봐도 잘~ 모르겠네요... ㅜ.ㅡ

홈이네님  이것 어떻게 해결 가능할 수 있을까요??

감사합니다*^^*;
파일 하나더 업로드 했거든요.
다운받으셔서 저걸로 사용해 보세요.
수정은 했었는데 어느 부분인지 기억이 잘 나지 않네요 ^^;
너무 좋은 소스 감사드립니다. 수정은 다 했는데.. 원초적인 질문 하나만 드릴께요.. 초보라서.. 이 메뉴 fm.htm 파일을 어떻게 삽입해서 사용해야 할지요... head.php 에 삽입을 하려고 하는데.. 고수님들 답변 좀 꼭 부탁드립니다..
http://homeine.x-y.net/s/fm2.htm
잘라뒀습니다.
상단에 이미지 경로 설정하시구요
첨부파일 원본보시면 이미지 폴더 있거든요 같이 업로드 하세요

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

선언 필수로 하시구요
멋진 메뉴인지라 설치해 보았습니다.
그러나 아래 기능 때문인가? 잘 모르겠지만 설치후 게시판 글 입력시 마우스 클릭이 안먹히네요.
function addEvent(o,e,f){var k;if(o.attachEvent){o.attachEvent(e,f);}else if(o.addEventListener){if(e=="onmousewheel"){k="DOMMouseScroll";}else{k=e.substring(2,String(e).length);};o.addEventListener(k,f,false);};};
저만 그런건가요? 해결하신분 답변부탁드립니다
전체 5,853 |RSS
그누4 스킨 내용 검색

회원로그인

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