게시판 에 제목 색상 변경하기(부제 : Color Picker 달기) 정보
게시판 에 제목 색상 변경하기(부제 : 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 를 붙이실수 있습니다.
데모는 첨부파일을 확인하세요
사용된 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
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>
<!-- 색상 -->
여기가 맞는 경로로 들어가 있는지 확인해 보시기 바랍니다
혹시 스크립트 오류가 나시는건 아닌지 확인해 보시고
<!-- 색상 -->
<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>
<!-- 색상 -->
여기가 맞는 경로로 들어가 있는지 확인해 보시기 바랍니다
스크립트 오류로 나오지 않는 문제입니다.
사이트 주소 적어줘 보시면 확인해드리겠습니다
사이트 주소 적어줘 보시면 확인해드리겠습니다
쪽지 보냈습니다.
좋은팁 공개 감사합니다. ^^ 감사의 의미로 추천 드려요 ^^
감사합니다.^^
좋은 정보 감사합니다
추가적으로 모바일에서도 색상이 보이게만은 하고 싶은데
응용이 어렵네요..
림스 모바일 플러그인을 사용중입니다.
응용이 어렵네요..
림스 모바일 플러그인을 사용중입니다.
좋은팁 공개 감사합니다.
좋은 링크 감사
그누5에서 적용가능한 방법은 없나요 ㅜㅜ
좋은 정보 감사합니다
회원 레벨에 따라 제목 색상을 변경할수 있도록 하는 옵션을 주는 팁
넓은마인드님 갠톡 부탁드려욥!
https://open.kakao.com/o/syf5L6Mc
https://open.kakao.com/o/syf5L6Mc