레이아웃 스킨
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | 라이센스 그런거 없음..ㅋㅋ |
| 적용 버전 | 정식버전(1.0이후) |
XE 초보라 많이 엉성합니다. ㅠㅠ
다른 모듈 다룰줄도 모르면서 무식하게에 레이아웃 스킨 도전해 봤는데
(소스코드 한줄 지우고 살렸다하면서 기능파악함 -단순무식ㅋㅋ)
생각보다 뿌듯한 결과가 나와 고수님의 수정을 받고자 올려 봅니다.
여기 자료도 다 살펴보지 못했는데 중복이면....대략난감.
아 그리고
트리메뉴 (자바스크립트): http://www.destroydrop.com/javascripts/tree/
상단 header 배경 이미지 변경등 : http://www.zeroboard.com/zbxe_layout_skin/16554766
에서 도움을 받았습니다.
=========== 3/6 수정내용 ===================================
새창 띄우기, 1차 상단 메뉴 클릭시 트리 자동 오픈
변경 내용 :
<div id="dtree">
<script type="text/javascript">
d = new dTree('d');
var x,y,z,cnt;
x=0;
y=10;
z=100;
cnt=0;
d.add(0,-1,'main','','','');
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
x=x+1;d.add(x,0,"{$val['link']}",'{$val['href']}',''<!--@if($val['open_window']=='Y')-->,true<!--@end-->);
<!--@if($val['selected']) -->
cnt=x;
<!--@end-->
<!--@foreach($val['list'] as $key1 => $val1)--><!--@if($val1['text'])-->
y=y+1;d.add(y,x,"{$val1['link']}",'{$val1['href']}',''<!--@if($val1['open_window']=='Y')-->,true<!--@end-->);
<!--@foreach($val1['list'] as $key2 => $val2)--><!--@if($val2['text'])-->
z=z+1;d.add(z,y,"{$val2['link']}",'{$val2['href']}',''<!--@if($val2['open_window']=='Y')-->,true<!--@end-->);
<!--@end--><!--@end-->
<!--@end--><!--@end-->
<!--@end--><!--@end-->
document.write(d);
d.openTo(cnt, true);
</script>
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
</div>
아무리 해도 제 실력으론 만들지 못하구 침만 흘리다 "빽짱구"님의 홈피에 적용된 걸 보니 도저히 못 참겠네요...
결국 "빽짱구"님의 자세한 도움으로 쫑득이님의 너무도 멋진 트리메뉴 다는 데 성공했습니다...ㅋㅋ
저 오늘 밤샜습니다...으윽...새벽 5시 24분 지나고 있네요...
와..이것 대박입니다... 넘 멋지네요...
빽짱구님과 쫑득이님 넘 고맙구요...
두가지 질문이 있어서 글을 남깁니다.
첫번째는
트리메뉴를 달았는데 메뉴중 몇 가지 메뉴는 클릭하면 새창열기가 되도록 지정을 하고 싶습니다.
메뉴 관리자 화면으로 들어가 지정을 해도 막상 트리메뉴의 해당 메뉴를 클릭하면
새창뜨기가 아닌 페이지가 전환만 됩니다...똑같은 메뉴도 상단의 메뉴는 새창뜨기가 되는데 트리메뉴는 안되거든요...
이것 좀 새창뜨기로 도와주세요...
두번째는 메뉴이름중 l'aube 처럼 ' (작은따옴표) 표시를 넣고 싶은 메뉴가 있습니다.
근데 이 기호를 넣으면 아예 하위메뉴 전체가 화면에서 사라져 버리는 현상이 나타납니다...
이 기호를 넣을 수 있는 방법은 없나요? 기존의 제로보드는 메뉴에 넣을 수 있었거든요...
고맙습니다....기다리겠습니다...
4시간 자고 또 컴퓨터 앞입니다...
덕분에 홈피 정말 맘에 드네요...^^
-----------------------------------------------
방금 말씀하신대로 해봤거든요...
그랬더니 트리메뉴는 l'aube 처럼 나오는데
제로보드 상단메뉴는 l/'aube 처럼 이상하게 바뀌어서 나옵니다...가능하면 이것두 쫌...^^
정말 죄송하지만 하나 더 부탁드릴께요...^^
트리메뉴의 최상위 메뉴를 클릭하면 하위메뉴가 자동으로 펼쳐지게 할 수는 없나요?
물론 모두 열기를 하면 되지만...
+ 표시를 누르기보다는 자연스럽게 폴더그림으로 된 상위메뉴를 누르게 되거든요...
혹 가능하시면 이것까지 첨부해주세요^^
너무 요구만 해서 죄송합니다...
쫑득이님 고맙습니다... 잘 사용하겠습니다.
복잡하구 꽉 찬걸 좋아하지 않아서 최대한 단순하게 하려다
님의 메뉴보고 이거다 싶었는데 보면 볼수록 맘에 드네요...
특히 적용하는데 있어서 자세하게 설명해주신 빽짱구님 고맙습니다.
안녕하세요 ;ㅂ;
일단 적용해본후 아 좋다 라고생각해서
트리메뉴만 빼가서 사용하고있는 1人입니다 =ㅂ=;
다름이아니라.. 제홈페이지가 지금 4차메뉴까지 사용중인데.
이건 2차메뉴까지밖에 않되더군요.
그래서 나름노력해봣지만 3차메뉴까지는 됫습니다!
문제는 앞쪽 폴더가 표시않된다는게 흠이지만...
그래서말인데 x차메뉴까지 추가하는방법을 가르켜주셧으면 합니다 ;ㅂ;
자바스크립트 소스까지 손대실필요는 없구요.
layout.html의 메뉴 부분에서 변수(i,j) 추가하시고 루프문 한번 더 돌려주시면 됩니다.
다음과 같이요.
<div id="dtree">
<script type="text/javascript">
d = new dTree('d');
var x,y,z,i,j,cnt;
x=0;
y=10;
z=100;
i=200;
j=300;
cnt=0;
d.add(0,-1,'main','','','');
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
x=x+1;d.add(x,0,"{$val['link']}","{$val['href']}",''<!--@if($val['open_window']=='Y')-->,true<!--@end-->);
<!--@if($val['selected']) -->
cnt=x;
<!--@end-->
<!--@foreach($val['list'] as $key1 => $val1)--><!--@if($val1['text'])-->
y=y+1;d.add(y,x,"{$val1['link']}","{$val1['href']}",''<!--@if($val1['open_window']=='Y')-->,true<!--@end-->);
<!--@foreach($val1['list'] as $key2 => $val2)--><!--@if($val2['text'])-->
z=z+1;d.add(z,y,"{$val2['link']}","{$val2['href']}",''<!--@if($val2['open_window']=='Y')-->,true<!--@end-->);
<!--@foreach($val2['list'] as $key3 => $val3)--><!--@if($val3['text'])-->
j=j+1;d.add(i,z,"{$val3['link']}","{$val3['href']}",''<!--@if($val3['open_window']=='Y')-->,true<!--@end-->);
<!--@end--><!--@end-->
<!--@end--><!--@end-->
<!--@end--><!--@end-->
<!--@end--><!--@end-->
document.write(d);
d.openTo(cnt, true);
</script>
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
</div>
간단하고 쉬운방법 가르켜주셔서 감사합니다.
그렇지만 질문이 하나 더 남는군요
쫑득이님께서 가르켜주시고 참조하셧던 이곳 트리메뉴 강좌페이지(?)에는
http://www.destroydrop.com/javascripts/tree/
메뉴가 무한대로 일어나는것같은데...
아니면 혹시 저쪽에서 그렇게설정한건진 몰라도...
일단 쫑득이님이 가르켜주신데로하시면 무한대로 생성이 가능하다 그말씀이죠?







레이아웃 기능부여할때 기초토대가 절실히 되겠네요~^^
디자인만 이쁘게 잡아주면 최고일듯 한데요!
제 개인 홈페이지 만들때 유용하게 써야겠군요.
감사합니다.^^