묻고답하기

  2. Support
  3. 묻고답하기

어떤걸 바꿔야 메인이 바뀔까요

2010.03.21 22:33

울이보아

레이아웃의 css 파일이 있는데 다 써내려가 볼께요. 이레이아웃저 하얀부분을 검은색으로 만들고 싶어서요ㅠㅠㅠ

 


common.css

@charset "utf-8";

/* 클릭시 점선제거*/
a { selector-dummy : expression(this.hideFocus=true);}

/* Common Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }

/* Site Layout - Body Wrap */
body { background:#000000 }
#bodyWrap { width:980px; background:#000000; margin:5px auto 0 auto; }

/* top 배경이미지 크기 */
#header { position:relative; width:980px; height:227px; z-index:99;}

/* Top 이미지 위치*/
#top_img .top { position:absolute; top:0px; list-style:none;}
#top_img .ba { position:absolute; top:15px; right:0px; z-index:1; list-style:none;}

/* 검색창 */
#isSearch { position:absolute; top:10px; right:10px; text-align:right; z-index:5;}

/* top 베너 위치*/
#top_banner { position:absolute; top:65px; left:550px; }

/* Sitemap
---------------------------------------------------------------------------------*/
#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}

#sitemap .extension{ *zoom:1; padding:15px 0; margin-bottom:15px; border-top:1px dotted #A5A5A5;}
#sitemap .extension:after{ content:""; display:block; clear:both; }
#sitemap .extension .section{ float:left; width:125px; margin:0; padding:0 0 0 10px; background:url(../images/lineKneeVr.gif) repeat-y 0 0;}
#sitemap .extension .section.logo{ background:none; padding:0 10px 0 10px; font-size:1.5em; color:#ff6600;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;}
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}

/* Site Layout - Footer
---------------------------------------------------------------------------------*/
#bottom { border-top:1px dotted #a5a5a5; padding:10px 0; }
#bottom .bottom_l { float:left; text-align:center; }
#bottom .bottom_r { margin:5px 0 10px 150px; }
#bottom .bottom_r .b_menu { margin-bottom:5px; }
#bottom .bottom_r .b_menu a { background:url(../images/lineKneeVr.gif) repeat-y 0 0; padding-left:10px; font-weight:bold; color:#cc9900; font:1em Tahoma; text-decoration:none; overflow:hidden; }
#bottom .text1 { padding:5px 0 5px 20px; font-size:12px; color:#808080; }
#bottom .text2 { padding:5px 0 5px 20px; font-size:12px; color:#808080; }

#footer_img .mail { background:url(../images/email.gif) no-repeat center left; padding-left:15px; }

/* Site Accounts
---------------------------------------------------------------------------------*/
.account{ position:absolute; top:8px; left:0px; margin:0; padding:0; z-index:10;}
.account li{ position:relative; float:left; list-style:none; background-image:url(../images/lineHeaderVr.gif)undefinedundefinedundefined; background-repeat:no-repeat; background-position:left 4px;}
div.black .account li{ background-image:url(../images/lineHeaderVrBlack.gif)undefinedundefinedundefined;}
.account li *{ vertical-align:top;}
.account li li{ float:none; height:auto; background-image:none;}

.account li.log{ background-image:none; font-size:0; line-height:0;}
.account li.log a{ display:block; padding:5px 8px;}

.account li.profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url(../images/buttonProfile.gif)undefinedundefinedundefined; background-repeat:no-repeat; background-position:center -10px; overflow:visible;}
div.black .account li.profile button{ background-position:center 5px;}
.account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:11;}

.account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;}
.account li.profile .memberProfile.active{ display:block;}
.account li.profile .memberProfile .authorName{ margin:0 0 5px 0; font-size:14px; font-weight:bold; color:#333; white-space:nowrap;}
.account li.profile .memberProfile .point{ margin:0 0 5px 0; font-size:12px; color:#f60; white-space:nowrap;}
.account li.profile .memberProfile .latestLogin{ margin:0 0 8px 0; font-size:12px; color:#888; white-space:nowrap;}
.account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
.account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url(../images/bulletB.gif) no-repeat left center;}
.account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
.account li.profile .memberProfile li a:hover,
.account li.profile .memberProfile li a:active,
.account li.profile .memberProfile li a:focus{ text-decoration:underline;}
.account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/buttonCloseX.gif) no-repeat center center;}
.account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

.account li.register a{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url(../images/buttonRegister.gif)undefinedundefinedundefined; background-repeat:no-repeat; background-position:center -10px;}
div.black .account li.register a{ background-position:center 5px;}
.account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:12;}

