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
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
155 | 좀 어렵네요. ^^; | 정낙훈 | 2010.02.24 | 6947 |
154 | sky2 관련 질문. | RTBK | 2010.02.24 | 6722 |
153 | 엘카그레이 레이아웃을 적용하였습니다 | 차칸악마 | 2010.02.24 | 7795 |
152 | Sky 와 Gray Style을 섞어서 사용하고자 하는데요 | 염소 | 2010.02.25 | 6724 |
151 | 비밀글이 안되어 일단 글 남깁니다. [16] | 요다 | 2010.02.26 | 9541 |
150 | 감사합니다..sky2 사용자 입니다.. | 알라딘 | 2010.02.26 | 9191 |
149 | sky 레이아웃을 써보고 싶은데요. | 김경환 | 2010.02.27 | 6900 |
148 | 좌우 여백 질문드려요~ | 미디맨 | 2010.02.27 | 7198 |
147 | 위젯태그 사용에서 [2] | 이우희 | 2010.03.05 | 6666 |
146 | 로그인 위젯 관련 질문입니다. [1] | Robins | 2010.03.06 | 6852 |
145 | 의뢰합니다^^ [4] | 요다 | 2010.03.06 | 6505 |
144 | 엘카님의 게시판을 사용하고 있습니다 | 엘카게시판 | 2010.03.07 | 5820 |
143 | sky2 스킨 문의입니다. [2] | 카일 | 2010.03.09 | 6291 |
142 | 스카이 심플 사용하고 있습니다. | van | 2010.03.12 | 6734 |
141 | 게시판 | 지강욱 | 2010.03.13 | 5850 |
140 | Elkha - Gray Style 2 ... 멋져요@ㅁ@b | 염소 | 2010.03.15 | 6445 |
139 | 조용한게시판...개발멈춘다고해서 절망했는데 ㅜㅜ 다행입니다~~ | yum | 2010.03.16 | 6757 |
138 | Elkha - Gray Style 2 Lite의 3단 메뉴를 elkha_graystyle에서 사용??? [3] | 미노 | 2010.03.18 | 6141 |
137 | 프리미엄 게시판 관련 [2] | Enigma Box | 2010.03.18 | 5991 |
136 | 프리미엄 구매 방법 [2] | 레드스탁 | 2010.03.18 | 5897 |