묻고답하기

  2. Support
  3. 묻고답하기

스킨 본문을 검은색으로 하려면....어떻게해야대나요

2012.01.09 23:36

키스미베이베

http://www.xpressengine.com/20398068


이글 답변 정말 감사드립니다.


이런식으로하고 밑분 말처럼 상단내용에 태그를 추가하니


스킨없이는 아주잘됩니다


근대 제가 elkha님 gray style 스킨을 변형한걸 쓰는대요


이스킨을쓰면 송동우님이 말씀하신건 되는대


본문내용과 나머지 배경들이 흰색이 되네요 ㅜㅜ.....


어떤방법이 없을까여


아래는 레이아웃 스킨 layout.html 코딩


<!--%import("js/js.js")-->

<!--%import("css/default.css")-->

<!--%import("lang")-->


<style type="text/css">

<!--@if($layout_info->content_margin)-->#content .content_margin { margin:{$layout_info->content_margin}px;}<!--@end-->

<!--@if($layout_info->widget_width)-->

{@$tmp = $layout_info->widget_width}

#contentWrapper { background-position:{(1000-$tmp)}px top;}

#content { width:{(1000-$tmp)}px; float:left; }

#widget div.widget_div div.widget_content { width:{$tmp}px;}

<!--@end-->

</style>


{@$category = array()}


<div id="outerWrapper_shadow" class="{$layout_info->colorset}">

<div id="outerWrapper_top"></div>

<div id="outerWrapper_left"><div id="outerWrapper_right">

<div id="outerWrapper">

<div id="header">

<div id="header_login">

<span class="header_title"><a href="{$layout_info->index_url}" title="<!--@if(!$layout_info->index_name)-->Simple Layout<!--@else-->{$layout_info->index_name}<!--@end-->"><!--@if(!$layout_info->index_name)-->Gray Style layout<!--@else-->{$layout_info->index_name}<!--@end--></a></span>

<!-- // Thank you for the login layer! -->

<!--@if(!$is_logged)-->

   {@ $member_config = MemberModel::getMemberConfig(); }

   <!--%import("filter/login.xml")-->

           <form action="" method="post" class="typeA" id="commonLogin" onsubmit="return procFilter(this, login)">

               <fieldset>

                   <legend>XE Login</legend>

                   <dl>

                       <dt><label for="uid">{$lang->user_id}</label></dt>

                       <dd><input name="user_id" type="text" class="inputText" id="uid" value="{$lang->usr_id}" onfocus="this.value=(this.value=='{$lang->usr_id}')? '' : this.value;" /></dd>

                       <dt><label for="upw">{$lang->password}</label></dt>

                       <dd><input name="password" type="password" class="inputText" value="87654321" id="upw" onfocus="this.value='';" /></dd>

                   </dl>

                   <span class="keep"><input name="keep_signed" type="checkbox" id="keepA" value="Y" class="inputCheck" onclick="if(this.checked) return confirm('{$lang->about_keep_signed}');" /><label for="keepA">{$lang->keep_signed}</label></span>

                   <span class="loginButton"><input name="" type="submit" value="{$lang->cmd_login}" /></span>

                   <!--@if($member_config->enable_openid=='Y')--><span class="loginButton"><input type="button" value="{$lang->open_id}" onclick="jQuery('#commonLogin').css('display','none');jQuery('#openidLogin').css('display','block');" /></span><!--@end-->

               </fieldset>

           </form>

           <!--@if($member_config->enable_openid=='Y')-->

           <!--%import("filter/openid_login.xml")-->

           <form action="./" method="post" class="typeB" id="openidLogin" onsubmit="return procFilter(this, openid_login)">

               <fieldset>

                   <legend>OpenID Login</legend>

                   <dl>

                       <dt><label for="oid">Open ID</label></dt>

                       <dd><input name="openid" type="text" class="inputText" id="oid" value="OpenID" onfocus="this.value='';" /></dd>

                   </dl>

                   <span class="loginButton"><input name="" type="submit" value="{$lang->cmd_login}" /></span>

                   <span class="loginButton"><input type="button" value="{$lang->my_id}" onclick="jQuery('#openidLogin').css('display','none');jQuery('#commonLogin').css('display','block');" /></span>

               </fieldset>

           </form>

           <!--@end-->

<span><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->join}</a></span>

