레이아웃 스킨
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |

안녕하세요.
두 번째로 만들어 본 레이아웃 입니다....만
참 제가 봐도 후줄근하군요 ㅠㅠ
한 가지 굉장히 놀라운 점을 알려드리자면......
저 디자인도 제 딴엔 엄청 신경쓴거랍니다...;
사용해주실 분이 한 분이라도 있을지 의문이군요...
이번 레이아웃에서 디자인 말고 또 한 가지 엄청난 삽질끝에 탄생한게 있는데요.
바로 위와 같이 윈도 시작메뉴 형태의 메인 메뉴입니다..
고수 분들은 쉽게 만드실 기능이겠지만...
저로선 엄청난 고난의 연속이었답니다...
레이아웃 총 제작시간의 90%는 메뉴 구현하는데 들였을 정도니까요 ㅡㅡ;;
저런 형식의 메뉴를 원하시는 분은 디자인은 따로 하시고 메뉴만 갖다 쓰시면 되겠네요...
그리고, 로그인 위젯 아래로 다른 위젯이나 코드 추가하실려면 레이아웃 편집에서 아래 부분에 삽입하시면 됩니다.
참고로... 다른 위젯 등을 삽입하실 경우 가로 길이가 200px를 초과하면 레이아웃이 깨진답니다.. 유의하세요.
<div class="right"> <!--메인 오른쪽 코드 삽입 공간--> <!--로그인 위젯--> <img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="xe_official" colorset="default" /> <img src="./images/blank.gif" alt="" class="mask" /> <!--//로그인 위젯 끝--> <!--//메인 오른쪽 코드 삽입 공간 끝--> </div>
아무튼 뭐 그렇습니다.
IE6, IE7, FF2에서 테스트 했구요.
딱히 더 드릴 말씀은 없는 것 같네요...
마지막으로,
미리보기 : http://myham.net/bbs/layout_myham2
다운로드 : myham2.zip
2007.04.10// 0.2 버전이 나왔습니다
바로가기: http://www.zeroboard.com/zbxe_layout_skin/16708619
그럼 좋은 하루 되세요 ^^;
... 세 번째 레이아웃부턴 절대 구린 디자인으로는 찾아뵙지 않겠습니다..^,^;
따봉입니다~ 지금까지 다른것 메뉴적용할려고 하니까 자꾸 머리가 아프던데...
이걸로 했더니.. 모두 해결이 됐네요!~~
감사 ~~~
layout.html 파일을 에디터로 열어보시면 29번째줄 <ul id="mainMenu"> 부터 68번째줄 </ul>까지가 메인 메뉴 부분입니다.
그리고 default.css 파일의 46번째줄 #mainMenu {~~ } 부터 65번째 줄 #mainMenu li table td p .mRight table p.on .menu3rd {~~} 까지가 메인 메뉴의 설정 부분이구요.
마지막으로, default.js 에서 show와 hide 함수만 가져다 쓰시면 얼마든지 다른 레이아웃의 메뉴에도 적용이 가능할겁니다.^^
물론 이대로도 아주 좋지만요..
메뉴만 떼어서 사용해도 될런지요?
적용하려다가 그 문제가 생겼습니다.
미리보기 페이지에서는 잘 되는데
제가 해 보려고 미리보기를 하면 그렇습니다.
이 문제만 해결되면 바꿔보려고 합니다.
파이어폭스에서 테스트를 하면 잘 됩니다.
무슨 브라우져를 사용하시나요?ㅜㅜ
혹시 문제가 생기는 브라우져가 IE 6.0 이상이시라면,
default.css 파일의 52줄
#mainMenu li table {position:absolute; margin:0; padding:0; top:49px; z-index:999;} 을
#mainMenu li table {position:absolute; margin:0; padding:0; top:49px; .top:48px; z-index:999;} 정도로 바꿔주시면 해결될 듯 합니다.
IE6, IE7, FF2 이외의 브라우져라면... 제가 테스트해보지 못해서 어떻게 출력될지 모르겠으나... 특별히 깨지지 않는다면,
#mainMenu li table {position:absolute; margin:0; padding:0; top:49px; z-index:999;} 에서 top:49px 이부분을 48px나 47px 정도로 바꿔주시면 될겁니다.
우와 정말 감사합니다. 초보자라서 완전 캐노가다해서 겨우 적용시켰어요 ㅠ 저같은 경우 메인 메뉴가 너무 위에 나와서 그 포지션을 지정을 못해서 ㅠㅠ 저같은 문제가 있으신 분들 css 파일 적용시키는 mainmenu 첫 줄에 ;top: 숫자px 적용 시켜주시면 되요.






오~~ 서브메뉴 획기적인데요..
얼릉 적용해 봐야 겠어요..
멋진 레이아웃 감사합니다.^^