TALKBOX Lite 2 - 말풍선 스킨 > 그누4 스킨

그누4 스킨

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

TALKBOX Lite 2 - 말풍선 스킨 정보

게시판 TALKBOX Lite 2 - 말풍선 스킨

첨부파일

talkbox_lite2_utf8_20110109.7z (555.0K) 244회 다운로드 2011-01-09 19:45:35

본문

이번에 소개할 스킨은 이전 시리즈인 talkbox lite의 두번째버전입니다.

talkbox와 talkbox lite 버전의 차이점이 글상자를 어떻게 그리는가 하는 차이였는데요

talkbox 의 경우에는 색상별로 직접 모두 이미지로 때운 것이고...

talkbox lite 의 경우는 색상은 bg컬러이고 테두리는 투명 gif 를 이용한 것이었습니다.

talkbox는 색상별로 모두 스타일 생성하고 이미지 짜넣고 하다보니

게시판 그리는게 너무 느려졌고 색상 추가하는데도 노가다가 필요해서 GG 치게 되었습니다.

하지만 talkbox 쪽이 라이트버전보다는 아무래도 호응이 더 좋았던 관계로...

talkbox lite 2버전 에서는 talkbox와 같이 동그란 말 풍선을 그려보기로 했습니다...

다만 빠른 로딩을 위해서 최대한 글상자 이미지 수를 줄였습니다.

글상자를 그리는데 들어간 이미지는 목록화면에서 5개/ 글보기 화면에서 1개 입니다.

백그라운드 컬러는 130개 정도 준비했으니 이전보다 중복이 줄어들것입니다.

펜톤 파스텔 에서 일괄 색상값을 추출했는데 색이 너무 밋밋한것 같아서

시간 나는대로 하나씩 수동으로 추가하고 있습니다.

이 스킨은 다음과 같은 그누보드 개조를 필요로 합니다.

회원아이콘 기능패치 : http://skin.mozoki.com/bbs/board.php?bo_table=skin&wr_id=37

이 패치를 해주지 않으면 회원아이콘을 사용할 수 없습니다.


aaoq8.jpg

보시는 화면이 목록의 상단입니다.

list/write/admin 등등은 이미지 버튼으로 바꾸었습니다.

이미지 파일을 업로드 하면 목록에 섬네일을 띄웁니다

이것은 불당썸을 이용하였습니다만 스킨에 포함되도록하여

그누보드 순정버전에서 개조없이 그냥 동작하게 하였습니다.

업로드한 파일은 목록에서 다운로드 링크를 뿌려주도록 했습니다.

짧은 내용일 경우 굳이 글보기로 들어가지 않아도 다운 받을수 있도록 했습니다.



aaoq9.jpg



목록에서 reply 버튼을 눌러서 바로 답글을 달 수 있게 하였습니다.

계층형 코멘트 처럼 보이도록 했습니다.

이 부분도 많은 분들이 요청이 있었던 부분입니다.

적용이 늦게 되긴 했습니다만....




aaoq10%5B1%5D.jpg






글 읽기 화면입니다.

유저사진과 유저컬러는 동일하게 유지되도록 하였습니다.

이 화면은 완성된 상태는 아니니 앞으로도 많은 개선이 있을 것입니다.



테스트 게시판은

링크 1 : http://skin.mozoki.com/bbs/board.php?bo_table=talkbox_lite2

입니다....

이쪽에 설치된 것의 경우는 좀 장애가 발생합니다.

스킨은 그누보드 오리지날 배포본에 대응하게 되어있지만

사이트는 개조버전의 그누보드인지라 (사제캡쳐사용) 비회원 글 작성시에는 에러가 뜰 겁니다.

그누보드 번들캡쳐가 봇에 무용지물인지라;;;;

테스트 시에는 회원가입하시던가 테스트용 아이디 (test1 ~ test5 비번은 1111 동일)를 사용하세요.


또다른 테스트 게시판으로는....

http://cherry.mozoki.com/bbs/board.php?bo_table=test

위 링크는 그누보드 배포본 (개조 x) 그대로 설치하고 위 스킨을 깔았을때 어떻게 동작하는가를 보여드리기 위한 임시 테스트 게시판입니다. 개조를 하지 않았으므로 회원사진은 동작하지 않습니다.




버그발견 수정요청이나 아이디어 등이 있으시면

리플로 남겨 주시면 감사하겠습니다.



링크1 : 테스트 게시판

링크2 : 배포


현재 업로드된 버전은 완성버전은 아닙니다.
테스트 용으로 써보시길 권장합니다.

회원 아이콘을 이용하기 위해서는 불당썸을 설치하셔야 합니다.
그누보드 - 플러그인 -불당썸 에서 파일들을 내려받아
/bbs/fonts/han.ttf
/js/b4.common.js
/lib/thumb.lib.php
/lib/b4.lib.php
요 위치에 각각 파일 복사 하시면 됩니다.
추천
7

댓글 전체

http://cherry.mozoki.com/bbs/board.php?bo_table=test

