게시판 에 제목 색상 변경하기(부제 : Color Picker 달기)

회원 레벨에 따라 제목 색상을 변경할수 있도록 하는 옵션을 주는 팁입니다.

사용된 color Picker 는 (http://evoluteur.github.io/colorpicker/index.html) 여기서 확인하실수 있습니다.

0. 첨부파일 압축을 풀어 ftp 에 업로드 합니다(그누보드가 설치된 최상위 폴더)

1. 회원레벨별로 색상변경이 가능 하기 위해서 관리자 페이지를 수정합니다

1-1. 디비로 접속하여 아래구문을 실행 시킵니다.
ALTER TABLE `g4_board` ADD `bo_subject_level` TINYINT( 4 ) NOT NULL

1-2. /adm/board_form.php 파일에서 210번째줄쯤 "트래픽 쓰기권한" 밑에 아래내용을 추가합니다
<tr class='ht'>
<td><input type=checkbox name=chk_subject_level value=1></td>
<td>제목색상쓰기 권한</td>
<td>
<?=get_member_level_select('bo_subject_level', 1, 18, $board[bo_subject_level]) ?>
</td>
</tr>

1-3. /adm/board_form_update.php 의
bo_trackback_level = '$_POST[bo_trackback_level]', 밑에
bo_subject_level = '$_POST[bo_subject_level]', <= 이 구문을 추가합니다.

if ($chk_trackback_level) $s .= " , bo_trackback_level = '$bo_trackback_level' "; 밑에
if ($chk_subject_level) $s .= " , bo_subject_level = '$bo_subject_level' "; <= 이 구문을 추가합니다.

2. /bbs/write.php 파일에서 아래내용을 수정합니다
265번줄 의
// 트랙백
$is_trackback = false;
if ($board[bo_use_trackback] && $member[mb_level] >= $board[bo_trackback_level])
$is_trackback = true;

밑에 아래 내용을 추가합니다.

// 제목색
$is_subject_color = false;
if ($member[mb_level] >= $board[bo_subject_level])
$is_subject_color = true;

3. /skin/board/사용스킨/write.skin.php 파일에서 상단에 아래 내용을 추가합니다
<!-- 색상 -->
<link id="jquiCSS" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-lightness/jquery-ui.css" type="text/css" media="all">
<link href="<?=$g4[path]?>/colorpicker-master/css/evol.colorpicker.css" rel="stylesheet" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
<script src="<?=$g4[path]?>/colorpicker-master/js/evol.colorpicker.js" type="text/javascript"></script>
<!-- 색상 -->

4. /skin/board/사용스킨/write.skin.php 파일에서 제목 밑에 아래 내용을 추가합니다.
<? if ($is_subject_color) { ?>
<tr>
<td class=write_head>제목색</td>
<td><input class='ed' id="wr_10" name="wr_10" value="<?if($write[wr_10]) echo $write[wr_10]; else echo "#000000";?>" readonly/></td></tr>
<tr><td colspan=2 height=1 bgcolor=#e7e7e7></td></tr>

<script>

$(document).ready(function(){

// Change theme
$('.css').click(function(){
$('#jquiCSS').attr('href','http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/'+this.innerHTML+'/jquery-ui.css');
});

// No color indicator
$('#wr_10').colorpicker({
displayIndicator: false
});


});

</script>
<?}?>

5. /skin/board/사용스킨/list.skin.php 파일에서
if ($is_category && $list[$i][ca_name]) {
echo "<span class=small><font color=bc4938>[<a href='{$list[$i][ca_name_href]}'><font color=bc4938>{$list[$i][ca_name]}</a>]</font></span> ";
}
이부분 밑에 아래 내용을 추가합니다

if($list[$i][wr_10]) $list[$i][subject] = "<font color='".$list[$i][wr_10]."'>".$list[$i][subject]."</font>";

6. /skin/board/사용스킨/view.skin.php 파일에서
<?=cut_hangul_last(get_text($view[wr_subject]))?> 이 내용을

<?if($view[wr_10]){?><font color="<?=$view[wr_10]?>"><?}?><?=cut_hangul_last(get_text($view[wr_subject]))?></font> 이렇게 변경합니다.


적고보니 복잡하네요 ..~~

0~6번까지 천천히 하시면 심플하게 제목에 Color Picker 를 붙이실수 있습니다.
데모는 첨부파일을 확인하세요