배추베이직을 이용한 기본스킨 정보
게시판 배추베이직을 이용한 기본스킨본문
사실 스킨은 아니고요
배추베이직스킨을 꾸준히 사용하고 있는데
자주 업데이트가 되어 소스는 수정하기 싫고
홈페이지와 색상은 맞춰야 겠고
소스를 건드리지 않는 선에서
CSS수정만으로 게시판을 변경해보았습니다.
배추베이직 스킨을 다운 받으신 후 스킨을 설치합니다.(스킨은 알아서 다운받으세요^^)
게시판에 상단에 보시면 '배추스킨설정' 버튼 선택 후에 '모양' > '사용자정의 CSS' 라는 것이 있습니다.
거기에 아래의 소스를 추가하는 것만으로 게시판이 이렇게 달라질 수 있다는 것을 함 보여드리고 싶었습니다(혹시 모두들 이미 사용하고 계신가요^^;)
배추님께서 CSS로 다 빼주시면 더욱 다양하게 수정할 수 있을 것 같은데
가끔씩 소스에 직접 스타일을 정의해 놓아 딱 막히는게 있어 살짝 아쉽네요~
배추님 혹시 이글을 보신다면 헤헤 부탁드립니다.
-----------------------------------------------------
#mw_basic .mw_basic_line_color { background-color:#BBBBBB; }
#mw_basic .mw_basic_list_title td { color:#FFFFFF; font-size:12px; font-weight: bold; }
#mw_basic .mw_basic_list_title { background-color: #BBB; height:30px; text-align:center; }
#mw_basic .mw_basic_list_title td a {color: #3D5B7A; font-size: 12px; text-decoration: none; }
#mw_basic .category_tab ul li { margin:0 3px 0 0; display:block; float:left; background-colo:#efefef; border:0px ; height:30px; padding:0 10px 0 10px;}
#mw_basic .category_tab ul li.selected { background-color:#BBBBBB;}
#mw_basic .mw_basic_list_name { display:block; overflow:hidden; width:90px; color:#3d5b7a; text-align:center;}
#mw_basic .mw_basic_list_subject a { font-weight: bold; font-size:12px; }
#mw_basic .mw_basic_list_gall a img {border: 1px solid #DDD;}
#mw_basic .mw_basic_list_thumb a img {border: 1px solid #DDD;}
#mw_basic td { padding:0; }
#mw_basic .mw_basic_list_desc {color: #888;margin: 5px 0 0 0;padding: 0 10px 0 0;line-height: 17px;font-size: 12px;font-family: gulim;}
#mw_basic .category_tab ul li a { color:#666666; text-decoration:none; font-weight: normal;}
#mw_basic .mw_basic_page b {font-weight: bold;font-size: 11px;color: white;text-decoration: none;border: 1px solid #FF6600;background-color: #FF6600;padding: 3px 5px 2px 5px;}
배추베이직스킨을 꾸준히 사용하고 있는데
자주 업데이트가 되어 소스는 수정하기 싫고
홈페이지와 색상은 맞춰야 겠고
소스를 건드리지 않는 선에서
CSS수정만으로 게시판을 변경해보았습니다.
배추베이직 스킨을 다운 받으신 후 스킨을 설치합니다.(스킨은 알아서 다운받으세요^^)
게시판에 상단에 보시면 '배추스킨설정' 버튼 선택 후에 '모양' > '사용자정의 CSS' 라는 것이 있습니다.
거기에 아래의 소스를 추가하는 것만으로 게시판이 이렇게 달라질 수 있다는 것을 함 보여드리고 싶었습니다(혹시 모두들 이미 사용하고 계신가요^^;)
배추님께서 CSS로 다 빼주시면 더욱 다양하게 수정할 수 있을 것 같은데
가끔씩 소스에 직접 스타일을 정의해 놓아 딱 막히는게 있어 살짝 아쉽네요~
배추님 혹시 이글을 보신다면 헤헤 부탁드립니다.
-----------------------------------------------------
#mw_basic .mw_basic_line_color { background-color:#BBBBBB; }
#mw_basic .mw_basic_list_title td { color:#FFFFFF; font-size:12px; font-weight: bold; }
#mw_basic .mw_basic_list_title { background-color: #BBB; height:30px; text-align:center; }
#mw_basic .mw_basic_list_title td a {color: #3D5B7A; font-size: 12px; text-decoration: none; }
#mw_basic .category_tab ul li { margin:0 3px 0 0; display:block; float:left; background-colo:#efefef; border:0px ; height:30px; padding:0 10px 0 10px;}
#mw_basic .category_tab ul li.selected { background-color:#BBBBBB;}
#mw_basic .mw_basic_list_name { display:block; overflow:hidden; width:90px; color:#3d5b7a; text-align:center;}
#mw_basic .mw_basic_list_subject a { font-weight: bold; font-size:12px; }
#mw_basic .mw_basic_list_gall a img {border: 1px solid #DDD;}
#mw_basic .mw_basic_list_thumb a img {border: 1px solid #DDD;}
#mw_basic td { padding:0; }
#mw_basic .mw_basic_list_desc {color: #888;margin: 5px 0 0 0;padding: 0 10px 0 0;line-height: 17px;font-size: 12px;font-family: gulim;}
#mw_basic .category_tab ul li a { color:#666666; text-decoration:none; font-weight: normal;}
#mw_basic .mw_basic_page b {font-weight: bold;font-size: 11px;color: white;text-decoration: none;border: 1px solid #FF6600;background-color: #FF6600;padding: 3px 5px 2px 5px;}
추천
8
8
댓글 전체
파일은 어디에...
배추베이직 최신 스킨을 다운 받으신 후 위와 같이 정의해주시면 위와 같은 모양으로 바뀝니다. ^^;
ㅋㅋ 이미지 올리느라 파일을 안올렸구나....
배추베이직 무단 수정배포.. 하지 않고
에디트 부분만 공개하신듯요
에디트 부분만 공개하신듯요
배추 베이직 스킨을 쓰는 1인으로써 이런 cSS 오나전 환영합니다 너무 감사합니다 덕분에 잘 적용했습니다 사이트 색감에 딱 맞아 떨어지네요 호호호호~
http://bangmoon.net
http://bangmoon.net
파일을 안올린게 아니고 '배추베이직 스킨'에서 사용자 CSS입력하여 모양만 바꾼것입니다.
기본적으로 배추베이직이 설치되어 있어야 합니다.
위에 다마리님이 제대로 이해하신듯...^^;
기본적으로 배추베이직이 설치되어 있어야 합니다.
위에 다마리님이 제대로 이해하신듯...^^;
자바탭 효과
깔끔하네요~~ 잘쓰겠습니다.
css
추천합니다~
오오오- 완전 감사해요! 제가 이쪽으론 하나도 몰라서 ㅠㅠ 디게 고민하고 있었는데 해결됐어요.
아... 정말 어떻게 css를 수정해야하는지 고민이었는데. 좋은 팁 감사합니다^^