스킨속에 또 다른 스킨 `헤드스킨` 정보
일반 스킨속에 또 다른 스킨 `헤드스킨`
관련링크
첨부파일
본문
안정화 버전 출시 기념... 스킨 속에 또 다른 스킨 `헤드스킨` 출사표~
게시판의 헤드부분을 스킨화 하여,
같은 게시판 이라도 다른 게시판 스킨을 쓴 것 같은 느낌이 드는
스킨속에 스킨 `헤드스킨` 입니다.
이 헤드스킨의 가장 큰 장점은 스킨을 아무나, 아주 쉽게 만들 수 있다는 것입니다.
어떤 게시판의 헤드가 이쁘다면 그 부분을 스크린샷(화면복사=스샷, 이하 스샷)을 찍고 잘라서 폴더에 넣으면 끝!
초보자라도 이해만(이해하기 쉬움) 하면 1분안에 만들 수 있는 `헤드스킨` 입니다.
헤드스킨은 각 게시판의 bo_10 의 필드를 씁니다.
스킨은 하나지만, 각 게시판 마다 다르게 보여 줄 수 있습니다.
head 폴더가 헤드스킨의 스킨폴더들인데
안에 열어보면 너무 쉽게 되어 있고, sirini_01 이하 폴더는 직접 스샷을 찍어 제작 하였습니다.
sirini_01 은 sirini 님의 게시판의 상단부를 스샷을 이용, 스킨화 시킨것 입니다.
* 이 자릴 빌어 게시판의 활용도를 높이고자 하는 것이니,
해당 부분을 이용함에 원 스킨제작자님들에게 이해를 부탁드립니다.
basic_head_skin 는 5월 30일자 그누보드 basic 스킨을 헤드스킨화 한것.
head 는 헤드스킨들이 들어 있는 집합소.
board_form.php 는 adm/board_form.php 의 5월 30일자 board_form.php 를 헤드스킨화 한것
(실제 헤드스킨에서 활용될 이미지파일 3개.)
head_left.gif 는 좌측 헤드스킨 이미지
head_bg.gif 는 헤드스킨의 중앙(배경) 이미지.
head_right.gif 는 우측 헤드스킨 이미지
(css, 스샷, readme.tex 파일 3개)
readme.txt 는 만든, 도움, 활용된 사람의 관련된 내용을 넣습니다.
실제론 안보이는 저작권표시이며, 웹에서 해당 스킨경로/readme.txt 를 해야만 보입니다.
head_img.png 는 관리자모드에서 어떤 헤드스킨 형태인지 볼 수 있는 스크린샷 (600x40)
head_style.php 는 스타일 관련 css 담당하는 파일
이렇게 해서 헤드스킨 폴더 안에는 총 6개 파일이 들어갑니다.
처음 사용하기...
이 헤드스킨을 사용하려면 첨부파일된 파일들이 필요합니다.
첨부파일에는 `헤드스킨 폴더`들이 있으며,
`5월 30일자 그누보드 포에버 안정 버전`의 basic (basic_head_skin) 스킨 폴더가 들어있습니다.
basic 스킨을 list, view, write 의 상단만 수정하여 만든 것이 basic_head_skin 입니다.
basic_head_skin 를 그누보드 스킨폴더에 업로드 하고,
head 폴더 (안에는 헤드스킨의 스킨들이 많이 들어있음) 를 skin 폴더에 넣습니다.
그럼 head 폴더는 board 폴더와 나란히 있는 겁니다.
common.php 파일의 262 라인에 보시면
// 스킨경로
$board_skin_path = "$g4[path]/skin/board/$board[bo_skin]"; // 게시판 스킨 경로
가 있습니다. 위 부분 바로 아래에
// 헤드 스킨경로
$head_skin_path = "$g4[path]/skin/head/$board[bo_10]"; // 게시판 스킨 경로
를 추가 합니다.
마지막으로 amd/board_form.php 만 교체하면 됩니다.
board_form.php 파일은 5월 30일 최신 파일이니, 그대로 올리면 될 것입니다.
잘 맞게 설치 하셨다면 게시판 관리자모드에 스킨처럼 헤드스킨이 보기 좋게 있을 겁니다.
헤드스킨을 제작하였을때... 그누보드 일반 스킨을 업로드 하듯이
폴더에 넣어, head 폴더에 업로드 하면 됩니다.
그 후, 게시판 관리자모드에서 미리 지정된 스샷을 보면서 헤드스킨을 선택 후, 사용하면 됩니다.
자신이 만든 `이쁜 헤드스킨`이 있다면 서로 공유 했으면 좋겠습니다.
적용 및 참고 : http://o.oo.co.kr/
0
댓글 전체
멋집니다.
$head_left = 58;
$head_right = 58;
?>
head_style.php 에 위처럼 이미지에 따른 width 를 세팅해 놓구요,
<td width=""></td> 자리에는 아래 코드로 대체하면 되겠네요.
<td width="<?=$head_left?>"></td>
<td width="<?=$head_right?>"></td>
=======================================================
=========================================================
정렬이 조금 깨지네요.
gnuboard4/skin/board/basic_head_skin/list.skin.php
05 $colspan = 11;
90 <!-- 게시물 리스트 시작 --> 아래로
<tr <? if ($list[$i][is_notice]) { ?>bgcolor="#F9FBFB"<? } ?>> 밑에
<td width=""></td> 추가
140줄 부근 </tr> 위에 <td width=""></td> 추가하면 정렬은 맞는 것 같습니다.
문제는 head_left.gif , head_right.gif 의 width 와 같은 값이 들어가야 한다는 점인데요.
이 것은 변수화해서 head_style.php 파일에 넣어주면 되지 않을까 싶네요.
===========================================================================
저같은 초보사용자에겐 설치설명서가 좀 힘드네요.
basic_head_skin -> gnuboard4/skin/board/basic_head_skin
head -> gnuboard4/skin/head
boardform.php -> gnuboard4/adm/board_form.php (대체)
이 것도 최선인지는 모르겠지만, 구체적으로 올릴 디렉토리를 명시해주시면 더 좋겠습니다.
=================================================================================
다시 한 번 감사드리구요, 잘 쓰겠습니다.
이제 그누도 홈빌더수준...
<table border=0 cellpadding=0 cellspacing=0 width='100%'>
48라인의 <!-- 게시판 제목 시작 --> 아래부분으로 옮겨야만
게시판 리시트 상단의 게시물 XX건과 헤드스킨의 거리가 좁혀지더라구요.
멋집니다.
좋은 디자인 보유하고 있어도 스킨으로 만들기 어려운점이 좀 있었는데, 헤드만 바꿔줘도 새 스킨적용한 느낌이 나는게... 아주 멋집니다.
잘쓰겠습니다.
이쁘게 자~알 사용하겠습니다.
감사합니다 잘 사용하겠습니다
