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
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
115 | 로그인후 포인트가 나오게하려면 어떻게 수정하면 되나요? | wj1202 | 2010.04.08 | 6422 |
114 | 질문좀 드릴게요..ㅠㅠ [2] | JH | 2010.04.09 | 6585 |
113 | 메인 화면 질문이요 ! | GoodBoy | 2010.04.10 | 7053 |
112 | sky2 플래쉬 최신파일은 어디서 구하나요? | 서윤지 | 2010.04.13 | 6483 |
111 | 엘카님 질문좀 ㅠㅠ [3] | Yalu | 2010.04.14 | 6642 |
110 | 하나만 문의할게요 [2] | 랜덤 | 2010.04.15 | 6558 |
109 | 알아냈습니다. [1] | 하연울 | 2010.04.15 | 6641 |
108 | sky2 ver 1.0 너무 잘사용하고 있는데요, 질문사항이요 [3] | 두화니 | 2010.04.15 | 6815 |
107 | 메뉴 플레시 파일 수정 [1] | 김낫노 | 2010.04.22 | 6780 |
106 | graystyle2_lite 레이아웃 수정에 대한 질문입니다. [3] | 베타유저 | 2010.04.22 | 6387 |
105 | 라이센스 구매관련 문의 [2] | rubi | 2010.04.22 | 6723 |
104 | 질문게시판이 없어 아쉽네요.. | 허용.. | 2010.04.24 | 6622 |
103 | 플레쉬 밑에 2차메뉴가 감춰집니다. | 지나 | 2010.04.27 | 6670 |
102 | 이제갓입문한 잉여입니다. [2] | ㅁ | 2010.04.27 | 5800 |
101 | Gray Style 2 레이아웃 수정 [3] | 라키아 | 2010.05.01 | 7565 |
100 | 급해서...ㅠㅠ | 송 | 2010.05.04 | 7271 |
99 | 엘카님 스킨과 상관없는 질문을 해도 될까요? | 맥님 | 2010.05.06 | 6718 |
98 | 엘카님 레이아웃으로 홈피 다 완성했어요~좀 봐주셔요 ^^;; [2] | bbcbbc | 2010.05.10 | 8792 |
97 | 스카이2 레이아웃으로 홈피만들고 있어요~~ | 컴투인 | 2010.05.11 | 7167 |
96 | 엘카님 오랜만이에요 >.<;ㅋㅋ | misol | 2010.05.12 | 6484 |