링크1은 공식 업데이트배포장소
링크2는 테스트 게시판입니다.

# 이 스킨의 스타일 시트를 적용하기 위해서 그누보드 일부분의 수정이 필요합니다. #


mobile_core_utf8 : 그누보드 4용 게시판스킨/ 첫번째 배포


mobile_core_utf8.7z  : 2009년 12월 30일자 업데이트입니다.



본 스킨은 그누보드4에 포함되어 있는 basic 스킨을 변형해서 만든 UTF-8 용 스킨입니다.
현재 버전은 완성된 상태는 아니며 앞으로도 많은 수정보안을 해야하는
조금은 어설픈 상태이지만 기본적인 작동에는 큰 무리는 없습니다.


기본 폰트로 윈도우즈 비스타/윈도우즈7에 포함된 '맑은고딕'을 사용하고 있으며
이 폰트가 없다하더라도 사용상에 큰 무리가 없습니다.


윈도우/리눅스/맥오에스의 익스플로러, 파이어폭스, 구글크롬, 싸파리등
다양한 브라우저로 테스트 중이며
브라우저간 표현방식차이로 약간씩 모습이 다릅니다.


일단 제작자가 그누보드 초보이다 보니...
앞으로 많이 공부하고 연습해야 좀 그럴듯한 모습을 갖출것 같습니다.


본 게시판은 1단 구성을 꾸미는 사이트에 좀 더 어울리도록 만들었습니다.
모바일기기에서도 읽도록하는것이 목표였는데 정작 저는 스마트폰이 없어서..
모바일기기에서 동작하는 부분은 확인을 못해보고 있습니다. ㅎㅅㅎ;


# 스킨을 정상적으로 동작 시키기위해서 그누보드를 수정하는 부분이 있습니다. #


그누보드는 디폴드값으로 자체 스타일이 지정되어 있습니다.

이 디폴트 값 때문에 중복되는 부분의  css가 정상적으로 동작하지 않습니다.

그래서 디폴트값인 그누보드루트에 있는 style.css  대신에 스킨에 포함된 style.css를 사용하도록 링크를 변경해주셔야 스킨이 모양이 제대로 나옵니다.

그누보드 루트(index.php가 있는 디렉토리)에 보면 head.sub.php 라는 파일이 있습니다.

이 파일을 열어서 50번째 줄? 51번째 줄? 쯤에 보시면

<link rel="stylesheet" href="./<?=$g4[path]?>/style.css" type="text/css">

라는 내용이 보이실 겁니다.


이게 기본값 스타일인데 이녀석 때문에 중복되서 css 가 안먹습니다.


그래서 이것을 아래와 같이 고칩니다.

<link rel="stylesheet" href="./<?=$board_skin_path?>/default.css" type="text/css"> 
// 게시판 스킨에서 제공하는 css을 불러옵니다.
<link rel="stylesheet" href="./<?=$g4[path]?>/style.css" type="text/css">
// 기본으로 제공되는 css도 불러옵니다.


그리고 나서

기본으로 제공되는 스타일 시트에서 중복되는 부분을 처리해보겠습니다.

그누보드루트 폴더에 있는 style.css를 메모장으로 불러서 수정합니다.


http://skin.mozoki.com/bbs/board.php?bo_table=mobile&wr_id=29&page=0


자세한 내용은 링크를 참조하세요. 계속 업데이트 됩니다.




#




* 배포/업데이트가 이루어지는 주소는 아래와 같습니다. *


http://www.mozoki.com/17324






* 테스트 게시판은 아래 링크를 이용해주세요 *


http://skin.mozoki.com/bbs/board.php?bo_table=mobile



# CSS를 정리하기 위해서 수정한 부분이 있습니다.#
~그누보드 설치경로/js/sideview.js


이 파일은 작성자 아이디를 클릭할때 레이어로 뜨는 사이드메뉴를 동작시키는 파일인데요
여기에 스타일시트를 적용하기위해서 수정한 부분이 있습니다.
http://skin.mozoki.com/bbs/board.php?bo_table=mobile&wr_id=25

자세한 사항은 링크의 게시물을 참조해주세요.


# 그누보드의 경우에는 스타일시트가 완벽하게 분리되어 있지 않아서 앞으로도 손을 좀 더 대야할 것 같습니다. #
XE의 경우에는 과하다 싶을 정도로 따로따로 조각조각 뜯어놔서 초보자가 손대기 엄두가 안납니다만..
그누보드의 경우는 열어보면 태그 중간중간에 스타일이 섞여있고 디폴트값으로 style.css 파일이 걸려있습니다.
그런데 각각의 스킨을 적용하려면 이 디폴트값이나 중간에 섞여있는 스타일들이 걸리적 거리는 경우가 있지요.
그래서 따로 떼서 css로 따로 만들어 놓으면 스타일 적용하는데 훨씬 도움이 되지 않을까 싶습니다.

예를 들자면
~그누보드루트/css/ 라는 폴더를 하나 만들어서  여기는 시스템에서 사용하는 스타일을 전부 넣고
각각의 스킨 파일에 해당하는  css 파일은 각각 스킨폴더에서 불러오는 방식이면
스킨을 만들기 참 편리할것 같습니다.
개인적으로야 시간나면 이런 작업을 해볼 수도 있겠지만...
그누보드 업데이트 될때마다 매번 까뒤집는 꼴이 되어버리면... 답답하겠지요..
되도록이면 이부분은 그누보드 개발하시는 분들이 조금 고려해주시면 스킨 만들기 편리할 듯 싶습니다.

아직 제가 XE에서 넘어온지 3일 밖에 안되서 그누보드쪽은 잘 모릅니다...
여러 고수님들의 많은 지도와 조언을 부탁드립니다.
그럼 좋은 시간 되세요..