묻고답하기
왕왕초보 레이아웃 오른쪽상단 링크걸기~부탁입니다.
2010.12.10 11:25
회사 홈페이지를 만들어야 합니다.
메인화면 상단에 Koean English Japanes E-mail to
하고 링크를 걸려고 합니다.
제 생각엔 이미지를 링크걸어서 롤오버까지 나오게 할려고 했는데
나모로 만들어서 소스를 보니 경로도 이상하게 나오고
layout.html 에 어디에 붙여야 하는지도 모르겠네요.
이미지가 어려우면 텍스트로라도 시도해보려고 합니다.
블러즈 레이아웃 이용하려고 하는데
삽입위치와 링크 거는 법(텍스트 또는 이미지) 부탁드려요
Blooz Layout Ver 3.2 ver 2.0
layout.html
<!--// js 파일 import -->
<!--%import("js/lang.js")-->
<layout_type">!--@if($layout_info->layout_type == "main")-->
<banner_type">!--@if($layout_info->banner_type == "prototype")-->
<!--%import("js/protoculous.js")-->
<!--%import("js/carousel.js")-->
<!--@else-->
<!--%import("js/jquery-1.3.2.min.js")-->
<!--%import("js/jquery.coda-slider-2.0.js")-->
<!--%import("js/jquery.easing.1.3.js")-->
<!--%import("js/coda.js")-->
<!--@end-->
<!--@end-->
<!--%import("js/ddsmoothmenu.js")-->
<!--// 레이아웃과 연동될 css 파일 import -->
<!--%import("css/style.css")-->
<layout_type">!--@if($layout_info->layout_type == "main")-->
<!--%import("css/homepage.css")-->
<!--%import("css/coda-slider-2.0.css")-->
<!--%import("css/carousel.css")-->
<!--@else-->
<!--%import("css/sub.css")-->
<!--@end-->
<div id="header">
<div class="logo"><h1><logo_image)-->!--@if($layout_info->logo_image)--><a href="{$layout_info->logo_url}"><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /></a><!--@else--><a href="{$layout_info->index_url}"><img src="./images/logo.png" class="iePngFix" alt="Logo" /></a><!--@end--></h1></div>
<!-- <div class="langBar">
<div class="langSelect">
<a href="javascript:void(0);" onfocus="this.blur();" onclick="selLanguage('langbar')"><span>Select Language</span></a>
<div class="lang" id="langbar">
<ul>-->
<!--//@foreach($lang_supported as $key => $val)--><!--//@if($key!= $lang_type)-->
<!-- <li><a href="#" onclick="doChangeLangType('{$key}');return false;">{$val}</a></li>-->
<>{$val['text']}{$val['link']}!--@if($val['selected'])-->class="on"<!--@end-->><!--@if($val['text']==$val['link'])--><span>{$val['text']}</span><!--@else-->{$val['link']}<!--@end--></a>
<!--@if($val['list'])-->
<ul>
<!--@foreach($val['list'] as $k => $v)-->
<!--@if($val['link'])-->
{@ $val2 = $v; }
<li <class="selected">!--@if($val2['list'])-->class="selected"<!--@end-->><a href="{$v['href']}"<!--@if($v['open_window']=='Y')--> onclick="window.open(this.href);return false;"<>{$v['text']}!--@end-->>{$v['text']}</a></li>
<!--@end-->
<!--@end-->
<li class="bottom"></li>
</ul>
<!--@end-->
</li>
{@$_idx++}
<!--@end-->
<!--@end-->
<li class="search">
<form action="{getUrl()}" method="post" class="search">
<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" />
<div class="searchBox">
<input name="is_keyword" type="text" title="Search" class="inputText" accesskey="S" />
<input type="submit" class="submit" value=" " />
</div>
</form>
</li>
</ul>
</div>
<layout_type">!--@if($layout_info->layout_type == "main")-->
<banner_type">!--@if($layout_info->banner_type == "prototype")-->
<div class="tabs">
<div class="coda-nav">
<ul class="tabs">
<banner_image_1">!--@if($layout_info->banner_image_1)-->
<li><a href="javascript:" rel="tab-1" class="carousel-jumper carousel-selected">1</a></li>
<!--@end-->
<banner_image_2">!--@if($layout_info->banner_image_2)-->
<li><a href="javascript:" rel="tab-2" class="carousel-jumper">2</a></li>
<!--@end-->
<banner_image_3">!--@if($layout_info->banner_image_3)-->
<li><a href="javascript:" rel="tab-3" class="carousel-jumper">3</a></li>
<!--@end-->
<banner_image_4">!--@if($layout_info->banner_image_4)-->
<li><a href="javascript:" rel="tab-4" class="carousel-jumper">4</a></li>
<!--@end-->
<banner_image_5">!--@if($layout_info->banner_image_5)-->
<li><a href="javascript:" rel="tab-5" class="carousel-jumper">5</a></li>
<!--@end-->
<banner_image_6">!--@if($layout_info->banner_image_6)-->
<li><a href="javascript:" rel="tab-6" class="carousel-jumper">6</a></li>
<!--@end-->
</ul>
</div>
<div class="middle-tabs">
<div class="inner-tabs">
<banner_image_1">!--@if($layout_info->banner_image_1)-->
<div class="tab" id="tab-1">
<img src="{$layout_info->banner_image_1}" class="iePngFix" alt="" />
<banner_txt_1)-->!--@if($layout_info->banner_txt_1)--><a href="{$layout_info->banner_url_1}" class="bannerBtn"><span>{$layout_info->banner_txt_1}</span></a><!--@end-->
</div>
<!--@end-->
<banner_image_2">!--@if($layout_info->banner_image_2)-->
<div class="tab" id="tab-2">
<img src="{$layout_info->banner_image_2}" class="iePngFix" alt="" />
<banner_txt_2)-->!--@if($layout_info->banner_txt_2)--><a href="{$layout_info->banner_url_2}" class="bannerBtn"><span>{$layout_info->banner_txt_2}</span></a><!--@end-->
</div>
<!--@end-->
<banner_image_3">!--@if($layout_info->banner_image_3)-->
<div class="tab" id="tab-3">
<img src="{$layout_info->banner_image_3}" class="iePngFix" alt="" />
<banner_txt_3)-->!--@if($layout_info->banner_txt_3)--><a href="{$layout_info->banner_url_3}" class="bannerBtn"><span>{$layout_info->banner_txt_3}</span></a><!--@end-->
</div>
<!--@end-->
<banner_image_4">!--@if($layout_info->banner_image_4)-->
<div class="tab" id="tab-4">
<img src="{$layout_info->banner_image_4}" class="iePngFix" alt="" />
<banner_txt_4)-->!--@if($layout_info->banner_txt_4)--><a href="{$layout_info->banner_url_4}" class="bannerBtn"><span>{$layout_info->banner_txt_4}</span></a><!--@end-->
</div>
<!--@end-->
<banner_image_5">!--@if($layout_info->banner_image_5)-->
<div class="tab" id="tab-5">
<img src="{$layout_info->banner_image_5}" class="iePngFix" alt="" />
<banner_txt_5)-->!--@if($layout_info->banner_txt_5)--><a href="{$layout_info->banner_url_5}" class="bannerBtn"><span>{$layout_info->banner_txt_5}</span></a><!--@end-->
</div>
<!--@end-->
<banner_image_6">!--@if($layout_info->banner_image_6)-->
<div class="tab" id="tab-6">
<img src="{$layout_info->banner_image_6}" class="iePngFix" alt="" />
<banner_txt_6)-->!--@if($layout_info->banner_txt_6)--><a href="{$layout_info->banner_url_6}" class="bannerBtn"><span>{$layout_info->banner_txt_6}</span></a><!--@end-->
</div>
<!--@end-->
</div>
</div>
</div>
<!--@else-->
<div style="position:relative;height:250px;overflow:hidden;z-index:0;width:970px;margin:0 auto;">
<div class="coda-slider preload" id="coda-slider-1">
<banner_image_1">!--@if($layout_info->banner_image_1)-->
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">1</h2>
<img src="{$layout_info->banner_image_1}" class="iePngFix" alt="" />
<banner_txt_1)-->!--@if($layout_info->banner_txt_1)--><a href="{$layout_info->banner_url_1}" class="bannerBtn"><span>{$layout_info->banner_txt_1}</span></a><!--@end-->
</div>
</div>
<!--@end-->
<banner_image_2">!--@if($layout_info->banner_image_2)-->
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">2</h2>
<img src="{$layout_info->banner_image_2}" class="iePngFix" alt="" />
<banner_txt_2)-->!--@if($layout_info->banner_txt_2)--><a href="{$layout_info->banner_url_2}" class="bannerBtn"><span>{$layout_info->banner_txt_2}</span></a><!--@end-->
</div>
</div>
<!--@end-->
<banner_image_3">!--@if($layout_info->banner_image_3)-->
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">3</h2>
<img src="{$layout_info->banner_image_3}" class="iePngFix" alt="" />
<banner_txt_3)-->!--@if($layout_info->banner_txt_3)--><a href="{$layout_info->banner_url_3}" class="bannerBtn"><span>{$layout_info->banner_txt_3}</span></a><!--@end-->
</div>
</div>
<!--@end-->
<banner_image_4">!--@if($layout_info->banner_image_4)-->
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">4</h2>
<img src="{$layout_info->banner_image_4}" class="iePngFix" alt="" />
<banner_txt_4)-->!--@if($layout_info->banner_txt_4)--><a href="{$layout_info->banner_url_4}" class="bannerBtn"><span>{$layout_info->banner_txt_4}</span></a><!--@end-->
</div>
</div>
<!--@end-->
<banner_image_5">!--@if($layout_info->banner_image_5)-->
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">5</h2>
<img src="{$layout_info->banner_image_5}" class="iePngFix" alt="" />
<banner_txt_5)-->!--@if($layout_info->banner_txt_5)--><a href="{$layout_info->banner_url_5}" class="bannerBtn"><span>{$layout_info->banner_txt_5}</span></a><!--@end-->
</div>
</div>
<!--@end-->
<banner_image_6">!--@if($layout_info->banner_image_6)-->
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">6</h2>
<img src="{$layout_info->banner_image_6}" class="iePngFix" alt="" />
<banner_txt_6)-->!--@if($layout_info->banner_txt_6)--><a href="{$layout_info->banner_url_6}" class="bannerBtn"><span>{$layout_info->banner_txt_6}</span></a><!--@end-->
</div>
</div>
<!--@end-->
</div><!-- .coda-slider -->
</div>
<!--@end-->
<!--@end-->
<div id="content">
<div class="columnLeft">
<layout_type">!--@if($layout_info->layout_type == "main")-->
<!--// <img class="zbxe_widget_output" widget="login_info" skin="login_blooz" colorset="white" />-->
<!--@else-->
<!--// <img class="zbxe_widget_output" widget="login_info" skin="login_blooz" colorset="black" />
<!--@end-->
<!--// <layout_type">!--@if($layout_info->layout_type == "sub")-->
<!-- sub_menu 2차 시작 -->
<!--@if($menu_1st)-->
<div class="subNav">
<list">!--@if($bottom_menu->list)-->
<list">!--@foreach($bottom_menu->list as $key => $val)-->
<!--@if($val['selected'])-->
{@ $menu_bottom = $val }
<!--@endif-->
<!--@endforeach-->
<!--@endif-->
<!--@if($menu_2nd['selected'])-->
<!--@foreach($menu_1st['list'] as $key => $val)-->
<!--@if($val['selected'])-->
<h2>{$val['link']}</h2>
<!--@endif-->
<!--@endforeach-->
<!--@elseif($menu_bottom['selected']) -->
<h2>{$menu_bottom['text']}</h2>
<!--@else-->
<h2>{$menu_1st['text']}</h2>
<!--@endif-->
<ul>
<!--@foreach($menu_1st['list'] as $key => $sub_menu)-->
<!--@if($sub_menu['selected'])-->
{@ $menu_2nd = $sub_menu }
<!--@end-->
<!--@if($sub_menu['link'])-->
<li<!--@if($sub_menu['selected'])--> class="on"<>!--@end-->><a href="{$sub_menu['href']}" <onclick="window.open(this.href);return">!--@if($sub_menu['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--> <!--@if($sub_menu['selected'])--> class="on"<>{$sub_menu['link']}!--@end-->>{$sub_menu['link']}</a>
<!--@if($sub_menu['list'])-->
<!--@if($sub_menu['+
'selected'])-->
<ul>
<!--@foreach($sub_menu['list'] as $key => $menu_3rd)-->
<!--@if($menu_3rd['link'])-->
<li><a href="{$menu_3rd['href']}" <onclick="window.open(this.href);return">!--@if($menu_3rd['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@if($layout_info->logo_image)--><a href="{$layout_info->logo_url}"><img src="{$layout_info->bottom_logo_image}" alt="logo" border="0" class="iePngFix" /></a><!--@else--><a href="{$layout_info->index_url}"><img src="./images/bottomLogo.png" class="iePngFix" alt="Logo" /></a><!--@end--></h1>
</div>
<ul class="bnb">
<list">!--@foreach($bottom_menu->list as $key => $val)-->
<li><a href="{$val['href']}" <onclick="window.open(this.href);return">!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$val['link']}!--@end-->><!--@if($val['selected'])--><strong><!--@endif-->{$val['link']}<!--@if($val['selected'])--></strong><!--@endif--></a></li>
<!--@endforeach-->
</ul>
<div class="bclear"></div>
</div>
<div class="copyright"><strong>{$layout_info->copyright}</strong></div>
</div>
<banner_type">!--@if($layout_info->banner_type == "prototype")-->
<script type="text/javascript">
new Carousel($$('.middle-tabs').first(), $$('.tab'), $$('ul.tabs a'), {duration: 0.5, wheel: false})
</script>
<!--@end-->