이번에 작업 들어가는 사이트 일반 게시판 스킨입니다.
커뮤니티 사이트를 작업 예정이라 아마 별의별 게시판 스킨을 다 만들어야 할 것 같네요 +_+
일단 시작은 가벼운 basic 스킨부터...
링크걸린 게시판에 글을 쓰시면 안 됩니다. 계정이 제것이 아니므로...
css 를 개인적으로 적용했는데 스킨에는 일일이 적어놓지를 못 했습니다.
클래스만 적자면
/* 영문폰트 */
.eng {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #868686;
}
/* input */
.ip {
border: 1 solid #CCCCCC;
color:#000000;
height:20px;
font-size:11px;
font-family:"돋움";
line-height: 150%;
letter-spacing: -1px;
padding-left: 3px;
}
/* 작은숫자 */
.num {
font-family:"tahoma","verdana","arial";
font-size:9px;
line-height:16px;
color:#666;
}
/* 텍스트에어리어 */
textarea{
color:#4A4A46;
font:12px/14px Dotum;
padding:5px 0 0 3px;
border:1px solid #D6D5D2;
scrollbar-face-color:#EFEEED; /*스크롤바에서 표면 색상*/
scrollbar-highlight-color:#FFFFFF; /*표면 왼쪽부분 겉색상*/
scrollbar-shadow-color:#ffffff; /*표면 오른쪽 부분 그림자 겉색상*/
scrollbar-3dlight-color:#ffffff; /*표면 왼쪽 부분 입체감 색상*/
scrollbar-arrow-color:#ADADAD; /*스크롤바에서 조그만 삼각형있죠 그거 색상*/
scrollbar-track-color:#FFFFFF; /*스크롤바가 밑에 레일 트렉 색상*/
scrollbar-darkshadow-color:#FFFFFF /*표면 밑부분 그림자 색상*/
}
/* 테이블 패딩 */
.table {border-spacing:0px;}
.td {padding:0px;}
위와 같습니다. 자기 홈페이지 css 와 맞게 고쳐 쓰시거나 그냥 복사해서 던져놓으시던가 편하신대로 하세요..
사용된 아이콘은 제가 제작한거 몇 개랑.. 나머지는 해외사이트 (즐찾을 안 해놔서리 ㅡ.,ㅡ;)에서 주어다가 붙였습니다.
커뮤니티 사이트를 작업 예정이라 아마 별의별 게시판 스킨을 다 만들어야 할 것 같네요 +_+
일단 시작은 가벼운 basic 스킨부터...
링크걸린 게시판에 글을 쓰시면 안 됩니다. 계정이 제것이 아니므로...
css 를 개인적으로 적용했는데 스킨에는 일일이 적어놓지를 못 했습니다.
클래스만 적자면
/* 영문폰트 */
.eng {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #868686;
}
/* input */
.ip {
border: 1 solid #CCCCCC;
color:#000000;
height:20px;
font-size:11px;
font-family:"돋움";
line-height: 150%;
letter-spacing: -1px;
padding-left: 3px;
}
/* 작은숫자 */
.num {
font-family:"tahoma","verdana","arial";
font-size:9px;
line-height:16px;
color:#666;
}
/* 텍스트에어리어 */
textarea{
color:#4A4A46;
font:12px/14px Dotum;
padding:5px 0 0 3px;
border:1px solid #D6D5D2;
scrollbar-face-color:#EFEEED; /*스크롤바에서 표면 색상*/
scrollbar-highlight-color:#FFFFFF; /*표면 왼쪽부분 겉색상*/
scrollbar-shadow-color:#ffffff; /*표면 오른쪽 부분 그림자 겉색상*/
scrollbar-3dlight-color:#ffffff; /*표면 왼쪽 부분 입체감 색상*/
scrollbar-arrow-color:#ADADAD; /*스크롤바에서 조그만 삼각형있죠 그거 색상*/
scrollbar-track-color:#FFFFFF; /*스크롤바가 밑에 레일 트렉 색상*/
scrollbar-darkshadow-color:#FFFFFF /*표면 밑부분 그림자 색상*/
}
/* 테이블 패딩 */
.table {border-spacing:0px;}
.td {padding:0px;}
위와 같습니다. 자기 홈페이지 css 와 맞게 고쳐 쓰시거나 그냥 복사해서 던져놓으시던가 편하신대로 하세요..
사용된 아이콘은 제가 제작한거 몇 개랑.. 나머지는 해외사이트 (즐찾을 안 해놔서리 ㅡ.,ㅡ;)에서 주어다가 붙였습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 17개
이 곳에 평범한 게시판이 별로 없는 듯 하여... 암튼 고맙습니다.
감사합니다.
전 스킨을 만들때 제가 만들 사이트에 딱 맞게 만듭니다.
width 값만 바꿔주면 됩니다. (자기 홈에 맞게끔)
아마 50% 로 됐을겁니다. 이걸 95% 정도로 하시던가 픽셀로 하시던가 하세요
<textarea ~~~ 에 있습니다.