제로보드XE - 레이아웃 스킨
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |
시험이다 뭐다 정신이 없어서 그동안 손도 못댔던 세번째 레이아웃을 드디어 완성하였습니다.
간략하게 몇가지 특징만 설명하겠습니다.
- 크게 레이아웃을 세가지 형태로 나눔.
- default 형 : 본문 왼쪽에 한 개의 사이드바(가로 : 200px, 서브 메뉴 기본 포함)를 갖고 있음.
- 2sidebars 형 : default 형과 다른 점은 본문 오른쪽에 추가 사이드바(가로 : 180px, 비었음)를 갖고 있다는 점.
- wide 형 : 사이드바가 없음.
- 입맛에 맞게 쓰셈.
- 세 가지 모두 크게 다른 점은 없지만, css 수정에 어려움을 겪으시는 초보님들을 위해 나눠봄.
- 두 번째 레이아웃에서 선보였던 풀 다운 메뉴(윈도 시작 메뉴 비스므리한..)를 또 메인 메뉴로 우려 먹음,
- 왼쪽 사이드바에 포함된 서브 메뉴는 '정적인' 트리 메뉴로 구성함. + - 그런거 안됨.. ;;
- Kurokuma님의 가로로그인 스킨 사용. 다운로드 : http://www.zeroboard.com/?document_srl=16630789
- niftyCube 라이브러리를 사용.
- 6가지 컬러셋을 만들어 봄. 허나, 감각의 부재로 인해 색상이 영 칙칙함 -,-;;
- gray(default), red, orange, brown, green, blue, ramdom-_-
+
------------------------------------------
Copyright(c)2008, MYHAM All rights reserved.
powered by zeroboard / layout skin by myham
-------------------------------------------
footer 에서 Copyright(c)2008, MYHAM All rights reserved. 부분은 자신의 사이트에 맞게 수정하시구요.
그 아래 powered by zeroboard / layout skin by myham 부분은 남겨주시면 감사하겠지만, 지우셔도 무방합니다.
+
캡쳐화면처럼 트리메뉴를 모두 펼침 상태로 두려면 메뉴 관리에서 '트리메뉴를 사용시 늘 펼쳐진 상태로 있게 합니다.' 옵션을 체크해야합니다.
+
내려 받기 : myham3.zip
미리 보기(default, random colorset) : http://myham.net/bbs/layout_myham3
IE6, IE7, FF2에서 테스트 했습니다.
문제점 발견되면 알려주시기 바랍니다..(__)
![[레벨:9]](./modules/point/icons/default/9.gif "포인트:7820point (86%), 레벨:9/30"){kind=icon}
Capyou![[레벨:7]](./modules/point/icons/default/7.gif "포인트:4855point (84%), 레벨:7/30"){kind=icon}
![[레벨:3]](./modules/point/icons/default/3.gif "포인트:1055point (73%), 레벨:3/30"){kind=icon}
myham
레이아웃을 만들면서 하단 메뉴를 넣을까 말까를 굉장히 고민하다가... 그냥 생략했는데 하단 메뉴를 원하는 분이 계시네요...ㅠㅠ
다음부턴 고민 할 필요없이 뭐든 일단 넣고 봐야겠습니다 ㅋㅋ
1. 사용중인 스킨의 conf 폴더 안에 있는 info.xml 파일을 에디터로 여세요.
쭉 내리시다 보면 아래와 같은 부분이 나올겁니다.
<title xml:lang="ko">메인 메뉴</title>
<title xml:lang="jp">Main menu</title>
<title xml:lang="zh-CN">Main menu</title>
<title xml:lang="en">Main menu</title>
<title xml:lang="ru">Main menu</title>
<title xml:lang="es">Main menu</title>
<maxdepth>6</maxdepth>
</menu>
2. 위 코드 밑에 아래의 코드를 추가해주세요.
<title xml:lang="ko">하단 메뉴</title>
<title xml:lang="jp">下段メニュ?</title>
<title xml:lang="zh-CN">底部菜?</title>
<title xml:lang="en">Bottom menu</title>
<title xml:lang="ru">Внизу меню</title>
<title xml:lang="es">Menu Inferior </title>
<maxdepth>1</maxdepth>
</menu>
3. 저장하시고 info.xml 파일은 닫아주세요.
4. 사용중인 스킨의 layout.html 파일을 에디터로 여세요.
파일 최하단에 보면 아래와 같은 부분이 있을겁니다. 이 부분이 footer 에요.
<p> </p>
<p>Copyright(c)2008, MYHAM All rights reserved.</p>
<p>powered by <a href="http://zeroboard.com" onclick="window.open(this.href);return false;">zeroboard</a> / layout skin by <a href="http://myham.net/wp" onclick="window.open(this.href);return false;">myham</a></p>
</div>
5. 위 div 태그 안 적절한 위치(-_-;)에 아래의 코드(하단 메뉴)를 추가하세요.
<ul>
{@ $bm = 1}
<!--@foreach($bottom_menu->list as $key => $val)-->
<li<!--@if($bm==1)--> class="first-child"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
{@$bm++}
<!--@end-->
</ul>
6. 저장하시고 layout.html 파일을 닫아주세요.
7. 사용중인 스킨의 css 폴더 안에 있는 사용중인 컬러셋 css 파일을 에디터로 여세요.
8. 파일 최하단에 아래의 코드를 추가하세요. (기본적인 코드입니다. 입맛에 맞게 수정하세요.)
#footer ul {margin:0; padding:0;}
#footer ul li {display:inline; padding:0 .2em 0 .5em; background:url(../images/vrType1.gif) no-repeat left center;}
#footer ul li.first-child {background:none;}
9. 저장하시고 css 파일을 닫아주세요.
10. 수정한 파일들을 계정에 업로드 후, 레이아웃 설정에서 하단 메뉴를 추가하세요.
11. 하악하악 힘드네요..; 다른 문제가 있으면 언제든지 문의해주세요.. ㅜㅜ;
![[레벨:2]](./modules/point/icons/default/2.gif "포인트:765point (94%), 레벨:2/30"){kind=icon}
윤성진780
에구.. 튜토리얼보면서 겨우겨우 하나 완성해가는데 맘에 쏙드는 레이아웃이 나타났네요. ㅠㅠ
첨부터 다시 해야 되나.. .gif)
윤성진780
default.css파일에서 사이드메뉴부분을 200px로 늘렸더니 사이드메뉴의 롤오버가 작동하지 않아서 다시 180으로 바꿨습니다.
크기는 환원이 되는데.. 롤오버는 여전히 작동을 안하고 메인메뉴처럼 레인보우링크(?)만 되네요.
그래서 default.css파일을 삭제했는데.. 그래서 문제가 생겼었습니다. ㅡㅡ;;
다시 올려도 여전히 롤오버가 작동하지 않고 있습니다만.. 암튼, 난리가 났다는 말은 제 실수였으다는걸 찾았네요.
myham님 혹시 신경쓰실까봐서 글 올립니다.
좋은 주말 되세요~
![[레벨:1]](./modules/point/icons/default/1.gif "포인트:150point (41%), 레벨:1/30"){kind=icon}
바탕소
왼쪽 사이드바 메뉴가 정말 필요한 기능인데 어쩐 일인지 레이아웃을 디폴트로 적용해도 왼쪽 메뉴가 전혀 나타나질 않네요.
어떻게 나타나게 하나요. 주소는 여기인데요.
다른 설정이 있는 걸까요?
![[레벨:6]](./modules/point/icons/default/6.gif "포인트:3605point (81%), 레벨:6/30"){kind=icon}
뭐게 문제인지...ㅡㅡ;; 초보인 저로선 알수가 없습니다
"질문/답변" 란에 .. 올렸더니.. 말씀들이 없으셔서, 혹시나 레이아웃 제작 해주신 분은 알수있을까해서
올리는것이 오니 별다른 오해는 마시길 바랍니다
뚱님*^^*
마음에 꾹드는 레이아웃입니다.
감사합니다!!!
한가지 아쉬운 점이 있어요.
메인메뉴 마우스 오버하여 2차~5차 메뉴 활성화된 상태에서 마우스 포인터를 콘텐츠 영역으로 가져가면
메뉴들이 펼처진 상태로 있어서 불편합니다.
마우스 아웃하면 2차이하 메뉴 사라지게 할 수 없나요?
방법이 있다면 어느 부분을 수정해야 하나요?
부탁합니다..꾸벅
.gif)
zzzx
정말좋은데 어디에 다운받아야하는지 모르겠네요?
토꺵이 님과 같은 레이아웃스킨에풀었더니 오류가나요.
어디에 풀어야하죠?
http://rpg.isfreeweb.com/zbxe/
여기에다가 하고십어요.
.gif)
푸른바다™
myham님 현재 GlossyBlue 레이아웃 사용 중인데 여기서 myham님의 메뉴만 적용 가능한가요?
앞에 답글 달아주신 대로 layout.html, default.css, 그리고 js 파일을 수정했는데도 적용이 안되는거 같네요..ㅡㅡ;
혹시 적용이 가능한지요?
![[레벨:5]](./modules/point/icons/default/5.gif "포인트:2510point (77%), 레벨:5/30"){kind=icon}
늘미소
좋은 자료 감사합니다..gif)
1차메뉴에서 타겟 새창열기가 적용되는데
2차 이하 메뉴에서 타겟 새창열기가 적용되지 않습니다.
위의 내용에서 이러한 문제를 제기한 분이 없는 것을 보면
저만 그런 것인지요?.gif)
늘미소
"새창열기"가 적용되도록 해결되었습니다.
링크되는 소스에 onmousedown 이 두 번 중복되어 있습니다.
각 단계별로 링크되는 부분 소스의 앞 쪽 onmousedown="location.href(this.href); 를 삭제하여 해결되었습니다..gif)
브랜즈
![[레벨:10]](./modules/point/icons/default/10.gif "포인트:9275point (85%), 레벨:10/30"){kind=icon}
안녕하세요. 잠순이입니다.
레이아웃 스킨 잘 사용하고있습니다.
1차 메뉴 => 2차 메뉴 => 메뉴 밖으로 마우스 이동 시에 2차 메뉴가 사라지면 더 좋지 않을까 생각해요.
제가 보기에는 아래처럼 바꾸면 가능하지 않을까 생각합니다. 3차 메뉴부터는 사용을 안해서 잘 모르겠네요...
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
{@ $menu_1st = $val }
<li<!--@if($val['selected'])--> class="on"<!--@end-->>
<a<!--@if($menu_1st['list'])--> onmouseover="clearMenu5();clearMenu4();clearMenu3();clearMenu2();clearMenu1();show('menu_{$mn}');" OnMouseOut="hide('menu_{$mn}');"<!--@else--> onmouseover="clearMenu5();clearMenu4();clearMenu3();clearMenu2();clearMenu1();"<!--@end--> href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onmousedown="window.open(this.href);return false;"<!--@end-->><span class="menu1st">{$val['link']}</span></a>
<!--@if($menu_1st['list'])-->
<!--2차 메뉴-->
<table id="menu_{$mn}" style="display:none;" onMouseOver="show('menu_{$mn}');" OnMouseOut="hide('menu_{$mn}');">
<tr>
<td bgcolor="#FFFFFF">
<!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])-->
{@ $menu_2nd = $val}
헉...댓글을 보니...원래는 사라지는 부분이 있었군요...그런 문제가 있었을 줄이야...
좋은자료 감사합니다^^*