Home > Rhymix > Rhymix 팁

문하우스

2008.07.28 10:05

mjworks. 레이아웃스킨중에 문하우스에 사용중인 드랍메뉴 이미지

팔공산

조회 수 7,525 추천 수 0 댓글 15

단축키

Prev이전 문서

Next다음 문서

이전 다음 위로 아래로 댓글로 가기 인쇄 첨부 목록

단축키

Prev이전 문서

Next다음 문서

이전 다음 위로 아래로 댓글로 가기 인쇄 첨부 목록

첨부파일	등록일	파일크기	다운 수
images.zip	2008.07.28	7.5KB	75

Extra Form
적용여부	적용

MoMo님의 요청이 있어서 mjworks. standard V1 레이아웃스킨중에 문하우스에서 사용중인 드랍메뉴팁중에서
지금 홈에서 사용중인 이미지가 필요하다고 하셔서 공개합니다.
별로 예쁘지도 않은 이미지라 공개를 하지 않았는데....

일단 제가 사용중인 common.css부터 소개합니다.

#gnb { position:absolute; left:242px; top:85px; overflow:hidden; white-space:nowrap; }
#gnb li { float:left; list-style:none; position:relative; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:12px 0px 0px 0px; width:82px; height:32px; color:#ffffff; white-space:nowrap; text-align:center; font-size:1.2em; font-weight:bold; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#66CC00; background:url(../images/bgGnbOn.gif) no-repeat center top; }
#gnb li.on a { font-weight:bold; color:#fff; background:url(../images/bgGnbOn.gif) no-repeat center top;}

