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
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
135 | 플래시 메뉴가 제대로 뜨지 않아요 ㅜ | 이맆 | 2011.03.10 | 8454 |
134 | sky2 레이아웃 관련 질문 드립니다. [4] | 동네의사 | 2010.02.16 | 8243 |
133 | 질문입니다. | 큐팝 | 2011.04.15 | 8184 |
132 | 그레이 스타일 레이아웃 카테고리 노출이 안됩니다. | 샤사 | 2010.09.27 | 8123 |
131 | 엘카님 스킨 잘 쓰고 있습니다 문의합니다. [1] | NHJ | 2010.09.06 | 8020 |
130 | 문의드립니다. | 타임 | 2011.04.15 | 7980 |
129 | Gray Style 2 Lite | ludwings | 2011.01.10 | 7954 |
128 | elkha_graystlye2 ie6에서로그인문제문의드려요~~ | reo | 2011.02.26 | 7859 |
127 | Elkha님!! | Carpe | 2010.10.10 | 7840 |
126 | 엘카그레이 레이아웃을 적용하였습니다 | 차칸악마 | 2010.02.24 | 7795 |
125 | 자료가 좋아요~ [1] | Table | 2012.06.07 | 7616 |
» | Elkha-XE Official Skin 스크롤바 | 하박 | 2010.12.23 | 7616 |
123 | 안녕하세요 | felixkh | 2011.01.31 | 7597 |
122 | 스킨구매에 대하여 | muppy23 | 2010.10.18 | 7581 |
121 | 스킨 정말 잘 만드셨네요~ [2] | 정낙훈 | 2010.02.18 | 7580 |
120 | Gray Style 2 레이아웃 수정 [3] | 라키아 | 2010.05.01 | 7565 |
119 | 게시판에서 색상관련 문의드립니다~ | 미디맨 | 2010.02.24 | 7537 |
118 | 안녕하세요 | felixkh | 2011.01.08 | 7520 |
117 | 엘카님 만큼만 플래시 다뤘으면 정말 좋겠네요. [2] | 정낙훈 | 2010.02.19 | 7457 |
116 | 메뉴에 'NEW' 달면 위치이동 | 견도 | 2010.08.27 | 7440 |