테스트 사이트 - 개발 중인 베타 버전입니다

그룹별 게시판 메뉴처리 Chrome CSS Drop Down Menu

chrometopmenu.jpg
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" />

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

유용한 메뉴 올려주셨네요.
잘 쓰겠습니다^^

한가지 아쉬운점이 있다면...
상단 메뉴 출력이 그룹ID로 나오는군요.
그룹제목으로 출력이 되었으면 더 좋은데 말이죠!
제목으로 할려고 생각하고선 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";
꼭 필요했던건데..^^ 감사합니다.
고맙습니다. 좋은 정보 ^_^

게시판 목록

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
글쓰기
🐛 버그신고