게시판 에 제목 색상 변경하기(부제 : Color Picker 달기) > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

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

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

첨부파일

colorpicker-master.zip (21.7K) 86회 다운로드 2013-05-04 10:48:46

본문

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

사용된 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 를 붙이실수 있습니다.
데모는 첨부파일을 확인하세요
추천
5

댓글 17개

수정하는 텍스트폼이 생기신후 텍스트박스옆에 색상 이미지가 떠야 합니다

혹시 스크립트 오류가 나시는건 아닌지 확인해 보시고

<!-- 색상 -->
<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 |RSS

회원로그인

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