조그에서는 무지 많이 이용하는 방법입니다. 거의 이런 방법으로 유지 하고 있죠. 요즘 불여우에서도 잘 작동합니다.
$i_url 값이 있을때... $d2를 iframe 값을 치환 하는 방법입니다.
index.php 파일에서
PHP코드:
break;
}
if (strpos($d1, "")) $d1 = str_replace("", get_guest(), $d1);
의 break; 바로 위에 아래 소스 삽입 - 아이프레임 리사이즈 스크립트는 바꿔도 상관없음..
PHP코드:
//아이프레임 지버넣기...
/************************************************** *******************/
if($i_url) {
$d2 = "
<SCRIPT>
<!--
//아프레임 리사이즈
function resizeFrame(iframeObj){
var innerBody = iframeObj.contentWindow.document.body;
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
var innerWidth = innerBody.scrollWidth + (innerBody.offsetWidth - innerBody.clientWidth);
iframeObj.style.height = innerHeight;
iframeObj.style.width = innerWidth;
}
//-->
</SCRIPT>
<iframe frameborder=0 scrolling='no' width='100%' src='$i_url' onload='resizeFrame(this)'></iframe>
";
}
/************************************************** *******************/
그 다음에 제로보드를 링크시켜주고 싶은 곳에 아래와 같이 넣어줍니다
<a href="index.php?i_url=경로명/게시판명">링크이름</a>
예) 만약에 제로보드에 free 라는 이름으로 자유게시판 하나를 만들었다고 합니다
그러면 이렇게 넣어주면 되겠죠
<a href="index.php?i_url=/zero/zboard.php?id=free>자유게시판</a>
제 블로그에서 처럼 카테고리 밑에 트리로 적용하고 싶으면 아래 Tip을 적용해 주면 됩니다
닫기..
먼저, 아래 tree.zip을 다운받습니다
 | Tree.zip (7.2 KB) |
