짬뽕스킨3, 색상 선택 버전 정보
게시판 짬뽕스킨3, 색상 선택 버전
관련링크
첨부파일
본문
여분필드 bo_$i_subj 필드를 이용하여 색상을 자유롭게 조절할 수 있게 하였습니다.
bo_1_subj : 글자색
bo_2_subj : 게시글색
bo_3_subj : 글자 강조색
bo_4_subj : 테이블 라인색1
bo_5_subj : 테이블 라인색2
bo_6_subj : 제목 배경/전체 배경색
배경색 및 테이블 색에 따라 필드 색상도 자동으로 바뀝니다.
추천/배너 게시판은 6번 필드 사용 여부에 따라 스킨이 변경됩니다.
여분필드 공란시 기본 베이직 스킨이 적용됩니다.
홈페이지 배경 색상에 따라 게시판 색상을 변경하여 사용할 수 있습니다.
추천/배너 스킨에서 적용되지 못했던 성인이미지 투명 조절 옵션을 적용하였습니다.
-------------------------------------------------------------------------
글쓴이 색상 변경은 적용하지 못했습니다.
이유는 모릅니다. -_- (초보자임)
글쓴이 색상 변경은 스킨에서 변경이 불가능 한 것 같습니다.
수정 해야할 부분을 댓글로 알려주세요.
-------------------------------------------------------------------------
6번 필드에 색상이 적용될 경우 글쓰기 제목 색상은 흰색으로 적용됩니다.
white.skin.php 12번째줄
if($board[bo_1_subj]) { $write[wr_5] = '#FFFFFF'; } else { $write[wr_5] = '#000000'; }
에서 #FFFFFF 의 색상을 바꿀 수 있습니다.
-------------------------------------------------------------------------
테스트 페이지에서 계속 테스트 해보고 있습니다.
별다른 에러가 보이지 않아 스킨을 올립니다.
링크된 곳에서 충분한 테스트 해보시기 바랍니다.
추천
4
4
댓글 전체
열심히 하시는데
보기 좋습니다.
근데 코멘트가 없네요........ㅠㅠ
세상에서 가장 아름다운 것은
아름답게 보려는 자의 눈이다....
좋은 말이네요
앞으로도 좋은 스킨 부탁드립니다.
보기 좋습니다.
근데 코멘트가 없네요........ㅠㅠ
세상에서 가장 아름다운 것은
아름답게 보려는 자의 눈이다....
좋은 말이네요
앞으로도 좋은 스킨 부탁드립니다.
잘쓰고 있습니다. 최근3일간 빙글빙글했네요^^
수고하셨습니다.
또 좋은 스킨 부탁드립다.
수고하셨습니다.
또 좋은 스킨 부탁드립다.
빙글빙글... @.@님
여분필드 사용법 좀 자세히 알려줄수 없나요?
제가 무지한지라 그냥 해당 여분필드에 값을 넣어도 되긴 하는데....
문제점은 이미지 크기가 제각각 되고
해당 그룹에 있는 게시판에도 영향이 미치는거 같습니다.
갤러리 게시판과 같이 사용하는데 여분필드 1.2에 이미지 사이즈를 입력하는데
그룹내에서 짭뽕게시판을 타 게시판과 사용하면 다른 갤러리 게시판 값이 변경됩니다.
빙글빙글님처럼 여분필드에 체크 선택을 하는걸 못해서 사실 못하고 있습니다.
상세한 설명 부탁드립니다. 감사합니다.
여분필드 사용법 좀 자세히 알려줄수 없나요?
제가 무지한지라 그냥 해당 여분필드에 값을 넣어도 되긴 하는데....
문제점은 이미지 크기가 제각각 되고
해당 그룹에 있는 게시판에도 영향이 미치는거 같습니다.
갤러리 게시판과 같이 사용하는데 여분필드 1.2에 이미지 사이즈를 입력하는데
그룹내에서 짭뽕게시판을 타 게시판과 사용하면 다른 갤러리 게시판 값이 변경됩니다.
빙글빙글님처럼 여분필드에 체크 선택을 하는걸 못해서 사실 못하고 있습니다.
상세한 설명 부탁드립니다. 감사합니다.
여분필드는 해당 게시판에만 적용됩니다.
여분필드 적용 방법입니다.
bo_1_subj = 글자색 변경
bo_2_subj = view화면 게시글 색상 변경
bo_3_subj = 글자 강조색 변경
bo_4_subj = 테이블 라인색 변경
bo_5_subj = 테이블 배경색 변경
bo_6_subj = 제목배경 + 전체 배경 변경
bo_1 = 글쓴이 적용
bo_2 = 작성일 적용
bo_3 = 조회수 적용
bo_4 = 리스트형 갤러리 스킨 변경
bo_5 = 포인트 걸기 적용 (최소 포인트값 입력 - 입력한 포인트 이상 걸어야 글 즉성)
bo_6 = 설문조사 스킨 변경
bo_7 = 바둑판형 갤러리 스킨 적용 (이미지 가로 크기값 입력, 세로 ㅋ크기는 70px 고정)
bo_8 = 추천, 배너게시판 스킨 변경 (이미지 세로 크기값 입력, 가로 크기는 150px 고정)
bo_9 = 성인용 옵션 적용 (리스트에 보여질 이미지의 투명도 조절, 낮을 수록 투명해짐)
위 옵션은 짬뽕 스킨 사용 게시판에만 적용됩니다.
옵션 좌측의 체크박스(같은 그룹내 동시적용)를 클릭하면 동일 그룹의 옵션이 모두 같아지니깐 해당 게시판에만 적용시키세요.
저의 경우 adm/board.form.php 소스를 수정하여 사용하고 있습니다.
그건 짬뽕 게시판만 사용하고 있기 때문이지요.
여분필드에 영향이 없는 일반 스킨의 경우 상관이 없지만 썸네일 갤러리 스킨 처럼 여분필드에 영향을 받는 스킨을 사용 중이라면 수정하지 않는 편이 좋습니다.
여분필드 값에 따라 스킨이나 색상이 적용되는 것은 간단히 if 구분을 주어서 사용합니다.
<? if ($board[bo_7]) { //만약 여분필드7에 입력값이 있으면 보여주어라 ?>갤러리형 스킨 소스를 보여주고
<?}else{ if ($board[bo_8]) {//그렇지 않고 8번에 입력값이 있으면 ?>배너형 스킨 소스를 보여주고
<? }else{ //아무것도 체크가 없다면 ?>일반 스킨을 보여주어라<?}?>
이런 원리를 이용한 것이기에 소스를 조그만 뜯어보시면 쉽게 작동 원리를 이해하실 수 있을 겁니다.
여분필드 적용 방법입니다.
bo_1_subj = 글자색 변경
bo_2_subj = view화면 게시글 색상 변경
bo_3_subj = 글자 강조색 변경
bo_4_subj = 테이블 라인색 변경
bo_5_subj = 테이블 배경색 변경
bo_6_subj = 제목배경 + 전체 배경 변경
bo_1 = 글쓴이 적용
bo_2 = 작성일 적용
bo_3 = 조회수 적용
bo_4 = 리스트형 갤러리 스킨 변경
bo_5 = 포인트 걸기 적용 (최소 포인트값 입력 - 입력한 포인트 이상 걸어야 글 즉성)
bo_6 = 설문조사 스킨 변경
bo_7 = 바둑판형 갤러리 스킨 적용 (이미지 가로 크기값 입력, 세로 ㅋ크기는 70px 고정)
bo_8 = 추천, 배너게시판 스킨 변경 (이미지 세로 크기값 입력, 가로 크기는 150px 고정)
bo_9 = 성인용 옵션 적용 (리스트에 보여질 이미지의 투명도 조절, 낮을 수록 투명해짐)
위 옵션은 짬뽕 스킨 사용 게시판에만 적용됩니다.
옵션 좌측의 체크박스(같은 그룹내 동시적용)를 클릭하면 동일 그룹의 옵션이 모두 같아지니깐 해당 게시판에만 적용시키세요.
저의 경우 adm/board.form.php 소스를 수정하여 사용하고 있습니다.
그건 짬뽕 게시판만 사용하고 있기 때문이지요.
여분필드에 영향이 없는 일반 스킨의 경우 상관이 없지만 썸네일 갤러리 스킨 처럼 여분필드에 영향을 받는 스킨을 사용 중이라면 수정하지 않는 편이 좋습니다.
여분필드 값에 따라 스킨이나 색상이 적용되는 것은 간단히 if 구분을 주어서 사용합니다.
<? if ($board[bo_7]) { //만약 여분필드7에 입력값이 있으면 보여주어라 ?>갤러리형 스킨 소스를 보여주고
<?}else{ if ($board[bo_8]) {//그렇지 않고 8번에 입력값이 있으면 ?>배너형 스킨 소스를 보여주고
<? }else{ //아무것도 체크가 없다면 ?>일반 스킨을 보여주어라<?}?>
이런 원리를 이용한 것이기에 소스를 조그만 뜯어보시면 쉽게 작동 원리를 이해하실 수 있을 겁니다.
자세한 설명 감사드립니다.
도저히 않되서 빙글빙글님 소스보기 했슴다. 헤헤
<!--여분필드 사용 (추가된 부분 : 여분필드 1~10번까지)-->
<tr class='ht'>
<td colspan="3">
<table width="97%" border="0" cellspacing="1" cellpadding="3" bgcolor="#CCCCCC">
<tr bgcolor="#FFFFFF">
<td width="10"> </td>
<td colspan="2" bgcolor="#f0f0f0">게시판 글자 및 라인 색상 변경시 사용</td>
<td colspan="2" bgcolor="#f0f0f0">게시판 기능 선택, 복수 선택 가능</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="10">
<input type=checkbox name=chk_1 value=1>
</td>
<td width="70" bgcolor="#f0f0f0">
<input type=text class=ed name='bo_1_subj' value='' title='글자색1' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td width="250">글자색1 (제목을 제외한 글씨)</td>
<td width="70" bgcolor="#f0f0f0">
<input type=checkbox name='bo_1' value='1' checked>
보임</td>
<td>글쓴이</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_2 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_2_subj' value='' title='글자색2' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>게시글 색상</td>
<td bgcolor="#f0f0f0">
<input type=checkbox name='bo_2' value='1' checked>
보임</td>
<td>작성일</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_3 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_3_subj' value='' title='글자색3' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>강조색</td>
<td bgcolor="#f0f0f0">
<input type=checkbox name='bo_3' value='1' checked>
보임</td>
<td>조회수</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_4 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_4_subj' value='' title='라인색1' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>라인색1 (진한색)</td>
<td bgcolor="#f0f0f0">
<input type=checkbox name='bo_4' value='1' >
사용</td>
<td>리스트형 갤러리 (이미지 있을 경우 리스트에 이미지 출력)</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_5 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_5_subj' value='' title='라인색2+타이틀배경색' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>라인색2+타이틀배경색 (연한색)</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_5' value='' title='포인트 게시판' maxlength="3">
</td>
<td>포인트 게시판, 최소 포인트 입력 ex) 100</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_6 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_6_subj' value='' title='제목 배경색' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>제목 배경색 (전체 배경색)</td>
<td bgcolor="#f0f0f0">
<input type=checkbox name='bo_6' value='1' >
사용</td>
<td>설문조사</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_7 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_7_subj' value='' title='작성자' style='text-align:right;font-weight:bold;width:70;'>
</td>
<td>여분필드 7_subj</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_7' value='120' title='바둑판형 갤러리' maxlength="3">
</td>
<td>바둑판형 갤러리, 이미지 넓이값 입력 ex) 120</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_8 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_8_subj' value='' title='여분필드8' style='text-align:right;font-weight:bold;width:70;'>
</td>
<td>여분필드 8_subj</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_8' value='' title='추천/배너 게시판' size="3">
</td>
<td>추천/배너 게시판, 이미지 높이값 입력 ex) 90, 최소값 57px</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_9 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_9_subj' value='' title='여분필드9' style='text-align:right;font-weight:bold;width:70;'>
</td>
<td>여분필드 9_subj</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_9' value='20' title='성인글 옵션'>
</td>
<td>성인 옵션, 이미지 투명도 입력, ex) 20, 숫자가 낮을 수록 흐려짐</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_10 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_10_subj' value='' title='여분필드10' style='text-align:right;font-weight:bold;width:70;'>
</td>
<td>여분필드 10_subj</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_10' value='' title='여분필드 10 설정값'>
</td>
<td>여분필드10</td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
<td bgcolor="#f0f0f0" colspan="4">
<p>복수 선택도 가능하나 스킨 설정일 경우 우선순위 적용됨.<br>
전부 체크 되어 있을 경우 리스트형 보다 추천/배너가 우선이며 바둑판형 갤러리가 최수선으로 적용됨<br>
<br>
색상 코드는 #을 제외한 6자리 코드 입력</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan=3 class='line2'></td>
</tr>
<!-- 여기까지 -->
이렇게 하니까 되네요..
그런데 왜? 어떻게? 작용하는지는 아직 모르겠네요...
<!--여분필드 사용 (추가된 부분 : 여분필드 1~10번까지)-->
<tr class='ht'>
<td colspan="3">
<table width="97%" border="0" cellspacing="1" cellpadding="3" bgcolor="#CCCCCC">
<tr bgcolor="#FFFFFF">
<td width="10"> </td>
<td colspan="2" bgcolor="#f0f0f0">게시판 글자 및 라인 색상 변경시 사용</td>
<td colspan="2" bgcolor="#f0f0f0">게시판 기능 선택, 복수 선택 가능</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="10">
<input type=checkbox name=chk_1 value=1>
</td>
<td width="70" bgcolor="#f0f0f0">
<input type=text class=ed name='bo_1_subj' value='' title='글자색1' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td width="250">글자색1 (제목을 제외한 글씨)</td>
<td width="70" bgcolor="#f0f0f0">
<input type=checkbox name='bo_1' value='1' checked>
보임</td>
<td>글쓴이</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_2 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_2_subj' value='' title='글자색2' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>게시글 색상</td>
<td bgcolor="#f0f0f0">
<input type=checkbox name='bo_2' value='1' checked>
보임</td>
<td>작성일</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_3 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_3_subj' value='' title='글자색3' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>강조색</td>
<td bgcolor="#f0f0f0">
<input type=checkbox name='bo_3' value='1' checked>
보임</td>
<td>조회수</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_4 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_4_subj' value='' title='라인색1' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>라인색1 (진한색)</td>
<td bgcolor="#f0f0f0">
<input type=checkbox name='bo_4' value='1' >
사용</td>
<td>리스트형 갤러리 (이미지 있을 경우 리스트에 이미지 출력)</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_5 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_5_subj' value='' title='라인색2+타이틀배경색' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>라인색2+타이틀배경색 (연한색)</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_5' value='' title='포인트 게시판' maxlength="3">
</td>
<td>포인트 게시판, 최소 포인트 입력 ex) 100</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_6 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_6_subj' value='' title='제목 배경색' style='text-align:right;font-weight:bold;width:70;' maxlength="6">
</td>
<td>제목 배경색 (전체 배경색)</td>
<td bgcolor="#f0f0f0">
<input type=checkbox name='bo_6' value='1' >
사용</td>
<td>설문조사</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_7 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_7_subj' value='' title='작성자' style='text-align:right;font-weight:bold;width:70;'>
</td>
<td>여분필드 7_subj</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_7' value='120' title='바둑판형 갤러리' maxlength="3">
</td>
<td>바둑판형 갤러리, 이미지 넓이값 입력 ex) 120</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_8 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_8_subj' value='' title='여분필드8' style='text-align:right;font-weight:bold;width:70;'>
</td>
<td>여분필드 8_subj</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_8' value='' title='추천/배너 게시판' size="3">
</td>
<td>추천/배너 게시판, 이미지 높이값 입력 ex) 90, 최소값 57px</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_9 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_9_subj' value='' title='여분필드9' style='text-align:right;font-weight:bold;width:70;'>
</td>
<td>여분필드 9_subj</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_9' value='20' title='성인글 옵션'>
</td>
<td>성인 옵션, 이미지 투명도 입력, ex) 20, 숫자가 낮을 수록 흐려짐</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<input type=checkbox name=chk_10 value=1>
</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed name='bo_10_subj' value='' title='여분필드10' style='text-align:right;font-weight:bold;width:70;'>
</td>
<td>여분필드 10_subj</td>
<td bgcolor="#f0f0f0">
<input type=text class=ed style='width:70;' name='bo_10' value='' title='여분필드 10 설정값'>
</td>
<td>여분필드10</td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
<td bgcolor="#f0f0f0" colspan="4">
<p>복수 선택도 가능하나 스킨 설정일 경우 우선순위 적용됨.<br>
전부 체크 되어 있을 경우 리스트형 보다 추천/배너가 우선이며 바둑판형 갤러리가 최수선으로 적용됨<br>
<br>
색상 코드는 #을 제외한 6자리 코드 입력</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan=3 class='line2'></td>
</tr>
<!-- 여기까지 -->
이렇게 하니까 되네요..
그런데 왜? 어떻게? 작용하는지는 아직 모르겠네요...
너무 좋은 스킨 공개해 주셔서 감사합니다.
너무 이뻐요^^
감사합니다.
활용이 많겠네요~~
감사드려요~~
감사드려요~~
바탕색 변경가능 ㅋ
색을 맞춰서 쓸 수 있다니 좋네요!!
