묻고답하기

  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 남기남
스박 url 설정에 iframe 코드를 넣었는데... 홈피가 안떠서 수정도 할수가 없어요.  
조병희933 aix와 솔라리스에서도 작동을 하는지요?  
이윤교168 레이아웃 편집과 관련해서  
제이메이크 궁금한게 있어서 글을 남깁니다. 캐쉬에서 썸네일 생성 안되게 막는법 아시는 분!!!  
whitemind 회원가입 폼이 이상합니다. 닉네임이 없는데 닉네임을 입력하라네요. [1] 2012.01.19 by miso777
miso777 image Magick 설치시 서버는 뭘 말하는건가요.?  
박민하323 자바스크립트 관련 질문 몇가지 드립니다^^. [2] 2012.01.19 by 송동우
아람이방 제발 누구든 답변좀 해주세요 ㅠㅠ [2] 2012.01.18 by 소규모아카시아밴드
소규모아카시아밴드 사이트가 자동으로 망가집니다. [3] file 2012.01.18 by sejin7940
민현류 rss ? [1] 2012.01.18 by 천재ㅐ재
돤 모듈을 만들었는데 숫자가 아닌 변수들 전달이 안됩니다;  
이정현307 xe 1.5 로 업그레이드 하고나서 링크 에러 ㅠ.ㅠ [1] 2012.01.18 by 송동우
키스미베이베 송동우님 z-index값 봐주실래요ㅜㅜ? [1] 2012.01.18 by 송동우
이정현307 ftp로 업데이트 도중 Fatal error 발생 ㅠ.ㅠ [1] 2012.01.18 by 이정현307
holyreign 카테고리(분류)별 공지 뛰우는 방법좀 알려주세요. [1] 2012.01.18 by 송동우
조용바 홈페이지를 XE 최신버전으로 업데이트 하고 싶습니다 [1] 2012.01.18 by 송동우
키스미베이베 고소분들은 바로 적으실만한 질문 하나드릴꼐요 [2] 2012.01.18 by 송동우
이도이도 회원가입폼의 일부분이 번역이 안됩니다ㅠㅠ제발도와주세요 [1] 2012.01.18 by 송동우
이도이도 회원가입시 닉네임을 영어로만 가능하게 하고싶습니다. [1] 2012.01.18 by 송동우
khsskyblue [초보] 사이트맵 관련 질문 좀 도와 주세요 [1] 2012.01.18 by 송동우
주유발 첨부파일을 올리면 파일명이 영문과 숫자로 바뀝니다. [2] file 2012.01.18 by 주유발
개발해보쟈 syncModuleToSite()함수에 대해서 알고 싶습니다. ^^ [1] 2012.01.18 by SMaker
rhdesign 송동우님 / 게시판 리스트에 확장 변수 출력하기 [1] 2012.01.18 by 송동우
개발해보쟈 exec_xml 말인데요... [1] 2012.01.18 by 개발해보쟈
정은미915 Unknown column 'is_secret' in 'field list 에러 확인좀부탁드려요 [1] file 2012.01.18 by 송동우
윤씨 1.5.1.2 가입일자 정렬 안됩니다요~ [1] 2012.01.18 by 송동우
laxer 아이디 비밀번호 찾기 login_form 수정.. [3] 2012.01.18 by 송동우
후이리 게시판 글쓰기 오류  
expressing 홈페이지 팅긴형상 관련 질문 [1] 2012.01.18 by 착한악마
이도이도 이 사이트처럼 외부로그인을 달고싶은데 도움 요청합니다.  
태그 쓰기