단순 깔끔한 탭형 서브메뉴 정보
기타 단순 깔끔한 탭형 서브메뉴
관련링크
첨부파일
본문
Menter 입니다.재가 쓰려고 그룹 서브 메뉴 만들어서 공개를 해 봅니다 ~^^
NHN디자인의 탭 메뉴를 기반으로 만들었습니다
사용 방법은 :
1. 첨부일을 include 에 옮깁니다. (다른 폴더도 상관 없습니다.)
2. <?include_once("$g4[path]/include/sub_tab.php");?>
로 출력 해주시면 됩니다.
사용 안내 :
1. 출력 순서는 게시판 검색 순서 입니다.
2. 게시판 권한보다 높을시 출력 됩니다.
3. 첫번째 탭에 그룹 최신글 탭을 넣었습니다. ( 이용 하시지 않을 분은 주석처리나 그 부분은 삭제 해주세요.)
특징 :
단점
ㄱ. 영어와 한글 문자 혼합시 크기가 맞지 않습니다.
( 이 부분을 재가 볼줄 몰라서 보다가 포기 했습니다.그로 인해 저는 한글로 통일 했습니다.)
이 점 수정 가능 하시다면 수정 해 주시면 감사하겠습니다 ^^
ㄴ. 서브 메뉴가 2줄 이상 출력시 확인을 안해 보았습니다. 그래서 2줄 이상 출력 후 어떻게 나올지 모르겠네요.
장점
ㄱ. 드롭 다운 메뉴를 사용 하시는 분들은 바디 부분을 넓게 쓰실수 있습니다.
ㄴ. 게시판 권한에 맞게 출력되며 위치 선정이 간단 합니다.
ㄷ. 단순하고 깔끔 합니다.
미리 보기는 링크 1번을 통해 확인하실수 있으며
탭 메뉴 소스 출저는 http://html.nhndesign.com/ui_library/src/pattern/menu/jcm/tab_line.html
NHN에서 공개한 디자인 입니다.
( http://html.nhndesign.com/ui_pattern_menu )
추천
8
8
댓글 전체
감사합니다 ^^
유용하게 쓰겠습니다 ^^
유용하게 쓰겠습니다 ^^
고맙습니다
중순께나 한번 써봐야 겠습니다. 후 다운로드 선! 추천!!!
감사합니다!
감사합니다!
화... 이런 곳도 있었군요... 좋은 정보 공개해주셔서 감사합니다!!! :)
감사합니다......
다운 받았는데 압축파일에 sub_tap.php 파일이 없네요
오 멋있습니다.^^좋은 자료감사합니다.
좋은 탭형 서브메뉴 감사드립니다~ ^^
위 사람중 써본사람 한명밖에 없네요. 전부 써보지도 않고 와 감사합니다.
기본 파일이름부터 틀린데 하나도 안되요. 뒤에오신분 참고하세요
기본 파일이름부터 틀린데 하나도 안되요. 뒤에오신분 참고하세요
기본파일이름은 잘못 저장하신 듯 합니다. ^^
sub_tab 이라고만 되어있는데, 열어서 내용보시고 sub_tab.php 라고 저장하시면 됩니다.
그럼 menu.css 랑 sub_tab.php 두개 파일이 되는데, 적당한 위치에 업로드 하시고 적용하시면 됩니다.
저같은 경우에
sub_tab.php 상단에 munu.css 적용하는부분 소스를
두 파일 모두를 그누폴더에 올려놓고
sub_tab.php 상단 css 링크부분만
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/menu.css"> 로 바꿔서
출력하고싶은곳에 (게시판 상단이나 group.php 상단 등 gr_id 정보가 있는곳)
<?include_once("$g4[path]/sub_tab.php");?> 로 적용하니 잘 됩니다.
적용 안해보신게 아니라 잘 사용하시는 분들은 이리저리 손봐서 사용하시니까 그런겁니다.
물론 첨 접하시는 분들에겐 하나하나가 모두 어렵지만요... ^^
멘토님 감사합니다. ㅎㅎ
sub_tab 이라고만 되어있는데, 열어서 내용보시고 sub_tab.php 라고 저장하시면 됩니다.
그럼 menu.css 랑 sub_tab.php 두개 파일이 되는데, 적당한 위치에 업로드 하시고 적용하시면 됩니다.
저같은 경우에
sub_tab.php 상단에 munu.css 적용하는부분 소스를
두 파일 모두를 그누폴더에 올려놓고
sub_tab.php 상단 css 링크부분만
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/menu.css"> 로 바꿔서
출력하고싶은곳에 (게시판 상단이나 group.php 상단 등 gr_id 정보가 있는곳)
<?include_once("$g4[path]/sub_tab.php");?> 로 적용하니 잘 됩니다.
적용 안해보신게 아니라 잘 사용하시는 분들은 이리저리 손봐서 사용하시니까 그런겁니다.
물론 첨 접하시는 분들에겐 하나하나가 모두 어렵지만요... ^^
멘토님 감사합니다. ㅎㅎ