묻고답하기

  2. Support
  3. 묻고답하기

좌측메뉴에서 바탕칼라와 링크칼라를 바꾸고 싶은데여

2009.07.06 23:04

축복의 통로

좌측메뉴에서 바탕칼라와 링크칼라를 바꾸고 싶은데여 어디서 바꾸나요? 부탁드려요

홈주소 www.bcpc.info 입니다.

아래는사용하는 레이아웃의css입니다.그러나 실제는 xe의 좌측메뉴를 복사해 레이아웃편집에서 붙였어요.(빨간표시부분)이럴때는 어쩌는지요?

 

 @charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* Default 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 */
* {margin:0; padding:0;}
body {background:#fff; line-height:16px;}
#bodyWrap {position:relative; width:980px; margin:0 auto; padding:0; border:0; }

/* 메뉴바 */
#header {position:relative; width:980px; height:135px; background:url(../images/default/bgHeader.gif) repeat-x center bottom; margin-bottom:10px; z-index:99;}
#header .menuz {position:relative; height:135px; background:url(../images/default/menuz.gif) 0 100% no-repeat; }
#header .menuy {position:relative; height:135px; background:url(../images/default/menuy.gif) 100% 100% no-repeat; }

/* 첫 로고 */
#header h1 { margin:0; padding:0; position:absolute; top:11px; left:0px;}
/* 두번째 로고 */
#header h2 { margin:0; padding:0; position:absolute; top:15px; left:80px;}

/* 상단메뉴 */
#language { position:absolute; border-top:2px solid #DEDEDE; top:0px; right:0; height:20px; overflow:hidden; white-space:nowrap; }
#language li { float:left; list-style:none; background:url(../images/default/bgGnbVr2.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#language li a { display:block; float:left; padding:6px 6px 0 6px; height:18px; color:#61646E; white-space:nowrap; text-decoration:none; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#language li a:hover,
#language li a:focus { color:#61646E; text-decoration:underline;}

/* 공지 자리 */
#gongzi {position:absolute; top:107px; right:8px; width:229px; height:26px; overflow:hidden; white-space:nowrap; background:url(../images/default/gongg.gif) no-repeat;}
#gongzi li { float:left; list-style:none; background:url(../images/default/bgGnbVr3.gif) no-repeat left center; position:relative; left:-2px; white-space:nowrap;}
#gongzi li a { display:block; float:left; padding:6px 8px 0 8px; height:18px; color:#61646E; white-space:nowrap; text-decoration:none; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#gongzi li a:hover,
#gongzi li a:focus { color:#61646E; text-decoration:underline;}

/* 2차 메뉴 */
#gnb {position:absolute; top:66px; left:0px; height:36px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li {background:url(../images/default/bgGnbn.gif) 100% 100% no-repeat; display:inline; list-style:none; float:left; position:relative; left:0px; white-space:nowrap;}
#gnb li a {display:block; float:left; padding:13px 15px 0px 15px; height:19px;  white-space:nowrap; text-decoration:none; color:#676767; padding-bottom:0px;  letter-spacing:-1px; }
#gnb li a:hover,
#gnb li a:focus {color:#444;}
#gnb li.on { background:url(../images/default/bgGnbOn.gif) 100% 100% no-repeat;}
#gnb li.on a {font-weight:bold; color:#fff; padding-bottom:4px; background:url(../images/default/bgGnbOn2.gif) 0 100% no-repeat; letter-spacing:-0px;}
#gnb li.on a:hover {font-weight:bold; color:#fff; }

#gnb2 {position:absolute; top:105px; left:0px; height:20px; padding:0 10px; white-space:nowrap; }
#gnb2 li { float:left; list-style:none; background:url(../images/default/bgGnb2Vr.gif) no-repeat left center; padding-bottom:0px; position:relative; left:1px; white-space:nowrap;}
#gnb2 li a {display:block; float:left; padding:7px 8px 0px 8px; height:17px; color:#fff; font-size:12px; white-space:nowrap; text-decoration:none; font:12px  Dotum, Gulim, AppleGothic, Sans-serif; letter-spacing:-1px;}
#gnb2 li a:hover,
#gnb2 li a:focus {color:#fff;}
#gnb2 li.on {background:url(../images/default/bgGnbn4.gif) 100% 100% no-repeat;}
#gnb2 li.on a {font-weight:bold; color:#fff;  background:url(../images/default/bgGnbn3.gif) 0 100% no-repeat; letter-spacing:-1px;}
#gnb2 li.on a:hover {font-weight:bold; color:#fff;}

#isSearch { position:absolute; top:74px; right:10px; width:250px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
*:first-child+html #isSearch .checked { top:1px; }
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 2px 3px; width:175px; height:13px; color:#666; border:1px solid #9FACDB; background-color:#fff; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #9FACDB; background-color:#fff; }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}

/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; /*background:url(../images/default/bgContentBody.gif) repeat-y left top; */ }

