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 | 라이센스 관련 문의 드립니다. | 디기디기딥 | 2010.04.03 | 6969 |
54 | 문의드립니다. | simple | 2010.04.03 | 6626 |
53 | 안녕하세요. 몇가지 알고싶은게 있습니다. | 대단하십니다. | 2010.04.03 | 6256 |
52 | 메뉴가 위로 올라가는것이 혹시 게시판 스킨과 관련이 있는지? [2] | wj1202 | 2010.03.31 | 6485 |
51 | 플래쉬메뉴 때문에 조언좀 부탁드릴께요~꾸벅. | 최문영 | 2010.03.30 | 6262 |
50 | 질문드립니다. [3] | simple | 2010.03.30 | 5940 |
49 | 문의드립니다.~^^ [3] | OZBIKE | 2010.03.30 | 5886 |
48 | 문의드립니다~ [2] | eM | 2010.03.29 | 5744 |
47 | 하단 이미지 로고에 대한 문의 입니다. | 그림 | 2010.03.22 | 5857 |
46 | 레이아웃 스킨 사용권 문의 입니다 | 진오 | 2010.03.22 | 5920 |
45 | 스킨 잘 쓰고 있습니다. ^^ [4] | StarForuM | 2010.03.21 | 5515 |
44 | 이미지 변경해도 되는건가요? | 궁금해요 | 2010.03.21 | 6817 |
43 | 레이아웃을 적용했는데 아무것도 안나와요 [2] | 나당 | 2010.03.20 | 5906 |
42 | 플래시 메뉴 관련 도와주실분 찾습니다. [4] | serendy | 2010.03.19 | 6151 |
41 | sky2 스킨관련 질문좀 드리겠습니다. [1] | 니투맘 | 2010.03.19 | 5715 |
40 | 프리미엄 구매 방법 [2] | 레드스탁 | 2010.03.18 | 5885 |
39 | 프리미엄 게시판 관련 [2] | Enigma Box | 2010.03.18 | 5979 |
38 | Elkha - Gray Style 2 Lite의 3단 메뉴를 elkha_graystyle에서 사용??? [3] | 미노 | 2010.03.18 | 6133 |
37 | 조용한게시판...개발멈춘다고해서 절망했는데 ㅜㅜ 다행입니다~~ | yum | 2010.03.16 | 6750 |
36 | Elkha - Gray Style 2 ... 멋져요@ㅁ@b | 염소 | 2010.03.15 | 6441 |