.gnb_sub { position:absolute; left:242px; top:125px; height:43px; overflow:hidden; white-space:nowrap; }
.gnb_sub li { float:left; list-style:none; background:url(../images/sub_part.png) repeat-x left center; padding-left:0px; position:relative; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:15px 13px 0 13px; height:30px; color:#a98a60; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:white; background:url(../images/sub_on.png) repeat-x left top; }
.gnb_sub li.on a, .gnbin li.on a:hover { color:white; background:url(../images/sub_top.gif) no-repeat center ; }

빨간색부분이 이미지들입니다. 원래 제홈에는 전부 png이미지입니다만, IE6에서 투명이 안되는 부분이 있어서 일부gif파일로 변경해서 올립니다.

images.zip

p.s 메뉴중 2차메뉴부분의 바탕이미지는 제가 꼼수로 만들어 운영중인지라 공개하기가 조금 그렇습니다.

Prev 사이트 접속시 자동으로 www를 붙였다, 안 ...

사이트 접속시 자동으로 www를 붙였다, 안 ... 2008.10.09by 팔공산 게시판상단에 글쓰기버턴이나 링크넣기 Next

게시판상단에 글쓰기버턴이나 링크넣기 2008.07.20by 팔공산

0 좋아요

Atachment
첨부	images.zip,

Facebook Twitter Pinterest Band KakaoStory Kakao

위로 아래로 댓글로 가기 인쇄 첨부 목록

✔댓글 쓰기

✔ 이 글 평점 주기

★★★★★

5점

에디터 선택하기

✔ 텍스트 모드 ✔ 에디터 모드

댓글 쓰기

에디터 사용하기 닫기

Comments '15'

M
MoMo 2008.07.28 16:54
#comment_206859

안녕하세요 팔공산님, 잘 사용합니다.
감사합니다.우측 이미지링크 탐나네요.
방법을 모르겟네요 욕심많죠?
시원한여름 보내세요.

참 한가지만 여쭙께요 제홈에 상단에 여백이 생기는데 왜그런지 모르겟습니다.
어디서 고쳐야 하는지 좀 알려 주실수 잇는지요? 감사합니다.

댓글
팔공산 2008.07.28 17:21 글쓴이
#comment_206873

MoMo 님에게 달린 댓글

모모님 우측이미지링크는 이미지위젯안에 있는 cloud스킨을 약간 개조한 것입니다.

그리고 상단여백 문제를 이야기 하셨는데 지금 상태에서 님의 홈페이지만 보고서 대답해 드릴 수 있는 이야기라곤
css에서 여백을 조정하시라는 말 밖에 드릴게 없네요.
최소한 해당 css파일이나, 좀 덧붙이자면 latout.html파일 정도는 보아야 답을 드릴 수 있을 것 같군요.

댓글

MoMo 2008.07.28 20:44

#comment_206896

common.css 파일입니다

@charset "utf-8";
/* 
공통적으로 적용되는 스타일 
상단의 1차메뉴와 우측 서브메뉴의 설정은 각각의 CSS파일에서 설정
*/
body, div, ul, ol, li, p, h1, a {margin:0; padding:0;}
img {border:none;}
#bodyWrap { margin:0 auto; width:990px; position:relative; padding:0 10px; background:url(../images/mainmenu_bg.png) left top repeat-x #1a1a1a; }
/* Header - 로고, 1차메뉴, 로그정보, 추가메뉴, 검색폼 */
#headerWrap { width:990px; height:160px; overflow:hidden;}
#logo { position:absolute; left:0px; top:0px; height:160px; width:200px; overflow:hidden;}
#menuBoxWrap { padding:65px 0 0 190px; float:left; position:relative;}
#menuBox {width:620px; height:95px; list-style:none; }
#headerRight { float:right; width:170px; background:url(../images/extranav_bg.png) left top repeat-x; overflow:hidden;}
#headerRight ul { margin:5px 0; padding:5px 0 5px 10px; float:left; list-style:none; height:100px; overflow:hidden;}
#headerRight ul li {list-style:none; height:25px;}
#headerRight ul li a 
{ height:25px; color:#666666; font:9px Tahoma, Arial, "맑은고딕", "돋움"; padding:5px 10px; text-decoration:none; background:url(../images/nav_bull.gif) left 5px no-repeat; }
#headerRight ul li a:focus, #headerRight ul li a:hover { text-decoration:underline; color:#999999;}
#Log { width:75px}
#extraMenu { width:74px; border-left:#1a1a1a 1px solid;}
#searchBox  {background:url(../images/search_bg.png) left top; width:150px; padding:11px 10px 0 10px; height:30px; overflow:hidden; float:left;}
#searchBox .searchKeyword 
{width:90px; height:13px; float:left; color:#999999; background:#535353; border:solid 1px #5e5e5e; font:11px Tahoma, Arial, "맑은고딕", "돋움"; padding:2px 3px 1px 3px;}
#searchBox .searchButton { float:right; position:relative;}

#gnb { position:absolute; left:242px; top:85px; overflow:hidden; white-space:nowrap; }
#gnb li { float:left; list-style:none; position:relative; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:12px 0px 0px 0px; width:82px; height:32px; color:#ffffff; white-space:nowrap; text-align:center; font-size:1.2em; font-weight:bold; text-decoration:none; }
#gnb li a:hover, 
#gnb li a:focus { color:#66CC00; background:url(../images/bgGnbOn.gif) no-repeat center top; }
#gnb li.on a { font-weight:bold; color:#fff; background:url(../images/bgGnbOn.gif) no-repeat center top;} 
.gnb_sub { position:absolute; left:242px; top:125px;  height:43px; overflow:hidden; white-space:nowrap;  }
.gnb_sub li { float:left; list-style:none; background:url(../images/sub_part.png) repeat-x left center; padding-left:0px; position:relative;  white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:15px 13px 0 13px; height:30px; color:#a98a60; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:white; background:url(../images/sub_on.png) repeat-x left top; }
.gnb_sub li.on a, .gnbin li.on a:hover {  color:white; background:url(../images/sub_top.gif) no-repeat center ; }

/* Content - 컨텐츠출력부, 우측메뉴 */
#contentWrap {width:990px; position:relative; overflow:hidden;}
#leftColumn { width:800px; float:left; padding:10px 0 10px 10px; position:relative; background:url(../images/content_top.png) left top no-repeat #FFFFFF; overflow:hidden;}
#contentBtom { position:absolute; left:0px; bottom:0px; width:10px; height:10px; background:url(../images/content_btom.png); overflow:hidden; z-index:999;}
#rightColumn {width:172px; float:right; overflow:hidden;}
.rightDiv {width:150px; padding:5px 10px 5px 12px;}
/* Footer */
#footerWrap {margin:0 auto; margin-bottom:50px; width:1010px; height:90px; position:relative; overflow:hidden;}
#footer {width:990px; height:70px; padding:0 10px; float:left; background: url(../images/footer_bg.png) top; overflow:hidden;}
#footer p {font:9px Tahoma, Arial, "맑은고딕", "돋움"; color:#777777;}
#footer p a {color:#999999; font-weight:bold; text-decoration:none;}
#footer p a:hover, #footer p a:focus { text-decoration:underline;}
#copyright { padding:15px 0 0 10px;}
#check { position:absolute; left:20px; top:40px;}
#rss { position:absolute; right:20px; top:12px;}
#by { text-align:right; position:absolute; right:20px; top:40px;}
#bottom { float:left; width:970px; height:20px; background: url(../images/footer_bg.png) bottom;}
#bottomRound {float:left}

layout.html 파일입니다.

<!-- 공통파일 -->
<!--%import("js/common.js")-->
<!--%import("css/common.css")-->
<!-- 상단메뉴 컬러셋 -->
<!--@if($layout_info->top_menu == "green")-->
    <!--%import("css/green_top.css")-->
<!--@elseif($layout_info->top_menu == "blue")-->
    <!--%import("css/blue_top.css")-->
<!--@else-->
    <!--%import("css/red_top.css")-->
<!--@end-->
<!-- 서브메뉴 컬러셋 -->
<!--@if($layout_info->sub_menu == "green")-->
    <!--%import("css/green_sub.css")-->
<!--@elseif($layout_info->sub_menu == "blue")-->
    <!--%import("css/blue_sub.css")-->
<!--@else-->
    <!--%import("css/red_sub.css")-->
<!--@end-->
<!-- 배경 설정 -->
<style>
<!--@if(!$layout_info->bg_img)-->
body { background:url(./images/bg.png) center top repeat-x #555555 }
<!--@else-->
body { background:url({$layout_info->bg_img}) center top repeat-x {$layout_info->bg_color} }
<!--@end-->
</style>
<!-- /배경 설정 -->
<div id="bodyWrap">
<!-- 헤더 -->
<div id="headerWrap">
<!-- 로고 -->
<h1 id="logo">
<a href="{$layout_info->home_url}"> <!--@if(!$layout_info->logo_img)--><img src="/images/logo.png" alt="logo" class="iePngFix"/><!--@else--><img src="{$layout_info->logo_img}" alt="logo" class="iePngFix"/><!--@end--></a>
</h1>
<!-- /로고 -->
<!-- 상단메뉴 -->
<!--1차메뉴-->
  <ul id="gnb">
            <!-- main_menu 1차 시작 -->
            {@$gnb_count = 0;}
            <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
                <!--@if($val['selected'])-->
                    {@ $menu_1st = $val }
                <!--@end-->
                <li id="gnbli{$gnb_count}" <!--@if($val['selected'])-->class="on"<!--@end--> onmouseover="gnbinToggle({$gnb_count}, this)" ><a href="{$val['href']}" onfocus="this.blur()" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>{@$gnb_count++;}
            <!--@end--><!--@end-->
            <!-- main_menu 1차 끝 -->
  </ul>
  <!--//1차메뉴-->
  <script type="text/javascript">
   var gnb_count = {$gnb_count};
  </script>
  <!-- 2차 메뉴 -->
        {@$gnb_count = 0;}
        <!--@foreach($main_menu->list as $mkey => $mval)-->
    <!--@if($mval['text'])-->
          <!-- 왼쪽 2차 메뉴 -->
          <!--@if($mval['selected'])-->
            <ol id="gnb{$gnb_count}" class="gnb_sub" style="display:block;">
     <!--@if(!$mval['list'])--><li></li><!--@end-->
              <!--@foreach($mval['list'] as $key => $val)--><!--@if($val['text'])-->
     <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" onfocus="this.blur();" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
     </li>
              <!--@end--><!--@end-->
      </ol>
  <script type="text/javascript">
   var gnb_count_now = {$gnb_count};
   reset_menu();
  </script>
          <!--@else-->
            <ol id="gnb{$gnb_count}" class="gnb_sub" style="display:none;">
     <!--@if(!$mval['list'])--><li></li><!--@end-->
              <!--@foreach($mval['list'] as $key => $val)--><!--@if($val['text'])-->
     <li><a href="{$val['href']}" onfocus="this.blur();" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
     </li>
              <!--@end--><!--@end-->
      </ol>
          <!--@end-->
          {@$gnb_count++;}
          <!--@end-->
        <!--@end-->
<!-- /상단메뉴 -->
<div id="headerRight">
<!-- 로그정보 -->
<ul id="Log">
<!--@if(!$is_logged)-->
 <li><a href="{getUrl('act','dispMemberLoginForm')}">Login</a></li>
 <li><a href="{getUrl('mid',$layout_info->target_mid,'act','dispMemberSignUpForm')}">Join</a></li>
<!--@else-->
    <li><a href="{getUrl('act','dispMemberLogout')}">Logout</a></li>
<!--@end-->
            
<!--@if($logged_info->is_admin == 'Y')-->
 <li><a href="{getUrl('','module','admin')}" onclick="window.open(this.href); return false;">Manage</a></li>
 <li><a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}">Edit</a></li>
 <li><a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}">Modify</a></li>
 <li><a href="{getUrl('act','dispBoardAdminBoardInfo')}">Setup</a></li>
 <!--@else-->
 <li><a href="{geturl('act','dispMemberInfo')}">MyInfo</a></li>
 <li><a href="javascript:bookmarksite('{$layout_info->home_title}','{$layout_info->home_url}')">Bookmark</a></li>
 <li><a href="mailto:{$layout_info->mail}">Contact</a></li>
<!--@end-->
</ul>

<!-- /로그정보 -->
<!-- 추가메뉴 -->
<ul id="extraMenu">
<!--@foreach($extra_menu->list as $key => $val)-->
<li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
<!--@end-->
</ul>
<!-- /추가메뉴 -->
<!-- 검색폼 -->
<div id="searchBox">
<form action="{getUrl()}" method="get">
<div style="visibility:hidden;"><input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" /></div>
<input type="text" name="is_keyword" class="searchKeyword" value="{$is_keyword}"/>
<input type="image" src="/images/search.png" class="searchButton" />
</form>
</div>
<!-- /검색폼 -->
</div>
</div>
<!-- /헤더 -->
<div id="contentWrap">
<div id="contentBtom"></div>
<!-- 컨텐츠출력부 -->
<div id="leftColumn">{$content}</div>
<!-- /컨텐츠출력부 -->
<div id="rightColumn">
<!-- 우측서브메뉴 -->
<!--@if($menu_1st['list'])-->
<div id="lnb_top"> </div>
<ol id="lnb">
<li><div id="subtitle">Submenu</div></li>
                {@ $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>
                    <!--@end--><!--@end-->
     </ul>
                    <!--@end-->
    </li>
                {@$idx++}
                <!--@end--><!--@end-->
   </ol>
 <div id="lnb_btom"><img src="images/none.gif" /> </div>
             <!--@else-->  <!--@end--> 
<!-- /우측서브메뉴 -->
<!-- 위젯삽입 
<div class="title_r"></div>, <div class="rightDiv"></div>를 이용하여 위젯을 넣을 수 있습니다.
-->
<div class="title_r">Widgets</div>
<div class="rightDiv"></div>
<!-- /위젯삽입 -->
</div>
 

</div>
</div>
<!-- 풋터 -->
<div id="footerWrap">
<div id="footer">
<p id="copyright"><!--@if(!$layout_info->copyright)-->Copyright 2008 <b>mjworks</b>. all rights reserved.<!--@else-->{$layout_info->copyright}<!--@end--></p>
<img src="images/check.png" id="check" alt="" class="iePngFix"/>
<!--@if(!$layout_info->rss)-->
<!--@else--><a href="{$layout_info->rss}" target="_blank"><img src="images/rss.png" id="rss" alt="RSS FEED" class="iePngFix"/></a>
<!--@end-->
<p id="by">skin by <a href="http://mjworks.kr" target="_blank">MJWORKS</a><br />Powered by <a href="http://zeroboard.com" target="_blank">ZEROBOARD</a></p>
</div>
 
<img src="images/footer_btom_l.png" id="bottomRound" class="iePngFix" />
<div id="bottom"></div>
<img src="images/footer_btom_r.png" id="bottomRound" class="iePngFix" />
<!-- /풋터 -->
</div>

참고로 zbxe 설치 index.html 파일 입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang="{Context::getLangType()}" xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
        <meta name="keywords" content=""> 
        <meta name="description" content=""> 
        <meta name="author" content=""> 
        <title>모모방송국</title> 
    </head> 
    <frameset rows="0%,100%" cols="*" border="0" framespacing="0"> 
        <frame src="" scrolling="NO" frameborder="NO" name="no"> 
        <frame src="/zbxe/index.php" frameborder="NO" name="main" marginwidth="0" marginheight="0" scrolling="auto"> 
    </frameset> 
    <noframes> 
    </noframes> 
    <body> 
    </body> 
</html>

죄송스럽지만 시간 나시는대로 살펴주시면 감사하겟습니다.

팔공산 2008.07.29 00:12 글쓴이
#comment_206926

css를 보아서는 상단에 여백이 생기지 않아야 하는데...
#bodyWrap { margin:0 auto; width:990px; position:relative; padding:0 10px; background:url(../images/mainmenu_bg.png) left top repeat-x #1a1a1a; }

아마 프레임을 나누어 놓아서 인 것 같습니다.
상단에 내용없는 프레인을 밑으로 내려보세요.

<frameset rows="100%,0%" cols="*" border="0" framespacing="0">
        <frame src="/zbxe/index.php" frameborder="NO" name="main" marginwidth="0" marginheight="0" scrolling="auto">
        <frame src="" scrolling="NO" frameborder="NO" name="no">
    </frameset>

그런데 프레임은 내용도 없는데 왜 나누어 놓았는지???

댓글
M
MoMo 2008.08.03 14:19
#comment_207452

안녕하세요 팔공산님

다름이 아니오라

현재 검은색 전체배경색상을..

바꾸려면 어디를 수정해야 하는지요

부탁 드립니다.

댓글
팔공산 2008.08.04 09:42 글쓴이
#comment_207555

MoMo 님에게 달린 댓글

모모님 전체배경색상을 바꾸실려면 layout.html.을 열어서 빨간색부분을 원하는 색상으로 바꾸어 주시면 됩니다.


<style>

body { background:url(./images/bg.png) center top repeat-x #555555 }

body { background:url({$layout_info->bg_img}) center top repeat-x {$layout_info->bg_color} }

</style>


댓글
M
MoMo 2008.08.04 18:20
#comment_207617

아니요 팔공산님 거기 말고요 메뉴 나오는 바탕화면요
원래 검정색으로 되어 있잖아요? 그곳을 이미지로 교체할려고 하거덩요
아무리 봐도 모르겠네요.팔공산님은 마루바닥처럼 바꾸셧잖아요..거기요
부탁 드립니다.

댓글
팔공산 2008.08.04 19:13 글쓴이
#comment_207631

MoMo 님에게 달린 댓글

common.css파일에서 빨간색부분 제거하면 되고요, 이미지로 넣고 싶으시면 mainmenu_bg.png를 교체하시면 됩니다.

#bodyWrap { margin:0px auto; width:990px; position:relative; padding:0 10px; background:url(../images/mainmenu_bg.png) left top repeat-x #1a1a1a; }

그리고 저는 빨간색부분 제거했고요, 레이아웃설정에서 배경이미지를 삽입한 것입니다.

댓글
M
MoMo 2008.08.05 18:49
#comment_207793

감사합니다 팔공산님

그런데 이미지만 교체 했는데 되네요..

댓글
M
MoMo 2008.08.09 12:24
#comment_208307

안녕하세요 팔공산님
덕분에 홈페이지 거의 완료 되어갑니다.

감사합니다.
한가지만 더 부탁 드릴게요.

회원만 우측마우스 사용할수 있게 하는 소스좀 부탁 드려도 될런지요?

댓글
팔공산 2008.08.11 12:25 글쓴이
#comment_208529

MoMo 님에게 달린 댓글

http://www.zeroboard.com/16531176
여기에 있네요. 검색의 생활화......^.^

댓글

모

모두인 2008.08.10 16:51

#comment_208448

안녕하세요. 아무리 소스를 봐고 이리해보고 저리해봐도 안되서 도움을 요청합니다.

왼쪽메뉴를 하단메뉴도 나오게 하려고 하는데 그러니까 3단메뉴죠. 소스 보시고
왼쪽메뉴나오는 소스를 어떻게 고쳐야 3단메뉴 카테고리도 추가되는지 알려주세요. 감사합니다.

<!-- sub_menu 2차 시작 -->
 {@$mnum = 1;}
 <!--@foreach($main_menu->list as $mkey => $sub_val)-->
   <!-- 왼쪽 2차 메뉴 -->
 <div id="menu{$mnum}" class="dropmenudiv">
 <!--@if($sub_val['list'])-->
  <div class="menuSubTop"></div>
  <div class="menuSub" onmouseout="document.getElementById('m_menu{$mnum}').className=''" onmouseover="document.getElementById('m_menu{$mnum}').className='active'">
   {@ $idx = 1 }
   <!--@foreach($sub_val['list'] as $key => $val)--><!--@if($val['link'])-->
   <a href="{$val['href']}" <!--@if($val['selected'])-->class="on"<!--@end--> <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a>
   {@$idx++}
   <!--@end--> <!--@end-->
  </div>
  <div class="menuSubBottom"></div>
 <!--@end-->
 </div>
 {@$mnum++;}
 <!--@else-->
 <!--@end-->

수정 삭제 댓글

소
소양강 2008.12.28 17:50
#comment_233087

안녕하세요?
오래만에 들러습니다.
벌써 한해마무리를 해야되는 시점입니다.
다름이 아니고 상단에 드랍메뉴 팀중 소스를 어디에 붙여야되는지...
이미지 파일은 어디에 넣어야 되는지 위에 모모님 처럼 common.css 중간에 붙여넣기 하고 이미지파일 업로드 했는데
제자리에 못넣은는지 드랍메뉴가 안되네요
죄송하지만 자세한 위치좀 알려 주시면 감사하겠습니다.
안녕히 계세요.

댓글
팔공산 2008.12.28 18:37 글쓴이
#comment_233097

소양강 님에게 달린 댓글

소양강님 오랜만이네요.
위의 팁만 적용한다고 드랍메뉴가 나타나지는 않습니다.
miworks레이아웃을 사용중이시라면 https://moonhouse.co.kr/zbxe/200764 이 팁을 참고하시고요.
다른 레이아웃에 드랍메뉴를 사용하실려면 https://moonhouse.co.kr/zbxe/155630 팁을 참고하시면 됩니다.

댓글
소
소양강 2008.12.28 23:57
#comment_233139

고맙습니다.
건강하시구요
새해에도 복많이 받으세요.

댓글

Xe Tips

Category

No Image

ztyle님의 "플래시 이미지 출력 슬라이드" 문제점과 답글정리

ztyle님의 "플래시 이미지 출력 슬라이드" 를 위젯화하고 나니 문제를 일으키는 경우가 많고 질문도 있고 해서, 댓글로 올라와 있는 문제점 및 답글 그리고 내가 아는 한도내애서 정리를 해 두고자 이 글을 정리합니다. 파파민 혹 백지로 나오는 분들은 경로를...

Date2009.02.11 Category :문하우스 Reply3 Views13,169 원작자 : 80san

Read More
No Image

게시판스킨에 "비밀글 기능" 없애기

제로보드사이트에서 문의가 들어와서 팁으로 남깁니다. 먼저 게시판스킨에서 "비밀글 기능" 자체를 안보이게 하면 비밀글을 사용할 수가 없겠죠. 더불어 댓글에도 적용해봅니다. [본문굴 비밀글삭제] xe/modules/board/skins/moonhouse_board/write_form.html...

Date2009.02.05 Category :문하우스 Views12,081 원작자 : 80san

Read More
title 이용하여 마우스오버시 다양한 표현 구현하기

스크립트에서 링크를 적용할때 그 링크의 간단한 설명을 마우스오버시 나타나게 하는 용도로 alt와 title을 사용해서 나타냅니다. 그런데 alt는 ie계열에서는 나타나지만 타 브라우즈에서는 나타나지를 않습니다. 그 반면 title은 광범위하게 나타나므로 저는 ...

Date2009.01.30 Category :문하우스 Views10,916 원작자 : 80san

Read More
음악플레이기 3종세트 설치 방법

아쿠아앰프 설치방법 (이번 것이 앞전에 설치방법보다 스킨바꾸는 방법이 간단하여 다시 올립니다.) aquamp.rar 파일을 풀어서 player.config.js, playlist.asx 를 수정해야 합니다. 먼저 player.config.js를 에디터기로 열어서 첫째줄을 자신에게 맞게 수정하...

Date2007.12.09 Category :문하우스 Views10,175 원작자 : 80san

Read More
한글and숫자아이디로도 회원가입이 가능합니다.

/zbxe/common/js/xml_js_filter.js의 25줄부터 빨간색 추가하면 한글이나 숫자로도 회원가입이 가능합니다. // userid var regUserid = /^[가-힣0-9a-z]+[\w-]*[가-힣a-z0-9_]+$/i; this.cast('ADD_RULE', ['userid', regUserid]); this.cast('ADD_RULE', ['us...

Date2008.12.02 Category :문하우스 Views11,469

Read More
No Image

버튼체인지 애드온 사용시 버턴 크기 조절하기

버튼체인지 애드온 사용시 댓글란에 있는 파일첨부, 선택삭제 등등 그 버튼이 너무 커서 밀리는 경우가 있는데요. 이 버튼들의 크기는 고정인가 해서요. 조금 줄어들면 좋을텐데. 어디서 바꿔야할지를 몰라서요. 위의 질문을 남겨주셔서 제가 답변한 내용입니...

Date2008.11.27 Category :문하우스 Reply6 Views11,157 원작자 : 80san

Read More
No Image

cafe24사용자중 페이지에서 위젯편집시 자바스크립트 에러나시는 분들

[예전에 제가 제로보드사이트에 남긴 팁입니다. 이 문제로 고생하시는 회원님이 있어서, 혹시 다른 분들도 고생을 하실까 싶어 문하우스에도 글 남깁니다.] 제목그대로 호스팅을 cafe24사용하시는분들 중에서 페이지에 기본위젯외에 편집위젯들(제가 만든 카멜...

Date2008.11.26 Category :문하우스 Views9,642

Read More
사랑비Bgm 플레이기 설치하고 제어하기

사랑비bgm을 메인화면에서 제어해보니 XE홈페이지에서 많은 문제점를 일으키는군요. 처음에는 몰랐는데 며칠 사용해 보니 XE 본프레임을 자주 볼러오지를 못하는군요. 특히 리프레쉬를 하면 심합니다. 그래서 사랑비bgm을 설치해서 음악을 듣기를 원하시면 메...

Date2008.11.22 Category :문하우스 Reply8 Views15,162 Sample

Read More
mootools를 이용한 2차슬라이딩메뉴 적용방법

mootools를 이용한 final_tj v.0.1 레이아웃. final_tj라는 이름하에 레이아웃을 배포합니다. 제가 남개대한국학생회 홈페이지를 거의 무료에 가깝게 만들어주고 있는데요. 중국 천진 남개대 학생도 아닌것이 취미삼아 만들다보니 이렇게 레이아웃까지 배포합...

Date2008.11.10 Category :문하우스 Reply3 Views13,465 원작자 : burster

Read More
그룹, 레벨, 포인트별 선택적으로 위젯 유,무를 적용하는 방법

리스트아래에 있는 SKY님과 BlueGATE님의 팁을 종합해서 그룹별, 포인트별, 레벨별로 위젯의 유.무를 나타나게 정리했습니다. 위젯을 만들때 참조하시라고 작성하는 글인 만큼 초보분들에게는 쉽지는 않을 것입니다. 먼저 바꾸어 보고자 하는 위젯(예; widgets...

Date2008.11.03 Category :문하우스 Views9,309 원작자 : 80san

Read More
No Image

위젯에서 특정레벨이상시 화면에 나타나게 하기

바로 아래 리스트에 있는 https://moonhouse.co.kr/zbxe/xetip/224236 (운영자, 특정레벨이하 사진(이미지) 우클릭 금지) 이 팁을 위젯에 응용해서 사용하면 특정레벨이나 포인트를 가진 회원이상만 페이지에 위젯이 나타나게 하고 로그인하지 않았거나 특정그...

Date2008.11.01 Category :문하우스 Views8,156 원작자 : S K Y Sample

Read More
레이아웃 바닥부분 문하우스처럼 설정하는 방법

편집1] /zbxe/layouts/xe_official/layout.html 에서 제일 아래부분 97줄에서 마지막까지 [변경전] <ul id="footer"> <li class="first-child"> <address> <a href="http://www.zeroboard.com" onclick="window.open(this.href);return false;"> <img src="./i...

Date2008.10.12 Category :문하우스 Views11,556 원작자 : 80san Sample

Read More
문하우스의 .htaccess 내용입니다.

문하우스의 Zbxe의 설치경로는 www/zbxe/ 입니다. 1. http://www.moonhouse.co.kr의 2차도메인으로 접속을 해도 http://jcas.co.k 1차도메인으로 주소창에 보이게끔 설정되어 있습니다.( https://moonhouse.co.kr/zbxe/xetip/222238 참조 ) 2. https://moonhou...

Date2008.10.10 Category :문하우스 Views11,289 원작자 : 80san

Read More
사이트 접속시 자동으로 www를 붙였다, 안 붙였다 접속되게 하기

[레이아웃 편집에서 방법] 아래의 코드를 레이아웃 > 레이아웃 편집 > 최상단에 텍스트로 추가하면 사이트 접속시 www를 입력하지 않고 접속해도 자동으로 www가 붙습니다. <? if($_SERVER[HTTP_HOST] !="www.도메인.com") { Header("location:http://www.도메...

Date2008.10.09 Category :문하우스 Reply2 Views9,800

Read More
mjworks. 레이아웃스킨중에 문하우스에 사용중인 드랍메뉴 이미지

MoMo님의 요청이 있어서 mjworks. standard V1 레이아웃스킨중에 문하우스에서 사용중인 드랍메뉴팁중에서 지금 홈에서 사용중인 이미지가 필요하다고 하셔서 공개합니다. 별로 예쁘지도 않은 이미지라 공개를 하지 않았는데.... 일단 제가 사용중인 common.cs...

Date2008.07.28 Category :문하우스 Reply15 Views7,525

Read More
게시판상단에 글쓰기버턴이나 링크넣기

게시판을 사용하다 보면 글쓰기 버턴이 아래에 있어서 번거로울 때가 있습니다. 그런 경우 상단에 글쓰기버턴이나 링크넣는 방법을 올립니다. 수정파일 /zbxe/modules/board/skins/xe_board/header.html 를 열어서 77줄에 빨간색 부분 삽입하면 설정아이콘옆에...

Date2008.07.20 Category :문하우스 Reply4 Views12,345 Sample

Read More
1.0.5로 업데이트후 3D flex/flash갤러리가 정상작동하지 않을때

1.0.5로 업데이트후 3D flex/flash갤러리가 썸네일이미지가 보이지를 않고 정상작동하지 않을때 조치방법입니다. 자료 : https://moonhouse.co.kr/zbxe/150407 적용된 곳 : https://moonhouse.co.kr/zbxe 하단 이미지갤러리 /zbxe/widgets/newest_images/skins...

Date2008.07.19 Category :문하우스 Views7,660 Sample

Read More
mjworks. standard V1 레이아웃 스킨에 상단메뉴밑에 서브메뉴를 넣는 법

mjworks님이 배포하신 mjworks. standard V1 레이아웃 스킨이 마음에 들어서 내가 약간의 변형을 해서 사용중입니다. 여기서 상단메뉴밑에 서브메뉴를 다는 방법을 설명드리겠습니다. 일단 기본의 예쁜 상단메뉴는 포기하셔야 합니다. 그대로 두고 해 볼려니 ...

Date2008.07.15 Category :문하우스 Reply27 Views10,674 원작자 : 80san

Read More
에디터입력창 배경색상 or 배경글꼴색상 변경해보기

블랙게시판 스킨을 사용해 볼려고 하니 다른 부분들은 어느정도 칼라를 바꾸어 볼 수가 있는데 에디터입력창의 글꼴 색상은 바꿀 수가 없네요, 아마 저의 생각으로는 에디터기 옵션에 글꼴색상을 변경 할 수 있어서 글꼴의 기본색상이 다른 곳에 지정되어져 있...

Date2008.07.12 Category :문하우스 Reply1 Views8,201 Sample

Read More
최근게시물에 권한주어서 회원만 내용물보게하기

묻고 답하기란에 진우님이 질문하신 내용의 답변을 팁으로 정리합니다. [질문요지] 최근 글 위젯에서, 해당 게시판의 권한을 읽어서 게시물의 링크 여부를 적용 후 최근 게시물로 출력 했으면 합니다. 게시물의 링크가 걸려 있을 때, 그 게시물을 클릭 했는데 ...

Date2008.07.11 Category :문하우스 Views5,898 Sample

Read More