이 스킨은 XE 1.5 와 Xe 1.7 등 상위버전에서는 호환이 안 됩니다.
상위버전의 스킨은 아직까지는 유료 사이트 개발에만 사용하고 있고, 무료 배포계획이 없습니다. 죄송합니다 ^^;
더 이상의 문의등록은 불가능하며, 보관용으로 게시판을 남겨둡니다. ^^
먼저 좋은 스킨 만들어주신 제작자분들께 감사드립니다. 게시판 스킨 배경 관련해서 질문이 있는데요,
white.css 파일의 background를 수정하여 게시판 자체의 색은 전체 홈페이지의 배경색으로 바뀌어는데,
iframe안에서 게시판을 제외한 다른 부분의 색은 하얀색으로 남아있습니다.
아래부분의 하얀 공백부분까지 배경색으로 바꾸고 싶으면 어떻게 해야하나요?
일단 현재 게시판 사진과 수정한 white.css 파일 내용을 아래에 첨부합니다.
@charset "utf-8";
/* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* XE White Theme */
/* Board Reset */
.board{ background:#CECCC0; color:#333;}
.board .inputText,
.board textarea,
.board select{ background:##CECCC0; 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:#bababa;}
/* Board Header */
.boardHeader {background:#CECCC0;}
.boardHeader a{ color:#4d4d4d;}
.boardHeader .boardTitle{ border-color:#ddd; }
.boardHeader .boardTitleText{ border-color:#666; background-image:url(../img/white/lineVr11.gif);}
.boardHeader .boardTitleText a{ color:#000;}
.boardHeader .boardTitleText em{ color:#666;}
.boardHeader .boardDescription { border:2px outset #aaa; background:#CECCC0; line-height:160%; width:95%;}
/* Board Information */
.boardInformation em,
.boardInformation strong{ color:#ff6600;}
.boardInformation .infoView li.icon a{ background-image:url(../img/common/icons.gif);}
.boardInformation .infoView li.setup a{ background-image:url(../img/common/buttonSetup.gif);}
/* Board List Form */
.boardListForm em,
.boardListForm strong{color:;}
/* category style 이 top_wide 인 경우의 설정부분 */
.boardCategory .category_top {}
.boardCategory .category_top_on {color:#ff0097; font-weight:bold;}
/* Board List */
.boardList{ border-color:#bababa;}
.boardList a{ color:#4d4d4d;}
.boardList .jumpTo button{ background-color:#CECCC0; border-color:#ccc; color:#000;}
.boardList .meta li{ background-image:url(../img/white/lineVr9.gif);}
.boardList .replyNum{ color:#ff3636;}
.boardList .trackbackNum{ color:#66c;}
.boardList .replyAnchor{ color:#06C;}
.boardList th{ border-color:#dcdcdc; color:#4d4d4d;}
.boardList th a{ color:#333;}
.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:#CECCC0;}
.boardList td .notice{ background-image:url(../img/white/lineVr9.gif);}
.boardList td .category{ color:#888 };
.boardList td .by{ color:#ccc;}
.boardList.webZine td .title .category{ font-weight:normal; font-size:20px;}
.boardList.webZine td .title .webzine_title{ color:#000; font-weight:normal; font-size:14px}
.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:#CECCC0; border:0px;}
.thumbList li .thumb a img{ border:1px solid #ccc; }
.thumbList li .thumb a .text{ color:#ccc;}
.thumbList li .thumb a .category{ background:#CECCC0; opacity:.6; filter:alpha(opacity=60); color:#fff;}
.thumbList li .thumb a .noPhoto{ background:#CECCC0;}
.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);}
/* Board Read */
.boardReadHeader a{ color:#262626;}
.boardReadHeader .titleArea{ border-top-color:#bababa; border-bottom-color:#dcdcdc;}
.boardReadHeader .titleArea .title a {}
.boardReadHeader .titleArea .category{ color:#4d4d4d; background-image:url(../img/white/lineVr9.gif);}
.boardReadHeader .titleArea .num{ color:#adadad;}
.boardReadHeader .titleArea .date{ color:#adadad; background-image:url(../img/white/lineVr9.gif);}
.boardReadHeader .authorArea .ipAddress{ color:#adadad;}
.boardReadHeader .authorArea .permaLink{ color:#adadad;}
.boardReadFooter .memberSignature{ border-color:#ccc; background-color:#CECCC0;}
.boardReadFooter .memberSignature img.profile { border-color:#eee;}
.boardReadFooter .memberSignature a {color:#000; font-weight:bold;}
.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.itemReply .indent{ background-image:url(../img/common/iconReply.gif);}
.feedbackList .item .header{ color:#8b8b8b;}
.feedbackList .item .header a{ color:#262626;}
.feedbackList .item .itemContent .option li{ background-image:url(../img/white/lineVr9.gif);}
.feedbackList .item .itemContent .option li a{ color:#666;}
.feedbackList .item .itemContent .delete{ background-image:url(../img/common/buttonDelete.gif);}
.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:#CECCC0;}
/* Attached File */
.attachedFile ul.files a{ padding-left:15px; background-image:url(../img/common/iconFile.gif); 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:#CECCC0;}
/* 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:#CECCC0;}
.extraVarsList td{ background:#CECCC0;}
.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:#CECCC0; border-color:#eee;}
#popup_menu_area ul{ border-color:#ddd;}
#popup_menu_area li a{ color:#000;}
/* slide 형 */
.dhtmlgoodies_question{ font-size:0.9em; width:auto; height:auto; text-align:justify; margin-bottom:5px; overflow:hidden; float:left; display:inline; cursor:pointer; }
.dhtmlgoodies_answer{ width:100%; border:1px solid #ddd; margin-top:10px; padding:0px 5px 0px 5px; background-color:#CECCC0; height:0px; visibility:hidden; overflow:hidden; clear:both; position:relative; color:#333;} /* */
.dhtmlgoodies_answer_content{ background:url(../img/common/a.png) no-repeat 0px 4px; padding:4px !important;font-size:0.9em; position:relative; color:#333;}
white.css 제일 상단에
body {background:#ccc} 라고 넣어보세요
게시판 페이지 자체에 색상을 넣어야 iframe 에서 그 색이 적용된다고 하네요.
다만, 처음 로딩시 순간적으로 흰색이 뜨는건 어쩔 수 없습니다 (브라우저 자체가 하얀색배경이기에..)