Elkha-XE Official Skin 스크롤바
2010.12.23 10:53
화이트 게시판의 스크롤바 색상을 변경하고 싶은데요.
/www/xe/modules/board/skins/elkha_xe_official/css에서 white.css파일을 수정하라고 하던데
도저히 어디부분을 어떻게 수정해야하는 지 모르겠습니다 ㅠ.ㅠ
<style type="text/css">
<!--
BODY
{scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #666666;
scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #666666}
//-->
</style> 이렇게 수정하고 싶습니다. white.css파일의 소스는 아래와 같습니다. 고수님들 리플좀 부탁드립니다. 어디부분에 어떻게 넣어야하는지 ㅠ.ㅠ @charset "utf-8";
/* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong([email protected]) */ /* XE White Theme */ /* Board Reset */
.board{ color:#333;}
.board .inputText,
.board textarea,
.board select{ background:#fff; color:#333; border-top-color:#a6a6a6; border-left-color:#a6a6a6; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ color:#8b8b8b;}
.board .boardNavigation{ border-color:#ccc;} /* Board Header */
.boardHeader a{ color:#4d4d4d;}
.boardHeader .boardTitle{ border-color:#ddd; }
.boardHeader .boardTitleText{ border-color:#777; background-image:url(../img/white/lineVr11.gif)undefined;}
.boardHeader .boardTitleText a{ color:#444;}
.boardHeader .boardTitleText em{ color:#888;}
.boardHeader .boardDescription{ background:#fafafa; } /* Board Information */
.boardInformation em,
.boardInformation strong{ color:#ff6600;} /* Board List Form */
.boardListForm em,
.boardListForm strong{color:#ff3636;} /* Board List */
.boardList{ border-color:#ddd;}
.boardList a{ color:#4d4d4d;}
.boardList .jumpTo button{ background-color:#eee; border-color:#eee; color:#000;}
.boardList .meta li{ background-image:url(../img/white/lineVr9.gif)undefined;}
.boardList .replyNum{ color:#ff3636;}
.boardList .trackbackNum{ color:#66c;}
.boardList .replyAnchor{ color:#06C;}
.boardList th{ background:#fcfcfc; border-color:#f3f3f3; color:#4d4d4d;}
.boardList th a{ color:#66c;}
.boardList td{ border-color:#eee; color:#4d4d4d;}
.boardList td.title a.forum:link,
.boardList td.recommend{ color:#ff3636;}
.boardList td.summary .thumb{ border-color:#ddd; background:#fff;}
.boardList td .notice{ background-image:url(../img/white/lineVr9.gif)undefined;}
.boardList td .category{ color:#888; background-image:url(../img/white/lineVr9.gif)undefined;}
.boardList td .by{ color:#ccc;} .boardList.webZine td.title p.summary a{ color:#888;}
.boardList.webZine td.title .thumb{ border-color:#e0e0e0;} .thumbList{ border-color:#ddd;}
.thumbList li .thumb{ background:#fff; border-color:#ddd;}
.thumbList li .thumb a .text{ color:#ccc;}
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
.thumbList li .thumb a .noPhoto{ background:#eee;}
.thumbList li .title a{ color:#262626;}
.thumbList li .summary a{ color:#888;} /* Search Form */
.boardSearchForm .infoEtc li a{ background-image:url(../img/common/buttonContributorsTaglist.gif)undefined;} /* Board Read */
.boardReadHeader { }
.boardReadHeader a{ color:#262626;}
.boardReadHeader .titleArea{ border-top-color:#ddd; border-bottom-color:#ddd;}
.boardReadHeader .titleArea .category{ color:#4d4d4d; background-image:url(../img/white/lineVr9.gif)undefined;}
.boardReadHeader .titleArea .num{ color:#adadad;}
.boardReadHeader .titleArea .date{ color:#adadad; background-image:url(../img/white/lineVr9.gif)undefined;}
.boardReadHeader .authorArea .ipAddress{ color:#adadad;}
.boardReadHeader .authorArea .permaLink{ color:#adadad;} .boardReadFooter .memberSignature{ border-color:#f0f0f0; background-color:#fdfdfd;}
.boardReadFooter .memberSignature img.profile { border-color:#eee;}
.boardReadFooter .tag dd a{ color:#4d4d4d;}
.boardReadFooter .trackbackURL dt{ color:#4d4d4d;}
.boardReadFooter .trackbackURL dd a{ color:#adadad;} .feedbackList{ border-color:#f0f0f0;}
.feedbackList .feedbackHeader a{ color:#000;}
.feedbackList .feedbackHeader em{ color:#ff6600;}
.feedbackList .trackbackURL a{ color:#adadad;}
.feedbackList .item{ border-color:#f0f0f0;}
.feedbackList .item:hover { background-color:#f9f9f9;}
.feedbackList .item.itemReply .indent{ background-image:url(../img/common/iconReply.gif)undefined;}
.feedbackList .item .header{ color:#8b8b8b;}
.feedbackList .item .header a{ color:#262626;}
.feedbackList .item .itemContent .option li{ background-image:url(../img/white/lineVr9.gif)undefined;}
.feedbackList .item .itemContent .option li a{ color:#666;}
.feedbackList .item .itemContent .delete{ background-image:url(../img/common/buttonDelete.gif)undefined;}
.feedbackList .item .itemAside img.profile{ border-color:#eee;}
.feedbackList .item .itemAside .meta{ color:#adadad;}
.feedbackList .item .itemAside .vote *{ color:#8b8b8b;} /* Time */
.time *{ color:#666;}
.time dt{ background:#fff;} /* Attached File */
.attachedFile ul.files a{ padding-left:15px; background-image:url(../img/common/iconFile.gif)undefined; color:#4d4d4d;}
.attachedFile dt a { color:#4d4d4d;}
.attachedFile ul.files a .bubble{ border:1px solid #ddd; background-color:#fff; color:#4d4d4d;} /* Editor */
.board .boardEditor{ border-color:#ddd; background:#f8f8f8;} /* Extra Var Table */
.extraVarsList{ border-color:#ddd;}
.extraVarsList caption{ color:#999;}
.extraVarsList em{ color:#ff6600;}
.extraVarsList th,
.extraVarsList td{ border-color:#ddd;}
.extraVarsList th{ background:#f4f4f4;}
.extraVarsList td{ background:#fff;}
.extraVarsList td .inputNum{ border-color:#ccc;} /* Tag Cloud */
.tagCloud{ border-color:#bababa;}
.tagCloud li.rank1 a{ color:#000;}
.tagCloud li.rank2 a{ color:#222;}
.tagCloud li.rank3 a{ color:#444;}
.tagCloud li.rank4 a{ color:#666;}
.tagCloud li.rank5 a{ color:#888;} /* Layer */
#popup_menu_area{background:#fff; border-color:#eee;}
#popup_menu_area ul{ border-color:#ddd;}
#popup_menu_area li a{ color:#000;}
<!--
BODY
{scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #666666;
scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #666666}
//-->
</style> 이렇게 수정하고 싶습니다. white.css파일의 소스는 아래와 같습니다. 고수님들 리플좀 부탁드립니다. 어디부분에 어떻게 넣어야하는지 ㅠ.ㅠ @charset "utf-8";
/* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong([email protected]) */ /* XE White Theme */ /* Board Reset */
.board{ color:#333;}
.board .inputText,
.board textarea,
.board select{ background:#fff; color:#333; border-top-color:#a6a6a6; border-left-color:#a6a6a6; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ color:#8b8b8b;}
.board .boardNavigation{ border-color:#ccc;} /* Board Header */
.boardHeader a{ color:#4d4d4d;}
.boardHeader .boardTitle{ border-color:#ddd; }
.boardHeader .boardTitleText{ border-color:#777; background-image:url(../img/white/lineVr11.gif)undefined;}
.boardHeader .boardTitleText a{ color:#444;}
.boardHeader .boardTitleText em{ color:#888;}
.boardHeader .boardDescription{ background:#fafafa; } /* Board Information */
.boardInformation em,
.boardInformation strong{ color:#ff6600;} /* Board List Form */
.boardListForm em,
.boardListForm strong{color:#ff3636;} /* Board List */
.boardList{ border-color:#ddd;}
.boardList a{ color:#4d4d4d;}
.boardList .jumpTo button{ background-color:#eee; border-color:#eee; color:#000;}
.boardList .meta li{ background-image:url(../img/white/lineVr9.gif)undefined;}
.boardList .replyNum{ color:#ff3636;}
.boardList .trackbackNum{ color:#66c;}
.boardList .replyAnchor{ color:#06C;}
.boardList th{ background:#fcfcfc; border-color:#f3f3f3; color:#4d4d4d;}
.boardList th a{ color:#66c;}
.boardList td{ border-color:#eee; color:#4d4d4d;}
.boardList td.title a.forum:link,
.boardList td.recommend{ color:#ff3636;}
.boardList td.summary .thumb{ border-color:#ddd; background:#fff;}
.boardList td .notice{ background-image:url(../img/white/lineVr9.gif)undefined;}
.boardList td .category{ color:#888; background-image:url(../img/white/lineVr9.gif)undefined;}
.boardList td .by{ color:#ccc;} .boardList.webZine td.title p.summary a{ color:#888;}
.boardList.webZine td.title .thumb{ border-color:#e0e0e0;} .thumbList{ border-color:#ddd;}
.thumbList li .thumb{ background:#fff; border-color:#ddd;}
.thumbList li .thumb a .text{ color:#ccc;}
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
.thumbList li .thumb a .noPhoto{ background:#eee;}
.thumbList li .title a{ color:#262626;}
.thumbList li .summary a{ color:#888;} /* Search Form */
.boardSearchForm .infoEtc li a{ background-image:url(../img/common/buttonContributorsTaglist.gif)undefined;} /* Board Read */
.boardReadHeader { }
.boardReadHeader a{ color:#262626;}
.boardReadHeader .titleArea{ border-top-color:#ddd; border-bottom-color:#ddd;}
.boardReadHeader .titleArea .category{ color:#4d4d4d; background-image:url(../img/white/lineVr9.gif)undefined;}
.boardReadHeader .titleArea .num{ color:#adadad;}
.boardReadHeader .titleArea .date{ color:#adadad; background-image:url(../img/white/lineVr9.gif)undefined;}
.boardReadHeader .authorArea .ipAddress{ color:#adadad;}
.boardReadHeader .authorArea .permaLink{ color:#adadad;} .boardReadFooter .memberSignature{ border-color:#f0f0f0; background-color:#fdfdfd;}
.boardReadFooter .memberSignature img.profile { border-color:#eee;}
.boardReadFooter .tag dd a{ color:#4d4d4d;}
.boardReadFooter .trackbackURL dt{ color:#4d4d4d;}
.boardReadFooter .trackbackURL dd a{ color:#adadad;} .feedbackList{ border-color:#f0f0f0;}
.feedbackList .feedbackHeader a{ color:#000;}
.feedbackList .feedbackHeader em{ color:#ff6600;}
.feedbackList .trackbackURL a{ color:#adadad;}
.feedbackList .item{ border-color:#f0f0f0;}
.feedbackList .item:hover { background-color:#f9f9f9;}
.feedbackList .item.itemReply .indent{ background-image:url(../img/common/iconReply.gif)undefined;}
.feedbackList .item .header{ color:#8b8b8b;}
.feedbackList .item .header a{ color:#262626;}
.feedbackList .item .itemContent .option li{ background-image:url(../img/white/lineVr9.gif)undefined;}
.feedbackList .item .itemContent .option li a{ color:#666;}
.feedbackList .item .itemContent .delete{ background-image:url(../img/common/buttonDelete.gif)undefined;}
.feedbackList .item .itemAside img.profile{ border-color:#eee;}
.feedbackList .item .itemAside .meta{ color:#adadad;}
.feedbackList .item .itemAside .vote *{ color:#8b8b8b;} /* Time */
.time *{ color:#666;}
.time dt{ background:#fff;} /* Attached File */
.attachedFile ul.files a{ padding-left:15px; background-image:url(../img/common/iconFile.gif)undefined; color:#4d4d4d;}
.attachedFile dt a { color:#4d4d4d;}
.attachedFile ul.files a .bubble{ border:1px solid #ddd; background-color:#fff; color:#4d4d4d;} /* Editor */
.board .boardEditor{ border-color:#ddd; background:#f8f8f8;} /* Extra Var Table */
.extraVarsList{ border-color:#ddd;}
.extraVarsList caption{ color:#999;}
.extraVarsList em{ color:#ff6600;}
.extraVarsList th,
.extraVarsList td{ border-color:#ddd;}
.extraVarsList th{ background:#f4f4f4;}
.extraVarsList td{ background:#fff;}
.extraVarsList td .inputNum{ border-color:#ccc;} /* Tag Cloud */
.tagCloud{ border-color:#bababa;}
.tagCloud li.rank1 a{ color:#000;}
.tagCloud li.rank2 a{ color:#222;}
.tagCloud li.rank3 a{ color:#444;}
.tagCloud li.rank4 a{ color:#666;}
.tagCloud li.rank5 a{ color:#888;} /* Layer */
#popup_menu_area{background:#fff; border-color:#eee;}
#popup_menu_area ul{ border-color:#ddd;}
#popup_menu_area li a{ color:#000;}
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
55 | 스킨 정말 잘 만드셨네요~ [2] | 정낙훈 | 2010.02.18 | 7580 |
54 | 스킨구매에 대하여 | muppy23 | 2010.10.18 | 7581 |
53 | 안녕하세요 | felixkh | 2011.01.31 | 7597 |
» | Elkha-XE Official Skin 스크롤바 | 하박 | 2010.12.23 | 7616 |
51 | 자료가 좋아요~ [1] | Table | 2012.06.07 | 7616 |
50 | 엘카그레이 레이아웃을 적용하였습니다 | 차칸악마 | 2010.02.24 | 7795 |
49 | Elkha님!! | Carpe | 2010.10.10 | 7840 |
48 | elkha_graystlye2 ie6에서로그인문제문의드려요~~ | reo | 2011.02.26 | 7859 |
47 | Gray Style 2 Lite | ludwings | 2011.01.10 | 7954 |
46 | 문의드립니다. | 타임 | 2011.04.15 | 7980 |
45 | 엘카님 스킨 잘 쓰고 있습니다 문의합니다. [1] | NHJ | 2010.09.06 | 8020 |
44 | 그레이 스타일 레이아웃 카테고리 노출이 안됩니다. | 샤사 | 2010.09.27 | 8123 |
43 | 질문입니다. | 큐팝 | 2011.04.15 | 8184 |
42 | sky2 레이아웃 관련 질문 드립니다. [4] | 동네의사 | 2010.02.16 | 8243 |
41 | 플래시 메뉴가 제대로 뜨지 않아요 ㅜ | 이맆 | 2011.03.10 | 8454 |
40 | 앗다시작업하시나요?..~~elkha_graystlye2 ie6에서로그인문제문의드려요~~ | reo | 2011.04.18 | 8465 |
39 | 안녕하세요? 레이아웃에 관해 질문이 좀 있습니다 ^^ [3] | 이근우 | 2010.02.10 | 8525 |
38 | elkha_graystlye2_1.41버전:메뉴가 밑으로내려오는속도가 너무느려요~~~ㅜㅜ | reo | 2011.04.22 | 8529 |
37 | elhka_sky2에 대해서... | 검번 | 2011.04.19 | 8584 |
36 | Elkha님의 Gray Style 적용하였습니다....너무 감사...합니다. [2] | neounit | 2010.02.06 | 8593 |