/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block; clear:both;}

#lnbWrap {margin:0px 0 0 0; padding:0;}
#lnbWrap img {display: block;}
#lnbWrap .sub_title  { background:url(../images/default/lnb_bg_t.gif) no-repeat; height:46px; }
#lnbWrap .sub_title h1 { margin:0; padding:16px 0 0 20px; width:160px; font-weight:bold; font-family:Tahoma; font-size:13px; color:#545452; }
#lnb {padding:0 15px; width:170px; background:url(../images/default/lnb_bg.gif) repeat-y; font-size:.9em;}
#lnb li {list-style:none;}
#lnb li a {font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; position:relative; z-index:99; display:block;  padding:5px 10px 5px 15px; width:143px; border-bottom:1px solid #eeeeee; background:url(../images/default/smBul.gif) 5px 9px no-repeat; color:#333; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus {background-color:#fff; color:#6066F2;}
#lnb li.on a {background:#fff url(../images/default/smBulon.gif) 5px 9px no-repeat; color:#6066F2; font-weight:bold; letter-spacing:-1px;}
#lnb li.on a:hover,
#lnb li.on a:focus {color:#6066F2;}
#lnb li ul {display:block; position:relative; padding:0; width:170px;}
#lnb li.on ul {display:block;}
#lnb li ul li {position:relative; top:0;}
#lnb li ul li a {font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; width:136px; background:#F7F7F7 url(../images/default/submenulist.gif ) 12px 11px no-repeat !important; padding:5px 10px 5px 22px; color:#333 !important; font-weight:normal !important; letter-spacing:normal !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus {color:#6066F2 !important;}
#lnb li.on ul li.on a {color:#6066F2 !important; font-weight:bold !important;}

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

/* Site Layout - Footer */
#footer { margin:0; padding:0; height:25px; background-color:#FAFAFA; border-top:2px solid #636870; border-bottom:1px solid #EBEBEB; text-align:center; padding:7px 0 0px; clear:both;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType1.gif) no-repeat left center;}
#footer li a { text-decoration:none; color:#636870; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footercoolla {color:#888; font:10px tahoma; font-weight:bold; height:20px; border-bottom:1px solid #EBEBEB; text-align:center; padding:7px 0 0px;}
#footercoolla a {font:10px tahoma; font-weight:bold; text-decoration:none; color:#6066F2;}
/* Default Skin - End */

 

레이아웃편집용

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

<!--// 레이아웃과 연동될 css 파일 import -->
<!--%import("css/default.css")-->