|
| |
압축을 풀어서 dtree폴더와 dtree.js 을 스킨폴더 안으로 넣습니다
dtree.js를 열으셔서
13라인에 var path = "상대경로/dtree/";
경로를 수정해줍니다
예) var path = /tt/skin/_skyrejoice_v3.9/dtree/";
tree.html 에 있는 내용을
skin.html로 모두 가져와야 합니다
아래 부분을 모두 <head>와 </head>사이에 넣습니다
<script language="JavaScript" src="./dtree.js"></script>
<style>
.dtree {
font-family: 굴림, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: "#00809e";
white-space: nowrap;
}
.dtree img {
border: 0px;
vertical-align: middle;
}
.dtree a {
color: "#00809e";
text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
white-space: nowrap;
padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
text-decoration: none;
}
.dtree a.nodeSel {
/*background-color: #000000;*/
color: "#00809e";
}
.dtree .clip {
overflow: hidden;
}
</style>
그다음에
[##_category_##]를 검색하셔서
아래 내용을 그 밑에 넣어줍니다
즉, 카테고리 부분을 찾으셔서 그 아래 넣어주시면 됩니다
<div style="margin:5 0 0 0" align="left" class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,' <font color="#00809e">Board</font>');
d.add(1,0,' <font color="#00809e">방명록</font>','index.php?md=guest');
d.add(10,0,' <font color="#00809e">게시판</font>');
d.add(1,10,' <font color="#00809e">Study</font>','index.php?i_url=/zero/zboard.php?id=게시판이름');
d.add(2,10,' <font color="#00809e">Music</font>','index.php?i_url=/zero/zboard.php?id=게시판이름');
d.add(3,10,' <font color="#00809e">자료실</font>','index.php?i_url=/zero/zboard.php?id=게시판이름');
document.write(d);
//-->
</script>
</div>
[##_1C|072176.jpg|width="154" height="116"| _##]
위에 자바스크립트를 설명하자면
d.add(0,-1,'
Board'); --- 이부분은 트리메뉴 맨위에 올라가는 이름으로 -1 속성을 줍니다
다음부터 트리 메뉴를 포함시켜 나가면 됩니다
d.add(1,0,'게시판명')
d.add(1,2,'게시판명')
d.add(1,3,'게시판명')
이런식으로 트리메뉴를 증가시켜나가면 됩니다
저는 그냥
d.add(1,0,'게시판명') 다음에 그냥 d.add(10,0,'게시판명') 을 줬습니다..번호를 그냥 건너뛰어서 줘도 상관없습니다
그 다음에 d.add(1,0,'게시판명') 다음에
서브메뉴를 줄려면
d.add(1,1,'게시판명')
d.add(2,1,'게시판명')
d.add(3,1,'게시판명')
이런식으로 증가시켜주면 됩니다
d.add(2,0,'게시판명') 다음에 서브메뉴를 줄려면
d.add(1,2,'게시판명')
d.add(2,2,'게시판명')
d.add(3,2,'게시판명')
이런식으로 증가시켜주면 되겠죠...
understand !!!
『
d.add(1,0,' 이름',』 뒤에 링크주소가 들어가면 해당주소를 링크해줄수 있습니다
아래처럼
d.add(1,0,' 게시판명','링크주소');
예)
d.add(1,0,' 방명록','index.php?md=guest');
d.add(1,2,' 자유게시판','index.php?i_url=/zero/zboard.php?id=free');
d.add(2,2,' 자료실','index.php?i_url=/zero/zboard.php?id=pds');
이제［##_category_##］ 밑에 들어가는 내용도 자신에 맞게 재수정할 수 있겠죠....?
이렇게 해도 이해안된다면 어쩔수 없구요...
그냥 이해하시기 바랍니다
understand !!!
다음 설치 과정으로 넘어가봅니다
게시판을 iframe으로 넣었을 경우 테터에 있는 페이지 번호가 같이 보여 보기 안좋은데
이때 해결해 줄 수 있는 방법
index.php 495라인쯤에 다음과 같은 내용을
PHP코드:
$d1 = str_replace("[##_s_paging_rep_##]", $buf, $d1);
$d1 = str_replace("[##_prev_page_##]", $prev_page, $d1);
$d1 = str_replace("[##_next_page_##]", $next_page, $d1);
아래와 같이 바꿔주면 게시판 페이지번호 밑에
테터 페이지번호가 보이는 걸 안보이게 할 수 있음
PHP코드:
/******************************************************************/
////////// 제로보드를 설치했을 때 페이지 번호 안겹쳐보이도록 하기
if($i_url != "") {
$d1 = str_replace("[##_s_paging_rep_##]", "", $d1);
$d1 = str_replace("[##_prev_page_##]", "", $d1);
$d1 = str_replace("[##_next_page_##]", "", $d1);
} else {
$d1 = str_replace("[##_s_paging_rep_##]", $buf, $d1);
$d1 = str_replace("[##_prev_page_##]", $prev_page, $d1);
$d1 = str_replace("[##_next_page_##]", $next_page, $d1);
}
/******************************************************************/
이제 모든 설치과정을 마쳤습니다
<추가사항>
태터툴즈 Next, Prev 버튼 감추기
※제가 배포한 스킨을 사용중이시라면 아래 부분을 적용시키지 않으셔도 됩니다
태터툴즈에?포스트 아래에 Next, Prev 에서 링크가 걸리지 않았는데 보이면 좀 찜찜 할때가 있습니다.(저만 그런가 -_-;)
다음과 같이 id를 지정합니다.
<a
[##_prev_page_##
] id="prevAnchor">[PREV]</a>
<a
[##_next_page_##
] id="nextAnchor">[Next]</a>
다음 자바스크립트를 HTML 문서 마지막에 넣습니다.
(위에서 보여준 HTML 코드보다 밑에 있어야 합니다.)
<SCRIPT language="javascript">
if(document.getElementById("prevAnchor").href == ""){
document.getElementById("prevAnchor").style.display = 'none';
}
if(document.getElementById("nextAnchor").href == ""){
document.getElementById("nextAnchor").style.display = 'none';
}
</SCRIPT>