.account li.fa { position:relative; }
.account li.fa a { display:block; padding:5px 8px; }
.account li.fa a:hover,
.account li.fa a:focus { color:#ffffff; font:.8em Tahoma; }

.account li.language{ position:relative;}
.account li.language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url(../images/buttonLanguage.gif)undefinedundefinedundefined; background-repeat:no-repeat; background-position:-92px -10px;}
div.black .account li.language em{ background-position:8px -10px;}
.account li.language em span{ display:inline-block; overflow:hidden; visibility:hidden;}
.account li.language em.ko{ background-position:-92px -10px;}
div.black .account li.language em.ko{ background-position:8px -10px;}
.account li.language em.en{ background-position:-92px -25px;}
div.black .account li.language em.en{ background-position:8px -25px;}
.account li.language em.jp{ background-position:-92px -40px;}
div.black .account li.language em.jp{ background-position:8px -40px;}
.account li.language em.zh-CN{ background-position:-92px -55px;}
div.black .account li.language em.zh-CN{ background-position:8px -55px;}
.account li.language em.zh-TW{ background-position:-92px -70px;}
div.black .account li.language em.zh-TW{ background-position:8px -70px;}

.account li.language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url(../images/buttonLanguage.gif)undefinedundefinedundefined; background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;}
div.black .account li.language button{ background-position:8px 5px;}
.account li.language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
.account li.language .sLanguage{ position:relative; width:100px; text-align:right;}
.account li.language .sLanguage span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; background-image:url(../images/buttonSelectLanguageToggle.gif)undefinedundefinedundefined; background-repeat:no-repeat; background-position:85px 4px;}
.account li.language.open .sLanguage span{ background-position:85px -6px;}
.account li.language .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:20px; right:0; background:#888; border:1px solid #eee;}
.account li.language.open .languageList{ display:block; z-index:999;}
.account li.language .languageList button{ width:100%;}
div.black .account li.language .languageList{ background:#666; border-color:#888;}
.account li.language .languageList .ko button{ background-position:-92px -10px;}
div.black .account li.language .languageList .ko button{ background-position:8px -10px;}
.account li.language .languageList .en button{ background-position:-92px -25px;}
div.black .account li.language .languageList .en button{ background-position:8px -25px;}
.account li.language .languageList .jp button{ background-position:-92px -40px;}
div.black .account li.language .languageList .jp button{ background-position:8px -40px;}
.account li.language .languageList .zh-CN button{ background-position:-92px -55px;}
div.black .account li.language .languageList .zh-CN button{ background-position:8px -55px;}
.account li.language .languageList .zh-TW button{ background-position:-92px -70px;}
div.black .account li.language .languageList .zh-TW button{ background-position:8px -70px;}

.account li.language .languageList li { display:none;}
.account li.language .languageList .ko,
div.black .account li.language .languageList .ko,
.account li.language .languageList .en,
div.black .account li.language .languageList .en,
.account li.language .languageList .jp,
div.black .account li.language .languageList .jp,
.account li.language .languageList .zh-CN,
div.black .account li.language .languageList .zh-CN,
.account li.language .languageList .zh-TW,
div.black .account li.language .languageList .zh-TW { display:block; }

/* Ajax Login Layer (Modal Window)
---------------------------------------------------------------------------------*/
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;}
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity:60);}
.loginWindow .loginLayer{ position:absolute; margin:0 0 0 -175px; width:305px; top:120px; left:50%; padding:30px 0 0 0; color:#797771; background:#f9f9f9 url(../images/bg_shape.gif) no-repeat left bottom; border-top:2px solid #636870; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }

.loginWindow .loginLayer form{ *zoom:1; position:relative; }
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}

