r

input type=button을 사용한 게시판

basic_button.gif
이미지를 사용하지 않고 input type=button만 사용하도록 베이직 스킨을 수정했습니다.
버턴의 색깔을 수정하고 싶으신 분은 그누 설치 디렉토리의 styles.css에 .button을 수정하시기 바랍니다.
위의 이미지처럼 버턴색을 사용하고 싶으신분은 styles.css 파일을 수정해주세요.
수정전 :
.button { }
수정후 :
.button { height:20px; border-width:1; border-style:ridge; border-color:#35618b; background-color:#e7e7de;}

** 리스트의 이동,복사시에 '닫기' 버턴에 css가 안먹는 경우 bbs/gbmove.php에서 73라인에 input type=butto로 되어있는것을 button으로 수정하세요, n자가 빠졌습니다. (관리자님 배포판 수정요망 3.08버전)

** 초기화면의 "검색"버턴도 같은 것으로 사용하고 싶으시면 head.php 43라인에 "검색" input 태그에 class=button을 추가해서 다음처럼 수정하세요.
수정전 :
<input type=submit value='검색'>
수정후 :
<input type=submit value='검색' class=button>

** 버턴 css 샘플, 위의 .button외에 다음처럼 여러분이 원하시는 색으로 수정해서 사용하세요.
.button { height:20px; border-width:1; border-style:ridge; border-color:#d0d0d0; background-color:#dfdfdf;}
.button { border:1x solid #dadada; background-Color:#f7f7f7; font:11px tahoma; color:#555555; }
.button { border:1x solid #000000; background-Color:#ba9c7c; font:11px tahoma; color:#ffffff; }

첨부파일

basic_button.gif (20.8 KB)
0회 2004-02-18 22:21
basic_button.tar (40 KB) 34회 2004-02-18 22:21
|

댓글 8개

입력시 카테고리에도 위의 스타일을 적용하려면 다음을 수정하셔야 합니다.
gbform.skin.php의 gbform.skin.php 35라인에 class=select 추가
수정전 :
<? if ($is_category) { ?><tr class='ht'><td>분류</td><td><select name=ca_id><?=$category_option?></select></td></tr><? } ?>
수정후 :
<? if ($is_category) { ?><tr class='ht'><td>분류</td><td><select name=ca_id class=select><?=$category_option?></select></td></tr><? } ?>
select에는 원소스상에 이미 class=select가 지정되어있습니다.
그런데 styles.css의 .select에 값이 설정되지 않아서 스타일이 적용되지 않은것처럼 보입니다.
styles.css의 .select를 다음과 같이 해보세요(.button 과 같은것으로)
수정전 :
.select { }
수정후 :
.select { height:20px; border-width:1; border-style:ridge; border-color:#35618b; background-color:#e7e7de;}
멋진 팁.. 감사합니다.. 그런데 자세히 보면.. select 부분 옆에 조그맣게 달린 ▼ 부분에도 style이 들어가 있는데, 이건 어떻게 하나요?? 알려주세요^^
루트님 수고했습니다.
수고하세요..
JJ.Mando
22년 전
멋집니다.....
한글로 되어있는것이 맘에 안드시는분은 스킨에서 영어나 다른 언어로 수정하세요.
이것의 이 스킨의 장점입니다.
제가 워낙 이미지 작업에는 한계가 있는지라... 수정을 모두 텍스트(vi) 상에서 가능한것을 좋아합니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고