<style type="text/css">
<!--@if($layout_info->background_image)-->
    body {  background:#FFFFFF url({getUrl()}{$layout_info->background_image}) repeat-x left top; }
<!--@end-->
</style>
<!--@if(!$layout_info->colorset)-->
    {@$layout_info->colorset = "default"}
<!--@end-->

   <!-- main_top 1차 시작 -->
   {@ $menu_t1 = "&menu_t1=" }    
   <!--@foreach($main_top->list as $key => $val)-->
   <!--@if($val['link'])-->
                <!--@if($val['selected'])-->
                    {@ $menu_1st = $val }
                <!--@end-->

    {@ $menu_t1 .= "|".$val['link'].",".$val['href'].",".$val['open_window'] }
            <!--@endif-->
   <!--@endforeach-->

   <!-- main_top2 1차 시작 -->
   {@ $menu_t2 = "&menu_t2=" }
            <!--@foreach($main_top2->list as $key => $val)-->
   <!--@if($val['link'])-->
    <!--@if($val['selected'])-->
     {@ $menu_1st = $val }
                <!--@end-->
    {@ $menu_t2 .= "|".$val['link'].",".$val['href'].",".$val['open_window'] }
            <!--@endif-->
   <!--@endforeach-->

   <!-- main_menu 1차 시작 -->
   {@ $menu_m1 = "&menu_m1=" }
   <!--@foreach($main_menu->list as $key => $val)-->
   <!--@if($val['link'])-->
    <!--@if($val['selected'])-->
     {@ $menu_1st = $val }
    <!--@end-->
    {@ $menu_m1 .= "|".$val['link'].",".$val['href'+ '+ '].",".$val['open_window'].",".$val['selected'] }

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

   <!-- main_menu 2차 시작 -->
   {@ $menu_m2 = "&menu_m2=" }
   <!--@foreach($menu_1st['list'] as $key => $val)-->
   <!--@if($val['link'])-->
    <!--@if($menu_1st)-->
     {@ $idx = 1 }

    {@ $menu_m2 .= "|".$val['link'].",".$val['+ 'href'].",".$val['open_window'] }
    {@ $idx++ }
   <!--@end-->
   <!--@end-->
   <!--@end-->

    {@ $logoinfo = "&logo=".$layout_info->index_url."|".$layout_info->logo_image."|".$layout_info->logo_x."|".$layout_info->logo_y }
    {@ $backinfo = "&back=".$layout_info->flash_background_image."|".$layout_info->flash_background_image_x."|".$layout_info->flash_background_image_y }

<div id="bodyWrap">
 <div>
        <form action="{getUrl()}" method="post" id="isSearch">
            <input type="hidden" name="vid" value="{$vid}" />
            <input type="hidden" name="mid" value="{$mid}" />
            <input type="hidden" name="act" value="IS" />
            <input type="hidden" name="search_target" value="title_content" />
            <input name="is_keyword" type="text" class="inputText" title="keyword" />

            <input type="image" src="./images/{$layout_info->colorset}/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
        </form>
  <script type="text/javascript">
   function from_flash(k) {
    document.forms.isSearch.is_keyword.value = k;
    document.forms.isSearch.action = "{getUrl()}";
    document.forms.isSearch.submit();
   }
  </script>

  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="980" height="{$layout_info->flash_size}" id="flash_menu" align="middle">
  <param name="allowScriptAccess" value="sameDomain" />
  <param name="allowFullScreen" value="false" />
  <param name="movie" value="{$tpl_path}flash_menu_{$layout_info->flash_size}.swf?{$menu_t1}{$menu_t2}{$menu_m1}{$menu_m2}{$logoinfo}{$backinfo}" />
  <param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> 
  <embed src="{$tpl_path}flash_menu_{$layout_info->flash_size}.swf?{$menu_t1}{$menu_t2}{$menu_m1}{$menu_m2}{$logoinfo}{$backinfo}" quality="high" bgcolor="#ffffff" width="980" height="{$layout_info->flash_size}" name="flash_menu" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
  </object>

    </div>
 <br>
     <div id="contentBody">
        <div id="columnLeft">

            <!-- 로그인 위젯 -->
            <img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="xe_official" colorset="{$layout_info->colorset}" />

            <!-- 왼쪽 2차 메뉴 -->
            <img src="./images/blank.gif" alt="" class="mask" />
   
            <!--@if($menu_1st)-->
            <ol id="lnb">
                {@ $idx = 1 }
                <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])-->
                <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a>

                    <!-- main_menu 3차 시작 -->
                    <!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )-->
                    <ul>
                    <!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])-->
                        <li <!--@if($v['selected'+ '])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['link']}</a></li>
                    <!--@endif--><!--@endforeach-->
                    </ul>
                    <!--@endif-->
                </li>
                {@$idx++}
                <!--@endif--><!--@endforeach-->
            </ol>
            <!--@endif-->
<div>**********  최근게시글TOP10 ******<img class="zbxe_widget_output" widget="newest_document" skin="xe_official" colorset="white" order_target="list_order" order_type="desc" list_count="5" display_regdate="Y"/></div>
*********** 최근프레닛 ***********<img class="zbxe_widget_output" widget="planet_document" skin="xe_official" colorset="white" list_count="1" thumbnail_width="55" thumbnail_height="60" allow_repetition="N" show_author_name="Y" show_number_of_comments="Y" />
        <div><img class="zbxe_widget_output" widget="counter_status" skin="styx_flash" colorset="normal" /></div>

</div>


        <div id="columnRight">
            <!-- 컨텐츠 시작 -->
            {$content}
        </div>
    </div>
 <br>
    <ul id="footer">
        <!--@foreach($bottom_menu->list as $key => $val)-->
        <li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@endforeach-->
    </ul>
 <ul id="footercoolla">
 Copyright © 2008 bcpc.info <a title="{$layout_info->bottom_1}" href="{$layout_info->index_url}">{$layout_info->bottom_1}</a> All Rights Reserved.
 </ul>
</div>

 

 

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
어쭈구리メ 텔넷에서 지우는 방법좀 [1] 2009.07.07 by 왜만지냐
글쓴이 제로보드 euc-kr을 utf-8로 변경하여 사용할려면..  
허동현임돠 계시판 권한주는거 어떻게해요.....? [2] 2009.07.07 by 허동현임돠
김세영 메인에 달력출력했는데요.. 문제가 있네요  
lastcream 에디터창에 기본적으로 글자를 써 놓고 싶은대요.. [1] 2009.07.07 by June Oh
글쓴이 저역시 이런문제가 있습니다 고수님들께서 좀 도와주세요~ ㅠ.ㅠ [1] 2009.07.07 by 허동현임돠
dctm 외부페이지에 iframe코드 넣기 위한 코드 수정 위치를 가르쳐 주세요  
초록배추 전체 다운받기 VS 카페XE 다운받기  
뺑두비쌈2 관리자비번찾기.. [2] 2009.07.07 by 글쓴이
어쭈구리メ xe 설치과정중에 맨마지막에... file  
바스 피앙세 최근이미지를 사용중 문제 발생. [1] file 2009.07.07 by 글쓴이
건방진고양이 xe설치에 관한 질문 [1] 2009.07.07 by ashy
cocom12 최근 게시물에서 more 추가 하고 싶은데요. [4] file 2009.07.07 by cocom12
축복의 통로 최근글모음에 테두리 씌우기 file  
축복의 통로 좌측메뉴에서 바탕칼라와 링크칼라를 바꾸고 싶은데여 [1] 2009.07.07 by 궁금이2
churkey 파이어폭스에서도 filter:gray 를 적용할 수 있는 꽁수가 없을까요?  
초록배추 카페 업그래이드 [1] 2009.07.07 by ONEONE
9355 메뉴가 사라져요. [2] 2009.07.07 by 글쓴이
모노로그 xe_documents 테이블의 시간 부분을 구하는 형식? [2] 2009.07.07 by MX
모노로그 XE 게시판의 글쓰기와 관련된 쿼리들이 있는 파일? [1] 2009.07.07 by MX
글쓴이 PHP 공부중인데요. 질문입니다.  
글쓴이 게시글에만 들어가면 로드된 플래시 메뉴 클릭이 안됩니다.  
김준근이 이미지 리사이징(?) 추출 될때 이미지 , 지저분하게 추출 -> 부드럽게 추출 하는법은??  
글쓴이 cafexe 초기게시판갯수  
레시테 상단 메뉴 롤오버시 뜨는 2차메뉴의 위치에 관해 질문드립니다.  
초록배추 XE. 1.2.4 속도 [2] 2009.07.07 by 아이고참
글쓴이 카페 최신 글 불러 오려면... [2] 2009.07.07 by buffkj
김태학 일부 게시물이 열리지 않습니다.  
한마디 관심있는 분들께서 News Community Module도 XE로 개발해 주세요.  
글쓴이 업그레이드 이후 자료가 확인이 안됩니다. [1] 2009.07.07 by 피키4
태그 쓰기