<span><a href="{getUrl('act','dispMemberFindAccount')}">{$lang->cmd_find_member_account}</a></span>

<!-- 스파크웨어 수정(인증메일 재발송 숨기기) http://sparkware.co.kr -->

<!--@if($layout_info->remail !='hide')-->

<span><a href="{getUrl('act','dispMemberResendAuthMail')}">{$lang->cmd_resend_auth_mail}</a></span>

<!--@end-->

<!--@else-->

<span><a href="#" class="member_{$logged_info->member_srl}" onclick="return false;" title="{$lang->myinfo}">{sprintf($lang->login_message, $logged_info->nick_name)}</a></span>

<span><a href="{getUrl('act','dispMemberLogout')}">{$lang->logout}</a></span>

<!--@if($logged_info->is_admin == "Y")--><span><a href="{getUrl('','module','admin')}" class="user_info" title="{$lang->cmd_management}">{$lang->manage}</a></span><!--@end-->

<span><a>{@$oPointModel = &getModel('point'); $point = $oPointModel->getPoint($logged_info->member_srl);}<Strong>포인트</Strong> : {$point} point</a></span>

      <span><img style="width:350px;" class="zbxe_widget_output" widget="point_status" skin="sex" colorset="layout" ></span>

 

<!--@end-->

 

<div class="blank"></div>

</div>

   <div class="header_search">

 <form action="{getUrl()}" method="post" id="isSearch">

<input type="hidden" name="mid" value="{$mid}" />

<input type="hidden" name="act" value="IS" />

<input name="is_keyword" type="text" class="inputText" title="keyword" />

<input type="submit" title="{$lang->cmd_search}" value="" class="submit" />

</form>

</div>

<!-- 스파크웨어 수정... 언어선택 숨기기 http://sparkware.co.kr -->

<!--@if($layout_info->chooseLang =='default')-->

<div class="select_language">{@$tmp=0;}

<span class="language_title">Select Language </span>

<div class="language_line">

<span class="select_language_button"><button type="button" title="Select Language">{$lang_supported[$lang_type]}</button></span>

<ul>

<!--@foreach($lang_supported as $key => $val)--><!--@if($key != $lang_type)-->

{@$tmp++}

<li><button type="button" onclick="doChangeLangType('{$key}');return false;"><span>{$val}</span></button></li>

<!--@end--><!--@end-->

</ul>

</div>

<!--@if($tmp==0)-->

<style type="text/css">#header select_language { display:none; }</style>

<!--@end-->

</div>

<!--@end-->

<h1 class="{$layout_info->colorset}"><a href="{$layout_info->index_url}" title="<!--@if(!$layout_info->index_name)-->Gray Style<!--@else-->{$layout_info->index_name}<!--@end-->" <!--@if($layout_info->logo_image)-->style="background:url({$layout_info->logo_image}) no-repeat;"<!--@end-->>

<span><!--@if(!$layout_info->index_name)-->Gray Style layout<!--@else-->{$layout_info->index_name}<!--@end--></span>

</a></h1>

<!-- #gnb by 김무건 || Elkha (elkha1914@hotmail.com) -->

<div id="gnb" class="Wrapper {$layout_info->newPost}">

<ul class="first_ul">{@$tmp=0}

<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->

<li class="first_li<!--@if($val['selected'])-->{@$category[$tmp]=$val}{@$tmp++} selected<!--@end-->">

<a href="{$val['href']}"<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end--> class="first_a<!--@if($val['list'])--> sub first_sub<!--@end-->"><!--@if($val['text']==$val['link'])--><span>{$val['text']}</span><!--@else-->{$val['link']}<!--@end--></a>

<!--@if($val['list'])-->

<ul class="second_ul">

<!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])-->

<li class="second_li<!--@if($v['selected'])--> selected selected_2{@$category[$tmp]=$v}{@$tmp++}<!--@end-->">

