CSS로 만든 게시판 리스트

CSS로 만든 게시판 리스트 > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

CSS로 만든 게시판 리스트 정보

기타 CSS로 만든 게시판 리스트

첨부파일

bolist.zip (2.6K) 30회 다운로드 2008-06-12 08:37:18

bolist.lib.php (696byte) 2회 다운로드 2008-06-12 08:22:07

본문

Wiki 같은 사이트를 만들기 위해 디자인 하다가.. 게시판 목록 들을 이쁘게 보여줘야 겠다는 생각에 만들게 되었습니다.

스샷 그림은 이 스킨을 사용했을 경우 파이어폭스와 익스플로러에서 다르게 보이게 되어서 두개다 올렸습니다. 이유는 파이어폭스는 모든 기능이 잘동작하여 박스안의 속이 채워진 박스도 둥글게 보이지만 항상 문제는익스플로러...!!
익스플로러 버그로 인해서 너비와 높이를 지정하지 않으면 박스가 1픽셀씩 커지거나 작아지는 현상이 발생합니다.
항상 작아지거나 커지면 익스플로러 핵을 이용해 수정하면 되지만, 한글로 홀수글자이면 너비가 밀리고 짝수글자면 재대로 표현됩니다.
그리고 영어가 들어가게 되면 높이가 밀리기 때문에 구현불가능하게됩니다.
그래서 익스플로러에서는 너비높이를 정하지 않은 박스는 사용불가능 합니다.
그러나 1픽셀씩 벗어나서 보기싫을 것을 감안하고서라도 사용한다면 충분히 사용가능합니다.^^;;

설치방법 입니다.

1. bolist.lib.php파일을 다운받아 그누패스/lib/ 폴더에 복사합니다.

2. bolist 파일을 다운 받아 압축을 해제합니다.

3. bolist 폴더내부에는 basic스킨이 존재합니다.

4. bolist폴더를 통째로 skin폴더에 복사합니다.

5. 사용을 원하는 페이지 상단에 다음 코드를 추가합니다.
=====================================
<?
include_once("$g4[path]/lib/bolist.lib.php");
?>
=====================================

6. 리스트가 삽입되고자 하는 곳에 아래코드를 넣어주면 됩니다.
=====================================
<?=bolist("basic", "Programming", 300, 200);?>
=====================================
첫번째 인자값은 스킨명이고, 두번째 인자값은 그룹명입니다.
나머지 인자값은 너비와 높이 값입니다.

이렇게 하면 그룹내에 존재하는 게시판리스트를 스크린샷과 같이 출력해 주게 됩니다.

여기에 사용된 모서리가 둥근 박스를 만드는 방법은
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=15862
여기에 적어 놨습니다.