.loginWindow .loginLayer #commonLogin{ height:100px; }
.loginWindow .loginLayer #openidLogin{ height:55px; }
.loginWindow .loginLayer input.id{ position:absolute; top:0; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url(../images/bg_id.gif) no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer input.password{ position:absolute; top:27px; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url(../images/bg_pass.gif) no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}

.loginWindow .loginLayer .oid_desc { margin:20px 0 10px 33px; }
.loginWindow .loginLayer form_field { margin:0; padding:0; }
.loginWindow .loginLayer input.oid{ margin-left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url(../images/bg_id.gif) no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer input.submit_oid { width:52px; height:22px; background:url(../images/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:0px; left:199px; }

.loginWindow .loginLayer .saveIDinfo { position:absolute; top:5px; left:196px; font:8pt 돋움; letter-spacing:-1px; }
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer input.submit { width:52px; height:22px; background:url(../images/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:27px; left:199px; }

.loginWindow .loginLayer .help{ position:absolute; top:98px; left:27px; font:8pt 돋움; letter-spacing:-1px; margin:0; padding:0;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:14px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}

.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}

.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

 

silver.css

@charset "utf-8";

/* Slive Skin - Start */

/* main 1차 메뉴 */
#gnb { position:absolute; top:159px; left:5px; height:50px; overflow:hidden; white-space:nowrap; margin-bottom:10px; z-index:9;}
#gnb li { float:left; list-style:none; background:url(../images/slive/bgGnbVr.jpg) no-repeat left center; padding-left:2px; padding-top:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#000000; font:1.2em arial, sans-serif; white-space:nowrap; text-decoration:none; font-weight:bold; }
#gnb li a:hover,
#gnb li a:focus { color:#FFFF00; font:1.2em arial, sans-serif; font-weight:bold; background:url(../images/slive/arrow_white.png) no-repeat center bottom; _background:url(../images/slive/arrow_white.gif) no-repeat center bottom;}
#gnb li.on a { color:#FFFF00; font:1.2em arial, sans-serif; font-weight:bold; background:url(../images/slive/arrow_white.png) no-repeat center bottom; _background:url(../images/slive/arrow_white.gif) no-repeat center bottom;}

/* main 2차 메뉴 */
.gnb_sub { position:absolute; top:200px; left:20px; height:24px; overflow:hidden; white-space:nowrap;  }
.gnb_sub li { float:left; list-style:none; background:url(../images/slive/sub_part.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 15px 0 15px; height:18px; color:#c3c3c3; white-space:nowrap; text-decoration:none; font-weight:bold; }
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:#666666; font-weight:bold; }
.gnb_sub li.on a, .gnbin li.on a:hover { color:#666666; background:url(../images/slive/arrow_3.gif) no-repeat center bottom; font-weight:bold; }

/* 메뉴 */
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:110px; height:13px; color:#5558d0; border:1px solid #666666; background-color:#ebebeb; ime-mode:active; }

#logo img { position:absolute; top:60px; left:20px; z-index:1; }
#logo .t { position:absolute; top:75px; left:80px; font:32px "arial black", arial, sans-serif; font-weight:bold; color:#c3c3c3; text-decoration:none; }

#bottom .bottom_l h1 { margin:2px 5px 0 10px; font:25px "arial black", arial, sans-serif; font-weight:bold; color:#c3c3c3; }
#bottom .bottom_l img { margin:2px 5px 0 10px; }

/* 좌측2차메뉴 */
#lnb_t { margin-top:10px; padding:10px 0 0 0; width:200px; height:22px; background:url(../images/slive/zt.gif) no-repeat; }
#lnb_t h1 { font-size:20px; color:#999999; padding-left:20px; }

#lnb { width:200px; background:url(../images/slive/zm.gif) repeat-y;}
#lnb li { list-style:none; }
#lnb li a:hover,
#lnb li a:focus { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; background:url(../images/slive/bgLnbOn.gif) no-repeat center; color:#f60; position:relative; z-index:97; text-decoration:none; }
#lnb li a { padding:10px 0px 0px 23px; width:177px; height:16px; display:block; background:url(../images/slive/bgLnbOff.gif) no-repeat center; color:#999999; position:relative; z-index:96; text-decoration:none; }
#lnb li.on a { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; color:#f60; font-weight:bold; background:url(../images/slive/bgLnbVr.gif) no-repeat center; position:relative; z-index:95; text-decoration:none; }

#lnb li ul { display:none; position:relative; width:200px; position:relative; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding-left:10px; position:relative; top:-1px;}
#lnb li ul li a { padding:10px 0px 0px 0px; width:200px; color:#C0C0C0 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#808080 !important; font-weight:bold !important; !important;}

#lnb_b { width:200px; height:25px; background:url(../images/slive/zb.gif) no-repeat;}

/* Site Layout - Footer */
#footer_img { font-size:15px; color:#666; width:980px; height:30px; background:url(../images/slive/bottom.gif) no-repeat center; text-align:center; padding-top:17px; clear:both;}
#footer_img a { font-size:15px; color:#464646; font-weight:bold; text-decoration:none;}

/* Slive - End */

 

 

mainsub.css

@charset "utf-8";

/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:10px; overflow:hidden; }

/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; }

#columnLeft .dlink { padding:0px 0; text-align:center; border:0px dotted #d7d7d7; width:200px; }
#columnLeft .dlink img{ border:0px double #D9D9D9; }

/* 위젯 */
#rss { padding:5px 0px; width:200px; text-align:center; }

/* Site Layout - Column Right */
#columnRight { width:770px; overflow:hidden; margin-top:0px;}
#visualArea { width:770px; height:200px; background:#000000; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Mainsub Skin - End */

 

onlymain.css

@charset "utf-8";

/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:10px; overflow:hidden; }

/* Site Layout - Column Right */
#columnRight { width:980px; float:right; overflow:hidden; margin-top:0px;}
#visualArea { width:980px; height:200px; background:#000000; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Onlymain Skin - End */

 

 

 

 

 

 

 

 

 

 

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
디아블로 플래쉬를 삽입했을 때 로그인 창이 열리면 플래쉬무비 뒤에 가립니다. [2] file 2010.03.22 by 이실두루
정진형318 XE 미적용된 페이지에서 XE 게시판의 글을 이용한 최신글 출력하기  
최재완 게시판을 똑같은 구조와 내용으로 복사(복제)하려고 합니다 [1] 2010.03.22 by 된장맛껌
웰빙샵 지영 다락방 서버로 XE 이전했는데 버튼이 안먹고..서브페이지 깨짐현상 [1] 2010.03.22 by 백성찬
울이보아 어떤걸 바꿔야 메인이 바뀔까요 [1] 2010.03.22 by 현원
그쟁이 본문 여백 [1] file 2010.03.22 by 현원
Black Zack 최근게시물 텍스트 align 양쪽정렬로 어떻게 바꿔요? [1] file 2010.03.22 by 현원
Ryansv 텍스타일 -> xe로 api발행 [1] 2010.03.22 by 김세영647
꼬야꼬야제로보드달꼬야 위젯스타일 심플한거 갖고계신분 file  
심재범129 메뉴관리 불가현상 [1] file 2010.03.22 by 이바지
다니엘킴 게시판에 첨부이미지만 올리면 깨짐 문의드려요  
노력중 회원인증메일 [1] 2010.03.21 by 공듀
최은규605 제로보드XE+apmsetup6 로그인이 안되요  
ㅎㅏ늘이 급한질문!! [1] file 2010.03.21 by ㅎㅏ늘이
배재성님 제로보드 재배포 [1] 2010.03.21 by So_BLuE
이진적사고 루트에 설치되지 않은 xe 폴더로 바로 가는 방법 [2] 2010.03.21 by So_BLuE
뷰티짱 뭘 클릭해도 계속 forbidden이 뜨네요 file  
자이권 xe 게시판, 최근게시물 [1] 2010.03.21 by 현원
커피민트 하위디렉토리를 크릭해도 인덱스 파일로 연결되게 할 방법은 없나요?  
베르디엘 메뉴 연결 URL 다른 프레임에 내용이 보이도록 할수는없나요? [1] 2010.03.21 by 현원
Black Zack 완성된 HTML 페이지에 게시판 삽입 어떻게하나요? [1] file 2010.03.21 by 현원
hjpkorea 플래시에서 xml 문서의 내용을 읽어들일 때 문제가 발생합니다 [1] 2010.03.21 by chohee
creent 변수를 불러오는 구조를 알고 싶습니다. [1] 2010.03.21 by SMaker
nicole7 에드온에 관한질문입니다! [1] 2010.03.21 by yohan666
hjpkorea 게시글 바로가기 링크 수정 file  
@!@ 로그인창에 인푸트박스 포커스 문의 [3] 2010.03.21 by 현원
코리아원더풀 제 사이트는 http://narasarang.zc.bz/ 입니다. target="window3"으로 지정된 window3로 들어가지 않습니다. 처음은 들어가는데 그 다음은 그냥 새로운 창을 열면서 나타납니다. 어떻게 하면 좋은지 알려주시면 감사하겠습니다. [1] 2010.03.21 by 꼬야꼬야제로보드달꼬야
졸라맨 게시판 목록이 익스플로러의 글꼴을 크게 하면 크게 나오더라구요 [1] 2010.03.21 by 백성찬
이르a xe 기본게시판 - 익명게시판에서 알림 체크해도 쪽지 오지 않는 문제 [1] 2010.03.21 by 백성찬
해송아빠 게시판 사이즈를 고정하고 싶습니다~ file  
태그 쓰기