위 링크는 그누보드 배포본 (개조 x) 그대로 설치하고 위 스킨을 깔았을때 어떻게 동작하는가를 보여드리기 위한 임시 테스트 게시판입니다.
참고하세요..
추가수정부분에서 불당썸 경로 오류아닌가요?
그누보드/adm/member_form.php  도 수정하자
불당썸을 이용하기 위해서 이걸 4번째줄 쯤에 추가해주자
include_once("$g4[path]/lib/thumb.lib.php");
와 같이 해라고 나와있는데 ,,현재 여기 포함된 파일은 게시판스킨안에 plugin 이 폴더안에 불당썸이 있는데,,,
---
그리고 관리자-기본환경설정에서 아이콘 크기가 22x22 이면 이 게시판 스킨에는 이미지가 깨지는데,,,@@
그러니깐,,일반게시판에서는 기존22x22를 유지하면서 모조키님 스킨리스트에서는 아이콘이 좀더 크게나온다던지 이래야하는데 일률적으로 모든게시판에 다 커게 나와버리네요,,,,,
제가 쓰고있는 그누보드가 개보수를 자꾸 하다 보니까 막 경로가 엉망으로 꼬여서 ;;;
불당썸도 ㅁ여러군데 복사되있고 그러다 보니 위와 같이 된거 같네요..
스킨폴더에도 있고 라이브러리 폴더에도 들어있고 ;;;

-------------

디비테이블에 아이콘을 별도로 추가 하기 싫어서 기존에 있던거 키워서 쓴겁니다.
기존에 회원아이콘 그대로 유지하신 상태에서  게시판에 쓰일 프로파일 사진을 따로 쓰고 싶으시면
회원사진2 라고 검색하셔서 그거 설치하시고 스킨에 사진들어가는 부분을 고쳐주시면 됩니다.
그누보드4에서 회원아이콘을 회원사진으로 이용하기
http://skin.mozoki.com/bbs/board.php?bo_table=skin&wr_id=37

이 방법으로 회원사진을 이용 할 시에는
관리 - 기본환경설정 - 회원가입설정 에서
회원아이콘 사용 부분을  '미사용'으로 해주셔야
일반 게시판에서 프로필 사진이 닉네임앞에 나타나지 않습니다.
아래 링크  참조하세요
http://skin.mozoki.com/bbs/board.php?bo_table=skin&wr_id=43
개조고 수정이고 귀찮으신 분은 제가 그누보드 개조해놓은거 다운받아 쓰시면 ;;;
http://skin.mozoki.com/bbs/board.php?bo_table=gnuboard&wr_id=6
talkbox lite 2

버전을 개조해서 사용자가 직접 색상을 입력하도록 만들었습니다....

이걸 사용하려면

계정/skin/member/basic/resister_form.skin.php

요걸 수정합니다.

회원아이콘 수정한 부분 아래에

<!-- 회원색상 직접입력 -->

<tr>

            <TD width="160" class=m_title bgcolor="#CCCCCC">회원색상 입력</TD>

            <TD class=m_padding3 >

            <input class=ed type=text name='mb_1' size=21 required itemname="회원색상" minlength="3" nospace  value=''>

<div> 회원 색상을 입력하실때는 반드시 #243425 의 형식으로 입력해주세요. 앞에 # 을 빼먹으면 안됩니다!! </div>

</td>

</tr>

요렇게 삽입합니다.

그러면 회원 확장필드 첫번째 란인 mb_1 에 컬러값이 삽입을 하죠.

이제 스킨을 고쳐 봅시다

토크박스 라이트 2 스킨 폴더에서

리스트 스킨, 뷰스킨, 뷰 코멘트 스킨..

요거 3개를 불러옵니다.

열어보면

//멤버타입에 따라 다른색상 불러오기 라는거 아래에

sql 문으로 멤버 아디에 따른 필드값을 불러오는데

if($list[$i]['mb_id']){

$mb = @mysql_fetch_array(mysql_query('select mb_no,mb_level from '.$g4['member_table'].' where mb_id = \''.$list[$i]['mb_id'].'\''));  // 회원번호와 회원레벨을 불러옴

}

요렇게 된 부분이 있을겁니다.

요기에 mb_1 을 추가해줍니다.

if($list[$i]['mb_id']){

$mb = @mysql_fetch_array(mysql_query('select mb_no,mb_level,mb_1 from '.$g4['member_table'].' where mb_id = \''.$list[$i]['mb_id'].'\''));  // 회원번호와 회원레벨을 불러옴

}

요렇게

view_comment.skin.php 의 경우에는

if($list[$i]['mb_id']){ 부분이

if($view['mb_id']){  요렇게 되겠지요.

그리고 그 아랫부분을 수정합니다.

기존에 조건문과 컬러값들을 지워버리고.. 아래걸로 교체합니다

if($mb[mb_level] < 2) {

$colorset = "#cccccc"; // 비회원 색상

} else {

if($mb[mb_1]==""){

$colorset = "#f6f6f6"; // 회원이지만 컬러를 입력하지 않았을때 기본값

} else {

$mbcolor_view = $mb[mb_1];

$colorset = "".$mbcolor_view ; // 회원색상 입력한 값 이용

}

}


이렇게 수정하면  스킨의 테두리 색상을 유저가 입력한 값으로 표현할수가 있습니다.
직접 컬러값을 입력하도록  개조해봤더니

컬러값을 잘못 입력하거나 이상한거 입력하는 분들이 있더군요 ㅜㅜ

컬러를 텍스트로입력하는 방식 말고... 컬러피커에서 찍어서 입력하는 방식으로 바꿔야겠어요.. ;;;

나중에 시간나면 ㄱ ㄱ
전체 5,853 |RSS
그누4 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT