메뉴 건너뛰기
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>
죄송스럽지만 시간 나시는대로 살펴주시면 감사하겟습니다.
여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.
파일 용량 제한 : 0MB (허용 확장자 : *.*)
업로드 중... (0%)
브라우저를 닫더라도 로그인이 계속 유지될 수 있습니다.로그인 유지 기능을 사용할 경우 다음 접속부터는 로그인할 필요가 없습니다.단, PC방, 학교, 도서관 등 공공장소에서 이용 시 개인정보가 유출될 수 있으니 꼭 로그아웃을 해주세요.
common.css 파일입니다
layout.html 파일입니다.
참고로 zbxe 설치 index.html 파일 입니다.
죄송스럽지만 시간 나시는대로 살펴주시면 감사하겟습니다.