0
조회 수 : 4936 신고 : 0
제로보드 스킨 자료실에 트리구조 메뉴 레이아웃 보다가 이곳까지 흘러 들어왔습니다.
음...그동안 제로보드 관련 고수님들의 사이트 많이 다녀봤지만 님의 사이트가 제일 맘에 드네요
.....물론 제 개인적인 취향이지만...ㅋㅋㅋ
저...혹시 이 사이트 레이아웃 제로보드에 올려주시면 안되나요?
솔직히 실력만 되면 님의 사이트 흉내라도 내고 싶은데...그정도는 안되고...
염치없이 고생해서 만든거 얻어쓰고 싶은 맘에....
밝으면서도 부드러운 푸른계열 색감도 맘에 들고 트리메뉴를 넘 깔끔하게 적용하신 것도 맘에 들고...
하옇튼 다 맘에 드네요....
괜찮으시다면 이런 좋은 레이아웃 꼭 좀 쓰게 해주세요...
좋은 사이트 구경해서 기분이 넘 좋네요... 종종 들어오겠습니다...
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
댓글 '13'
flowerrain.myid.net/ (560156) 에 대한 댓글
네 또 오셨네요.^^
xe 공식 레이아웃도 제 사이트와 마크업은 크게 다를게 없습니다. css 에서 수정만 된것이라고 할수 있습니다.
그럼 설명을 드릴테니 순서대로 해보시면 될듯합니다.
1. 트리메뉴 레이아웃을 다운받아서 경로에 맞게 xe공식스킨에 똑같이 업로드 합니다.
images 폴더안에 dtree_img 와 js 폴더에 dtree.js 를 말합니다. 이두개만 똑같은 위치에 업로드를 하시면 됩니다.
2. xe공식스킨의 layout.html 파일을 열어서 상단 <!--%import("js/xe_official.js")--> 아래 <!--%import("js/dtree.js")--> 를 추가합니다.
그리고 아래소스를
<!-- 왼쪽 2차 메뉴 -->
<img src="./images/blank.gif" alt="" class="mask" />
<!--@if($menu_1st)-->
<ol id="lnb">
{@ $idx = 1 }
<!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a>
<!-- main_menu 3차 시작 -->
<!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )-->
<ul>
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])-->
<li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['link']}</a></li>
<!--@end--><!--@end-->
</ul>
<!--@end-->
</li>
{@$idx++}
<!--@end--><!--@end-->
</ol>
<!--@end-->
</div>
아래 소스로 바꿔줍니다.
<!-- 왼쪽 2차 메뉴 -->
<div id="dtree">
<script type="text/javascript">
d = new dTree('d');
var x,y,z;
x=0;
y=10;
z=100;
d.add(0,-1,'main','{$layout_info->index_url}','','');
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
x=x+1;d.add(x,0,'{$val['link']}','{$val['href']}');
<!--@foreach($val['list'] as $key1 => $val1)--><!--@if($val1['text'])-->
y=y+1;d.add(y,x,'{$val1['link']}','{$val1['href']}');
<!--@foreach($val1['list'] as $key2 => $val2)--><!--@if($val2['text'])-->
z=z+1;d.add(z,y,'{$val2['link']}','{$val2['href']}');
<!--@end--><!--@end-->
<!--@end--><!--@end-->
<!--@end--><!--@end-->
document.write(d);
</script>
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
</div>
3. xe공식스킨의 적용하실려는 css 파일을 열어서 적당한 위치에 아래소스를 넣습니다.
/* Dtree lnb */
#dtree { padding:10px 0 0 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; }
#dtree img { border: 0; vertical-align: middle; }
#dtree a { color: #333; text-decoration: none; }
#dtree a.node { white-space: nowrap; padding: 1px 2px 1px 2px; }
#dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }
#dtree a.node:hover { color: #333; text-decoration: underline; }
#dtree a.nodeSel:hover { color: #333; text-decoration: underline; }
#dtree a.nodeSel { background-color: #fff; }
#dtree .clip { overflow: hidden; }
#dtree p { padding:0 10px 0 0; text-align:right; }
4. js 폴더의 dtree.js 파일을 여시고 아래 소스를 찾습니다.
var dtree_icon_path = "./layouts/jjang/images/dtree_img/";
위소스를 xe공식스킨이름 xe_official 로 바꿔줍니다. 그럼다음과 같아지겠네요.
var dtree_icon_path = "./layouts/xe_official/images/dtree_img/";
이상입니다.^^
마지막으로 하위메뉴가 나오게 할려면 관리자에서 메뉴에 가셔서 하위메뉴 추가를 해주시면 자동으로 붙습니다.
됐어요...ㅋㅋㅋ..
장장 4시간 가까이 고생했습니다.
특히 님의 소스도 제대로 적용못해서 지금시간 새벽 2시50분까지 헤매다 결국 성공했습니다..ㅋㅋㅋ
넘 고맙습니다. 아직 제 홈피엔 적용못하구 파란호스팅에 연습했는데 성공했네요...
휴...하위메뉴하나 못 만들어서 님의 소스가 잘못된게 아닌가 의심했었는데...
넘 기쁩니다.ㅋㅋㅋ
정말 고맙습니다...모르는거 있으면 자주 물어볼께요...
이젠 잠좀 자야 겠습니다...
이런 걸 마음대로 다루는 님들이 넘 부럽네요...
눈아프고 다리는 쥐오고...근데 기분은 넘 좋네요....안녕히 주무세요...^^
덕분에 멋지게 달았습니다...
근데 궁금한게 있어서 이렇게 다시 또, 자꾸, 귀찮게, 염치없이 글을 남깁니다....
트리메뉴를 달았는데 메뉴중 몇 가지 메뉴는 클릭하면 새창열기가 되도록 지정을 하고 싶습니다.
메뉴 관리자 화면으로 들어가 지정을 해도 막상 트리메뉴의 해당 메뉴를 클릭하면
새창뜨기가 아닌 페이지가 전환만 됩니다...
이것 좀 새창뜨기로 도와주세요...
두번째는 메뉴이름중 l'aube 처럼 ' (작은따옴표) 표시를 넣고 싶은 메뉴가 있습니다.
근데 이 기호를 넣으면 아예 하위메뉴 전체가 화면에서 사라져 버리는 현상이 나타납니다...
이것도 도와주세요...^^
그리구 제가 넘 염치없이 부탁만 드려 정말 죄송해요...
이 글은 제로보드의 이 스킨에도 달아놓을께요...
그래도 막상 달고 나니 넘 멋지네요...ㅋㅋㅋ
이젠 정말 잘렵니다. 내일 일할 것 생각하니 걱정입니다...
덕분에 멋지게 달았습니다...
근데 궁금한게 있어서 이렇게 다시 또, 자꾸, 귀찮게, 염치없이 글을 남깁니다....
트리메뉴를 달았는데 메뉴중 몇 가지 메뉴는 클릭하면 새창열기가 되도록 지정을 하고 싶습니다.
메뉴 관리자 화면으로 들어가 지정을 해도 막상 트리메뉴의 해당 메뉴를 클릭하면
새창뜨기가 아닌 페이지가 전환만 됩니다...
이것 좀 새창뜨기로 도와주세요...
두번째는 메뉴이름중 l'aube 처럼 ' (작은따옴표) 표시를 넣고 싶은 메뉴가 있습니다.
근데 이 기호를 넣으면 아예 하위메뉴 전체가 화면에서 사라져 버리는 현상이 나타납니다...
이것도 도와주세요...^^
그리구 제가 넘 염치없이 부탁만 드려 정말 죄송해요...
이 글은 제로보드의 이 스킨에도 달아놓을께요...
그래도 막상 달고 나니 넘 멋지네요...ㅋㅋㅋ
이젠 정말 잘렵니다. 내일 일할 것 생각하니 걱정입니다...