묻고답하기
이부분에 음악 위젯을 넣고싶은데요
2012.01.28 16:39
헤더 부분에 쓰면 메뉴가 벌어지더라구요 .. ;
이 부분에 음악 위젯을 깔고 싶은데
레이아웃 편집에 들가보니 넘 어렵더라구요 ㅜ
이부분에 음악 넣는 방법좀 알려주세요 ㅜ
------------------------------------
cimple 레이아웃 사용중이구요.
cimple 레이아웃 html 입니다.
<!--%import("js/jquery.droppy.js")-->
<!--%import("js/jqModal.js")-->
<!--%import("js/jquery.hint.js")-->
<!--%import("js/default.js")-->
<!--%import("css/default.css")-->
<!--%import("css/droppy.css")-->
<div id="wrap_top">
<div id="container_top">
<div id="search_box">
<form action="{getUrl()}" method="post" id="isSearch">
<!--@if($vid)-->
<input type="hidden" name="vid" value="{$vid}" />
<!--@end-->
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="hidden" name="search_target" value="title_content" />
<div id="search_text_box"><input name="is_keyword" title="keyword" type="text" size="19" class="search_textbox" /></div>
<div id="search_button_box"><input type="image" onclick="javascript:;" src="img/btn_search.gif" alt="{$lang->cmd_search}" class="submit"/></div>
</form>
</div>
<ul id="member">
<li>
<!--@if($is_logged)-->
<a href="{getUrl('act','dispMemberLogout')}"><span>Logout</span></a>
<!--@else-->
<a href="javascript:open_login()" accesskey="L" class="openLogin"><span>Login</span></a>
<!--@end-->
</li>
<!--@if(!$is_logged)-->
<li class="register"><a href="{getUrl('+ 'act','dispMemberSignUpForm')}"><span>Register</span></a></li>
<!--@else-->
<li class="profile">
<a href="#" onclick="toggleProfile()" class="openLogin"><span>Profile</span></a>
<!-- memberProfile -->
<div id="memberProfile" class="memberProfile">
<!-- class="memberProfile" | class="memberProfile active" -->
<h2 class="authorName">{$logged_info->nick_name}</h2>
<ul>
<!--@if($logged_info->is_admin=="Y")-->
<li><a href="{getUrl('','module','admin')}" onclick="window.open(this.href);return false;"><span>{$lang->cmd_management}</span></a></li>
<!--@end-->
<!--@foreach($logged_info->menu_list as $key => $val)-->
<li><a href="{getUrl('act',$key,'member_srl','')}">{Context::getLang($val)}</a></li>
<!--@end-->
</ul>
</div>
<!-- /memberProfile -->
</li>
<!--@end-->
<li class="language">
<!-- class="language" | class="language open" -->
<a href="#" onclick="toggleLanguage()" class="openLanguage"><span>Language</span></a>
<ul id="languageList">
<li><em class="{$lang_type}"><span>{$lang_supported[$lang_type]}</span></em></li>
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<li class="{$key}"><button type="button" onclick="doChangeLangType('{$key}');return false;"><span>{$val}</span></button></li>
<!--@end--><!--@end-->
</ul>
</li>
</ul>
</div>
</div>
<div id="wrap">
<div id="container">
<div id="header">
<!-- 로고 -->
<div id="logo">
<h1><!--@if($layout_info->logo_image)--><a href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /></a><!--@else--> <!--@end--></h1>
</div>
<!-- 주메뉴 -->
<div id="main_menu">
<ul id="nav">
<!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['link'])-->
{@ $menu_1st = $val }
<li <!--@if($val['selected'] && count($val['list']) > 0)-->class="on nav_drop_down"<!--@elseif(count($val['list']) > 0)-->class="nav_drop_down"<!--@elseif($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>
<!--@if($menu_1st['list'])-->
<ul>
{@ $i = 0; }
<!--@foreach($menu_1st['list'] as $skey => $sval)-->
{@ $is_last = false; }
<!--@if($i+1 == count($menu_1st['list']))-->
{@ $is_last = true; }
<!--@end-->
<!--@if($sval['link'])-->
{@ $menu_2nd = $sval }
<li <!--@if($sval['selected'] && count($sval['list']) > 0)-->class="on nav_drop_right"<!--@elseif(count($sval['list']) > 0)-->class="nav_drop_right"<!--@elseif($sval['selected'])-->class="on"<!--@end-->><a href="{$sval['href']}" <!--@if($sval['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--> <!--@if($is_last)-->class="nav_noline"<!--@end-->>{$sval['link']}</a>
<!--@if($menu_2nd['list'])-->
<ul>
{@ $j = 0; }
<!--@foreach($menu_2nd['list'] as $sskey => $ssval)-->
{@ $is_last = false; }
<!--@if($j+1 == count($menu_2nd['list']))-->
{@ $is_last = true; }
<!--@end-->
<!--@if($ssval['link'])-->
<li <!--@if($ssval['selected'])-->class="on"<!--@end-->><a href="{$ssval['href']}" <!--@if($ssval['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--> <!--@if($is_last)-->class="nav_noline"<!--@end-->>{$ssval['link']}</a></li>
<!--@endif-->
{@ $j++ }
<!--@endforeach-->
</ul>
<!--@endif-->
</li>
<!--@endif-->
{@ $i++; }
<!--@endforeach-->
</ul>
<!--@endif-->
</li>
<!--@endif-->
<!--@endforeach-->
</ul>
</div>
</div>
<!--@if($layout_info->is_sub)-->
<div id="sub_container">
<div id="sub_top">
<ul>
<!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['selected'])-->
{@ $first_menu = $val }
<!--@end-->
<!--@foreach($val['list'+ '] as $skey => $sval)-->
<!--@if($sval['selected'])-->
<!--@end-->
<!--@foreach($sval['list'] as $sskey => $ssval)-->
<!--@if($ssval['selected'])-->
<!--@end-->
<!--@endforeach-->
<!--@endforeach-->
<!--@endforeach-->
</ul>
</div>
<div id="sub_left">
<!--@if(count($first_menu['list'])>0)-->
<div id="second_menu">
<div>{$first_menu['link']}</div>
<ul id="sec_nav">
<!--@foreach($first_menu['list'] as $key => $val)-->
<li>
<a href="{$val['href']}">{$val['link']}</a>
<!--@if(count($val['list']) >0)-->
<ul>
<!--@foreach($val['list'+ '] as $skey => $sval)-->
<li><a href="{$sval['href']}">{$sval['link']}</a></li>
<!--@endforeach-->
</ul>
<!--@endif-->
</li>
<!--@endforeach-->
</ul>
</div>
<!--@endif-->
<div id="left_img">
<a href="{$layout_info->left_image_url}" target="_blank"><img src="{$layout_info->left_image}" alt="left_img" border="0" class="iePngFix" /></a>
</div>
<div style="padding:0 0 0 1px; border-bottom:1px solid #eee;">
</div>
</div>
<div id="sub_right">
{$content}
</div>
</div>
<!--@else-->
<div id="content">
{$content}
</div>
<div id="footer"></div>
<!--@end-->
</div>
</div>
<div id="wrap_bottom">
<div id="container_bottom">
<div id="bottom_info">
<div id="copyright_comment">
<pre class="expand_info">Copyright © {$layout_info->copyright}. All Right Reserved.
</div>
<div id="bottom_menu">
<ul id="sub_nav">
<!--@foreach($bottom_menu->list as $key => $val)-->
<!--@if($val['link'])-->
{@ $menu_1st = $val }
<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>
</li>
<!--@endif-->
<!--@endforeach-->
</ul>
</div>
</div>
</div>
</div>
{@ $member_config = MemberModel::getMemberConfig(); }
<!--%import("./filter/login.xml")-->
<!--@if($member_config->enable_openid=='Y')--><!--%import("./filter/openid_login.xml")--><!--@end-->
<div id="loginWindow" class="loginWindow iePngFix">
<div id="loginForms">
<!--<a href="#" onclick="toggleLogin()" class="closeLogin"><img src="img/close.gif" alt="Close Login Layer" /></a>-->
<h2><img src="img/login18pt.gif" /></h2>
<h5>사용자 로그인</h5>
<form action="" method="post" class="typeA" id="commonLogin" onsubmit="return procFilter(this, login)">
<fieldset>
<dl>
<dd><input name="user_id" type="text" class="inputText hint" id="uid" title="아이디" tabindex="1" /></dd>
<dd class="keep_login"><input name="keep_signed" type="checkbox" tabindex="-1" id="keepA" value="Y" class="inputCheck" onclick="if(this.checked) return confirm('{$lang->about_keep_signed}');"/><label for="keepA">{$lang->keep_signed}</label></dd>
<dd>
<input type="text" id="pwd1" class="inputText" title="비밀번호" tabindex="2" />
<input name="password" type="password" class="inputText" style="display:none" id="upw" />
</dd>
<dd>
<input name="" class="img_button" type="submit" value="Sign In" />
</dd>
</dl>
</fieldset>
</form>
<div id="loginHelp">
<ul class="help">
<li class="find"><a href="{getUrl('act','dispMemberFindAccount')}">{$lang->cmd_find_member_account}</a></li>
<li class="mail"><a href="{getUrl('act','dispMemberResendAuthMail')}">{$lang->cmd_resend_auth_mail}</a></li>
<li class="join"><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
</ul>
</div>
<!--@if($member_config->enable_openid=='Y')-->
<h5>오픈아이디 로그인</h5>
<form action="./" method="post" class="typeB" id="openidLogin" onsubmit="return procFilter(this, openid_login)">
<fieldset>
<dl>
<dd><input name="openid" type="text" class="inputText hint" id="oid" title="오픈아이디" /></dd>
<dd><input name="" class="img_button" type="submit" value="Sign In" /></dd>
</dl>
</fieldset>
</form>
<!--@end-->
</div>
</div>
그 부분에 음악을 넣는건 큰 문제가 되지 않습니다. 프레임을 나누어 음악을 많이넣으시는 이유가
페이지가 이동될때마다 노래가 끈기지 않고 계속 나오기 위함입니다.
님이 말씀하신대로 한다면
페이지가 이동될때마다 계속 노래가 첨부터 시작하거나 할텐데.. 방문자들에게 있어서 그리좋은 기능은 아니죠