그룹별 게시판 메뉴처리 Chrome CSS Drop Down Menu
링크
http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm (2333) http://www.threes.org/bbs/board.php?bo_table=bwork&wr_id=328 (445)
Chrome CSS Drop Down Menu FF1+ IE5+ Opr7+
데모는 링크1을 참고하세요.
적용화면은 첨부 이미지 참고하세요.
스타일 적용에 따라서 4가지 모습으로 적용가능합니다.
* 적용방법
1. 첨부파일을 다룬로드 받아 압축을 푼다
2. chromemenu 폴더를 그누보드 설치의 루트 디렉토리에 생성한다.
3. chrometopmenu.php 를 그누보드 루트 디렉토리에 카피한다.
4. 메뉴를 출력하고 싶은 php에서 다음 처럼 위 3번의 chrometopmenu.php를 인클루드한다.
<?include_once("$g4[path]/chrometopmenu.php");?>
* 스타일 변경 방법
chrometopmenu.php 상단에서 스타일 링크의 스타일 파일명을 다음중 하나로 변경한다.
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/chromemenu/chromestyle.css" />
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/chromemenu/chromestyle2.css" />
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/chromemenu/chromestyle3.css" />
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/chromemenu/chromestyle4.css" />
데모는 링크1을 참고하세요.
적용화면은 첨부 이미지 참고하세요.
스타일 적용에 따라서 4가지 모습으로 적용가능합니다.
* 적용방법
1. 첨부파일을 다룬로드 받아 압축을 푼다
2. chromemenu 폴더를 그누보드 설치의 루트 디렉토리에 생성한다.
3. chrometopmenu.php 를 그누보드 루트 디렉토리에 카피한다.
4. 메뉴를 출력하고 싶은 php에서 다음 처럼 위 3번의 chrometopmenu.php를 인클루드한다.
<?include_once("$g4[path]/chrometopmenu.php");?>
* 스타일 변경 방법
chrometopmenu.php 상단에서 스타일 링크의 스타일 파일명을 다음중 하나로 변경한다.
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/chromemenu/chromestyle.css" />
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/chromemenu/chromestyle2.css" />
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/chromemenu/chromestyle3.css" />
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/chromemenu/chromestyle4.css" />
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 4개
잘 쓰겠습니다^^
한가지 아쉬운점이 있다면...
상단 메뉴 출력이 그룹ID로 나오는군요.
그룹제목으로 출력이 되었으면 더 좋은데 말이죠!
그부분은 chrometopmenu.php 파일의 19라인에 있는 아래의 내용을 변경하시면 됩니다.
변경전 :
$headmenu .= "<li><a href='#' rel=$rowgr[gr_id]>$rowgr[gr_id]</a></li>\n";
변경후 :
$headmenu .= "<li><a href='#' rel=$rowgr[gr_id]>$rowgr[gr_subject]</a></li>\n";