<a href="{$v['href']}"<!--@if($v['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end--> class="second_a<!--@if($v['list'])--> sub<!--@end-->"><!--@if($v['text']==$v['link'])--><span>{$v['text']}</span><!--@else-->{$v['link']}<!--@end--></a>

<!--@if($v['list'])-->

<ul class="third_ul">

<!--@foreach($v['list'] as $ka => $va)--><!--@if($va['link'])-->

<li class="third_li<!--@if($va['selected'])--> selected selected_3{@$category[$tmp]=$va}{@$tmp++}<!--@end-->">

<a href="{$va['href']}"<!--@if($va['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end--> class="third_a<!--@if($va['list'])--> sub<!--@end-->"><!--@if($va['text']==$va['link'])--><span>{$va['text']}</span><!--@else-->{$va['link']}<!--@end--></a>

</li>

<!--@end--><!--@end-->

</ul>

<!--@end-->

</li>

<!--@end--><!--@end-->

</ul>

<!--@end-->

</li>

<!--@end--><!--@end-->

</ul>

</div>

<!-- // #gnb by 김무건 || Elkha (elkha1914@hotmail.com) -->

</div>

<div id="contentWrapper">

<div id="content">

<!--@if($layout_info->category_view!='hidden')-->

<ul id="category" class="{$layout_info->colorset}">

<li class="category c_0"><a class="category_home" href="{$layout_info->index_url}"><span class="blank"><!--@if(!$layout_info->index_name)-->Gray Style<!--@else-->{$layout_info->index_name}<!--@end--></span></a></li>

<!--@if($tmp > 0)--><!--@for($i=0; $i<$tmp; $i++)-->

<li class="category c_{$i+1}"><a href="{$category[$i]['href']}">{$category[$i]['text']}</a></li>

<!--@end--><!--@end-->

 <!--@if($layout_info->notice)--><li class="category c_notice"><a href="{$layout_info->notice_url}">{$layout_info->notice}</a></li><!--@end-->

</ul>

<style type="text/css">#category .c_{$tmp} { background:none;}</style>

<!--@end-->

<div class="content_margin">

{$content}

</div>

<div class="blank"></div>

</div>

<!--@if($layout_info->widget_width)-->

<div id="widget" class="{$layout_info->colorset}">

<!--@if($layout_info->wdget_var_1)-->

<div class="widget_div">

<!--@if($layout_info->wdget_var_1_title)--><p class="widget_title"><span>{$layout_info->wdget_var_1_title}</span></p><!--@end-->

<div class="widget_content">{$layout_info->wdget_var_1}</div>

</div>

<!--@end-->

<!--@if($layout_info->wdget_var_2)-->

<div class="widget_div">

<!--@if($layout_info->wdget_var_2_title)--><p class="widget_title"><span>{$layout_info->wdget_var_2_title}</span></p><!--@end-->

<div class="widget_content">{$layout_info->wdget_var_2}</div>

</div>

<!--@end-->

<!--@if($layout_info->wdget_var_3)-->

<div class="widget_div">

<!--@if($layout_info->wdget_var_3_title)--><p class="widget_title"><span>{$layout_info->wdget_var_3_title}</span></p><!--@end-->

<div class="widget_content">{$layout_info->wdget_var_3}</div>

</div>

<!--@end-->

<!--@if($layout_info->wdget_var_4)-->

<div class="widget_div">

<!--@if($layout_info->wdget_var_4_title)--><p class="widget_title"><span>{$layout_info->wdget_var_4_title}</span></p><!--@end-->

<div class="widget_content">{$layout_info->wdget_var_4}</div>

</div>

<!--@end-->

<!--@if($layout_info->wdget_var_5)-->

<div class="widget_div">

<!--@if($layout_info->wdget_var_5_title)--><p class="widget_title"><span>{$layout_info->wdget_var_5_title}</span></p><!--@end-->

<div class="widget_content">{$layout_info->wdget_var_5}</div>

</div>

<!--@end-->

<div class="blank"></div>

</div>

<!--@end-->

<div class="blank"></div>

<div id="footerWrapper" class="{$layout_info->colorset}">

<!--// 사이트 맵 -->

<!--@if($layout_info->sitemap!='hide')-->

<div id="sitemap">

<!--@foreach($main_menu->list as $key => $val)-->

<!--@if($val['link'])-->

<div class="section">

<h2><a href="{$val['href']}"<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></h2>

<!--@if($val['list'])-->

<ul>

<!--@foreach($val['list'] as $k => $v)-->

<!--@if($v['link'])-->

<li><a href="{$v['href']}"<!--@if($v['open_window']=='Y'+ ')--> onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li>

<!--@end-->

<!--@end-->

</ul>

<!--@end-->

</div>

<!--@end-->

<!--@end-->

<div class="blank"></div>

</div>

<!--@end-->

<div id="footer">

<!-- // Powered 및 Skin 문구를 지우려면 Pro버전을 구입해야 합니다 -->

<p class="powered">Powered by XE<br />Skin by <!--@if($lang->Elkha)-->{$lang->Elkha}<!--@else-->Elkha<!--@end--></p>

<ol>

<!--{@$tmp=0}-->

<!--@foreach($bottom_menu->list as $key => $val)--> 

<li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--> <!--@if($tmp==0)-->class="footer_menu_first" <!--@end-->>{$val['link'+ ']}</a></li>

<!--{$tmp++}-->

<!--@end-->

   </ol>

<!-- Copyright에 연도(예 : 2005-2010) 을 표시하도록 스파크웨어에서 수정했습니다. http://sparkware.co.kr -->

   <p class="copyright"><!--@if($layout_info->index_name)-->Copyright (c) {$layout_info->year} <a href="{$layout_info->index_url}" title="{$layout_info->index_name}">{$layout_info->index_name}</a> All Right Reserved.<!--@else-->Disigned by <a href="http://notepad.wo.tc/" title="Elkha" target="Elkha">Elkha</a><!--@end--></p>

<div class="blank"></div>

</div>

</div>

</div>

</div>

<div id="outerWrapper_bottom"></div>

<!-- // outerWrapper -->

</div></div>

<div id="web">

  <p class="whos"><script id="_waudtr">var _wau = _wau || []; _wau.push(["small", "41untit8kh7y", "dtr"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/small.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script></p>

<p class="xhtml xhtml_{$layout_info->colorset}"><span>Valid XHTML 1.0 Transitional</span></p>

<p class="css css_{$layout_info->colorset}"><span>Valid CSS Transitional</span></p>

<div class="blank"></div>

</div>

<div class="blank"></div>

</div>






아래는 레이아웃 스킨 css파일


@charset "utf-8";


/* RESET */

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em;}

.blank { clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; width:0; overflow:hidden;}

fieldset,img { border: none; }

caption,th { text-align: left; }


body { color:#636363; font-family: Verdana, Arial, "굴림"; background:url(../img/bg.gif) fixed;}

a { color:#888; text-decoration:none;}

a:hover { color:#b00; text-decoration:underline; }

p { margin:0; padding:0;}


#outerWrapper_shadow { width:1040px; margin:20px auto 30px; }

#outerWrapper_top { background:url(../img/shadow_top.jpg) repeat-x center top; display:block; overflow:hidden; height:5px; margin:0 5px;}

#outerWrapper_left { background:url(../img/shadow_left.jpg) repeat-y left center;}

#outerWrapper_right { background:url(../img/shadow_right.jpg) repeat-y right center;}

#outerWrapper_bottom { background:url(../img/shadow_bottom.jpg) repeat-x center top; display:block; height:5px; overflow:hidden; margin:0 5px;}


#outerWrapper { margin:0 5px; position:relative; width:1030px; overflow:hidden;}

#header { background:#fff; position:relative; width:100%; z-index:96;}

#header h1 { clear:both; margin:0px; padding:0 0 0 0px; display:block; width:500px; height:90px;}

#header h1 a { display:block; width:100%; height:100%; background:url(../img/logo.gif) no-repeat;}

#header h1.red a { background:url(../img/logo_red.gif) no-repeat;}

#header h1.orange a { background:url(../img/logo_orange.gif) no-repeat;}

#header h1.green a { background:url(../img/logo_green.gif) no-repeat;}

#header h1 a span { width:0; height:0; overflow:hidden; display:block;}


#header .header_search { position:absolute; top:48px; right:30px;}

#header .header_search input.inputText { border:1px solid #ddd; background:#fff; width:120px; padding:3px; font:11px Verdana;}

#header .header_search input.inputText:focus { border:1px solid #bbb; background:#fffff9;}

#header .header_search input.submit { width:18px; height:18px; background:url(../img/search.gif) no-repeat; border:none; cursor:pointer;}

#header .select_language { position:absolute; top:7px; right:30px; width:185px; font:11px Arial, "돋움";}

#header .select_language .language_title { margin:2px 7px; float:left; display:inline; }

#header .select_language .language_line { width:82px; float:right; border:1px solid #ccc; display:inline; background:#fff; }

#header .select_language .language_line .select_language_button { background:url(../img/language_arrow.gif) no-repeat right top; }

#header .select_language .language_line .select_language_button button { text-indent:2px; cursor:pointer; background:none; width:80px; font:11px Arial, "돋움" !important; border:0 solid #eee; height:17px; overflow:hidden; vertical-align:middle; text-align:left; position:relative; margin:0; padding:0; display:inline-block; color:#555; white-space:nowrap;}

#header .select_language .language_line ul { display:none; margin:0; padding:0; list-style:none; background:#fff; border-top:1px solid #eee; overflow:hidden; }

#header .select_language .language_line li { margin:0; padding:0 0 0 3px; font:11px Arial, "돋움"; color:#555; }

#header .select_language .language_line li em { font-style:normal; }

#header .select_language .language_line li button { font:11px Arial, "돋움"; cursor:pointer; white-space:nowrap; background:none; border:0; width:100%; margin:0; padding:0; text-align:left;}

#header .select_language .language_line li:hover { background:#eee;}


#header_login { position:relative; padding:8px 7px 0; height:24px; width:100%; background:url(../img/header_login.gif) repeat; border-bottom:1px dashed #ddd; display:block;}

#header_login span { display:inline-block; padding:1px; font:11px Arial; color:#777; }

#header_login span a { float:left; padding:1px 4px; color:#777; text-decoration:none; }

#header_login span.header_title { float:left; }

#header_login span.header_title a { font-weight:bold; padding-right:10px; background:url(../img/form_bg.gif) no-repeat right center; }

#header_login form { float:left; margin:0 6px; display:inline-block; padding:0 10px 0 0; background:url(../img/form_bg.gif) no-repeat right center;}

#header_login form.typeB { display:none;}

#header_login form fieldset { float:left; margin:0; padding:0;}

#header_login form fieldset legend { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}

#header_login form fieldset dl { float:left; margin:0; padding:0;}

#header_login form fieldset dl dt { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}

#header_login form fieldset dl dd { float:left; margin:0; padding:0;}

#header_login form fieldset dl dd input { margin:0; padding:0;}

#header_login form fieldset dl dd input.inputText { width:70px; font:11px Arial; color:#777; background:#fafafa; border:1px solid #ddd; margin:0 5px 0; padding:1px;}

#header_login form fieldset dl dd input.inputText:focus { border:1px solid #bbb; background:#fffffc;}

#header_login form fieldset span.keep { width:15px; margin:0 5px; padding:0; display:inline-block;}

#header_login form fieldset span.keep input.inputCheck { top:10px; margin:0; padding:0; position:absolute;}

#header_login form fieldset span.keep label { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}

#header_login form fieldset span.loginButton { padding:1px;}

#header_login form fieldset span.loginButton input { vertical-align:middle; background:none; border:0; white-space:nowrap; padding:0; margin:0; font:11px Arial; color:#777; overflow:visible; }

#header_login form fieldset span.loginButton input:hover { text-decoration:underline; }


#gnb { background:#333; height:29px; padding:0 20px; border-top:1px solid #ccc; }

#gnb ul,

#gnb li { margin:0; list-style:none; padding:0; line-height:0; font-size:0; }

#gnb .first_ul { }

#gnb .first_ul a { text-decoration:none; display:block; font:12px Verdana, "굴림"; }

#gnb .first_ul .first_li { float:left; position:relative; }

#gnb .first_ul .selected { background:url(../img/first_a_bg.gif) no-repeat center top; }

#gnb .first_ul .first_li .first_a { padding:0 25px; height:29px; overflow:hidden; display:inline-block; color:#999; text-align:center; font-weight:bold; cursor:pointer; border-left:1px solid #555; }

#gnb .first_ul .first_li .first_a span { display:block; padding:8px 0;}

#gnb .first_ul .first_li .first_a:hover,

#gnb .first_ul .first_li .first_a:focus { background:#111; color:#eee;}

#gnb .first_ul .first_li .first_sub { background:url(../img/first_sub_bg.gif) no-repeat right top;}

#gnb .first_ul .first_li .second_ul { z-index:101; left:10px; top:29px; }

#gnb .first_ul .first_li ul { display:none; position:absolute; width:180px; border:1px solid #5a5a5a; border-bottom:0; background:#454545;}

#gnb .first_ul .first_li ul li { position:relative; text-indent:0; width:100%;}

#gnb .first_ul .first_li ul li a { height:25px; overflow:hidden; display:block; padding:0 0 0 15px; white-space:nowrap; color:#ccc; cursor:pointer; border-top:2px solid #454545; border-bottom:1px solid #5a5a5a;}

#gnb .first_ul .first_li ul li a span { display:block; padding:5px 0; }

#gnb .first_ul .first_li ul li a:hover,

#gnb .first_ul .first_li ul li a:focus { border-top:2px solid #292929; border-bottom:1px solid #717171; background:#363636; color:#fff; }

#gnb .first_ul .first_li ul li .sub { background:url(../img/second_sub_bg.gif) no-repeat right bottom;}

#gnb .first_ul .first_li ul li ul { left:180px; top:-1px;}

#gnb .first_ul .first_li ul .selected { background:#363636 url(../img/arrow_blue.gif) no-repeat left 2px; text-indent:23px; }

#gnb .first_ul .first_li ul .selected_2 .second_a,

#gnb .first_ul .first_li ul .selected_3 .third_a,

#gnb .first_ul .first_li ul .selected_4 a { border-top:2px solid #292929; border-bottom:1px solid #717171; color:#fff; }

#gnb .first_ul .first_li ul .selected_2 .second_a:hover,

#gnb .first_ul .first_li ul .selected_3 .third_a:hover,

#gnb .first_ul .first_li ul .selected_4 a:hover,

#gnb .first_ul .first_li ul .selected_2 .second_a:focus,

#gnb .first_ul .first_li ul .selected_3 .third_a:focus,

#gnb .first_ul .first_li ul .selected_4 a:focus { background:none;}


#contentWrapper { clear:both; display:block; width:100%; background:#fff url(../img/widget_bg.gif) repeat-y right top;}

#category { margin:0; padding:0; list-style:none; background:#f7f7f7 url(../img/fff.gif) repeat-x center bottom; border-top:2px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; height:27px; overflow:hidden;}

#category .category { display:inline; margin:6px 0 0; padding:0 10px; background:url(../img/arrow.gif) no-repeat right 4px; float:left;}

#category .category a { text-decoration:none; color:#555; font:11px Arial,"굴림"; }

#category .category a.category_home { overflow:hidden; display:block; background:url(../img/home.gif) no-repeat center top; width:24px; height:14px; padding:0; margin:0;}

#category .category a:hover { color:#0189dd; text-decoration:underline; background-position: center -14px;}

#category .c_notice { margin-right:15px; float:right;}

#category.red .category a:hover { color:#cc0000; background-position: center -28px;}

#category.orange .category a:hover { color:#f89a20; background-position: center -42px;}

#category.green .category a:hover { color:#8cc01d; background-position: center -56px;}


#content { background:#fff; padding-bottom:20px; }

#content .content_margin { overflow:hidden; }


#widget { float:right; display:block;}

#widget .widget_div { margin-bottom:15px;}

#widget .widget_div .widget_title { width:100%; height:30px; overflow:hidden; display:block; margin:0; background:#a5a5a5 url(../img/widget_bg_title.gif) repeat-y; font:bold 12px Verdana; color:#eee;}

#widget .third_menu .widget_title { background:#0189dd url(../img/widget_bg_title_blue.gif) repeat-y left top;}

#widget .widget_div .widget_title span { padding:8px 0 0 15px; display:block; }

#widget .widget_div .widget_title span a { color:#eee; text-decoration:none;}

#widget .widget_div .widget_title span a:hover { text-decoration:underline;}

#widget .widget_div .widget_content { padding:10px 15px; width:210px; height:100%; }

#widget .widget_div .widget_content a { text-decoration:none; color:#555;}

#widget .widget_div .widget_content a:hover { text-decoration:underline; }

#widget.red .third_menu p.widget_title { background:#cc0000 url(../img/widget_bg_title_red.gif) repeat-y left top;}

#widget.orange .third_menu p.widget_title { background:#f89a20 url(../img/widget_bg_title_orange.gif) repeat-y left top;}

#widget.green .third_menu p.widget_title { background:#8cc01d url(../img/widget_bg_title_green.gif) repeat-y left top;}


#widget .widget_div .widget_content ol,

#widget .widget_div .widget_content ol li { position:relative; width:100%; height: 1%; margin:0; padding:0; list-style:none;}

#widget .third_menu .widget_content ol li a { display:block; padding:7px 5px; text-decoration:none; color:#777; background:transparent url(../img/menu_second_widget_bg.gif) repeat-x center bottom; }

#widget .third_menu .widget_content ol li a.selected,

#widget .third_menu .widget_content ol li a:hover { text-indent:2px; color:#0189dd; text-decoration:none;}

#widget .third_menu .widget_content ol li .more { width:30px; height:30px; display:none; position:absolute; top:0; right:0; }

#widget .third_menu .widget_content ol li ol { display:none; }

#widget .third_menu .widget_content ol li ol.selected { display:block;}

#widget .third_menu .widget_content ol li ol li a { margin-left:20px; display:inline-block; padding:4px; background:none; border:none;}

#widget.red div.widget_content ol li a.selected,

#widget.red div.widget_content ol li a:hover { color:#cc0000;}

#widget.orange div.widget_content ol li a.selected,

#widget.orange div.widget_content ol li a:hover { color:#f89a20;}

#widget.green div.widget_content ol li a.selected,

#widget.green div.widget_content ol li a:hover { color:#639100;}


#footerWrapper { background:#000; border-top:5px solid #0189dd;}

#footerWrapper #sitemap { display:block; padding:17px 0;}

#footerWrapper #sitemap .section { float:left; width:160px; margin:0 17px; display:inline;}

#footerWrapper #sitemap .section a:hover { color:#0189dd;}

#footerWrapper #sitemap .section h2 { margin:0 0 5px; font:bold 12px Arial; border-bottom:3px solid #363636;}

#footerWrapper #sitemap .section h2 a{ display:block; padding:3px; color:#999; text-decoration:none;}

#footerWrapper #sitemap .section ul { list-style:none; margin:0; padding:0;}

#footerWrapper #sitemap .section ul li { margin:0; padding:3px 4px; }

#footerWrapper #sitemap .section ul li a { color:#777; text-decoration:none; }

#footerWrapper.red { border-top:5px solid #cc0000;}

#footerWrapper.green { border-top:5px solid #8cc01d;}

#footerWrapper.orange { border-top:5px solid #f89a20;}

#footerWrapper.red #sitemap div.section a:hover { color:#cc0000;}

#footerWrapper.orange #sitemap div.section a:hover { color:#f89a20;}

#footerWrapper.green #sitemap div.section a:hover { color:#8cc01d;}


#footer { border-top:1px solid #444; padding:20px; background:url(../img/footer_bg.gif); }

#footer ol { list-style:none; margin:0; padding:0;}

#footer ol li { margin:0; padding:0; float:left; }

#footer ol li a { background:url(../img/menu_line.gif) no-repeat left 3px; display:block; padding:0 7px; color:#aaa; font:11px Arial; text-decoration:none;}

#footer ol li a.footer_menu_first { background:none; padding-left:0;}

#footer ol li a:hover { text-decoration:underline; color:#ccc;}

#footer p { margin:2px 0; padding:0; color:#888; font:11px Arial; display:inline;}

#footer p a { color:#ccc; text-decoration:none;}

#footer p a:hover { text-decoration:underline;}

#footer p.copyright { clear:left; float:left; display:inline;}

#footer p.powered { float:right; margin:0; text-align:right;}


#web { display:inline; clear:both; float:right; padding:5px 10px; }

#web p { margin:5px; padding:0; display:block; width:80px; height:15px; float:left;}

#web p.xhtml { background:url(../img/xhtml10-blue.png) no-repeat;}

#web p.xhtml_red { background:url(../img/xhtml10-red.png) no-repeat;}

#web p.xhtml_orange { background:url(../img/xhtml10-orange.png) no-repeat;}

#web p.xhtml_green { background:url(../img/xhtml10-green.png) no-repeat;}

#web p.css { background:url(../img/css-blue.png) no-repeat;}

#web p.css_red { background:url(../img/css-red.png) no-repeat;}

#web p.css_orange { background:url(../img/css-orange.png) no-repeat;}

#web p.css_green { background:url(../img/css-green.png) no-repeat;}

#web p span { display:block; width:0; height:0; overflow:hidden;}

#web p whos { display:block; width:0; height:0; overflow:hidden;}


/* Colorset */


.red #gnb .first_ul .first_li ul .selected { background-image:url(../img/arrow_red.gif);}

.green #gnb .first_ul .first_li ul .selected { background-image:url(../img/arrow_green.gif);}

.orange #gnb .first_ul .first_li ul .selected { background-image:url(../img/arrow_orange.gif);}



/* Avril Lavigne */


.avril_sample { display:block; height:200px;}

.avril_sample:hover { background-position:left top;}

.avril_sample span { display:block; width:0; height:0; overflow:hidden;}

.avril_blue { background:url(../sample/avril_blue.jpg) no-repeat left bottom;}

.avril_red { background:url(../sample/avril_red.jpg) no-repeat left bottom;}

.avril_green { background:url(../sample/avril_green.jpg) no-repeat left bottom;}

.avril_orange { background:url(../sample/avril_orange.jpg) no-repeat left bottom;}

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
상단 게시판 상단 내용에 이미지 추가 [2] 2008.11.04 by 상단
로그인 로그인 사용자 위젯 [2] 2008.11.04 by 로그인
제로초보 이미지 제로에 올리는 방법 ? 알려주셔요 [2] 2008.11.04 by dscs
화이트노이즈 멀티미디어에 보면 avi처럼 mov형식도 멀티미디어에서 플레이 가능하나요?  
청춘개똥 댓글 허용 <-- 이거 좀 어떻게든 방법을 간구해야 되요 ㅜㅜ [1] 2008.11.04 by Berserk
pazaza 댓글이 달린표시는 나는데 안보이는 현상 [2] 2008.11.04 by Berserk
청춘개똥 제발 좀 도와주세요 ㅜㅜ 이것땜에 몇주일을 골치 썩어요 ㅜㅜ [3] 2008.11.04 by Berserk
Rock.s 혹시 뉴스레터 만드는 방법좀 공유해 주실 분 있으신가요?  
초짜 [도와줘요!] 제홈페이지 접속이 안되요~~! [4] 2008.11.04 by Fursys
케이록 위젯 관리와 관련된 질문입니다. [1] 2008.11.04 by 네비™
박대훈709 권한 Alert 창 후 특정 페이지 이동 방법 질문  
울리는짱구 제로보드 페이지에서 플레시파일질문이요 [2] 2008.11.04 by 울리는짱구
궁금이 제로보드의 썸네일 생성을 할려고 합니다.  
Fursys 제로보드 하단 메뉴 간격 수정 [6] file 2008.11.04 by Fursys
브람쓰 부디 알려주세요...ㅜ.ㅜ; 로고크기 바꾸는 레이아웃수정방법!??? [3] file 2008.11.04 by Fursys
휘잉 [해결]그림첨부가 전혀 되지 않아서 이렇게 글을 올려봅니다. [8] file 2008.11.04 by cocojoho
최성호 메뉴 관리좀 질문좀 할께요 [5] 2008.11.04 by 최성호
질문... 제로보드에서 사용자들의 마지막 접속일을 확인할 수 있나요??? [2] 2008.11.04 by 느까끼
zins ★ 답변 꼭좀 부탁드립니다.  
정경진180 1.0.6 업데이트후에 전체게시판이 접근이 안되네요.. [3] 2008.11.04 by 정경진
별사탕FS 그림과 같이 로그인 폼의 글씨 색상을 바꾸고 싶습니다. [2] file 2008.11.04 by 비나무
Fursys 왼쪽 로그인 아래 부분 간격 조정? [2] file 2008.11.04 by 느까끼
xe감사 첨부파일 등록이 안될때.. 문제 해결 언제쯤? [2] 2008.11.04 by 비나무
팥죽 전체 파일로 덮어 쓴 후, 먹통 됐어요. [1] 2008.11.04 by 비나무
인형의기사 글을 작성하거나 삭제시 "table "bach_dhtravel.doremi_tags'' doesn''t exist" 라는 메시지가.. [1] 2008.11.04 by 비나무
Overeasy 로그인 화면 관련- 도와주세요~~~ [1] file 2008.11.04 by 느까끼
글라스원 아이피 차단 방법좀 알려주세요...ㅡㅡ;; [5] 2008.11.04 by 글라스원
조은벗님™ [재질문]내용읽기시 403 error, 접근거부 됩니다. 메뉴밑에 메뉴배치는 어떻게 하나요?  
snowmas php 파일 수정 후...홈피 이상...도와주세요~ [2] file 2008.11.04 by snowmas
칼잇으마 레이아웃 설정에서 홈페이지URL 이 적용이 안됩니다? [2] 2008.11.04 by 칼잇으마
태그 쓰기