묻고답하기
링크 클릭시, 새창으로 띄우고 싶습니다.
2012.08.23 07:57
xe에서 만든 대형베너 위젯을 이용하고 있는데,
베너 클릭시, 현재창에서 다른 싸이트로 이동하네요~
베너 클릭시, 새창으로 해서, 이동하려면 어디 부분을 수정해야 하나요?
좋은 답변 부탁드립니다.
-banner.html부분-
<!--%import("banner.css")-->
<div class="xeBanner v{$xb}">
<div id="v1" class="section">
<h2>{$widget_info->title_1}</h2>
<p>{$widget_info->description_1}</p>
<a href="{$widget_info->url_1}"><span>{$widget_info->title_1}</span></a>
</div>
<div id="v2" class="section">
<h2>{$widget_info->title_2}</h2>
<p>{$widget_info->description_2}</p>
<a href="{$widget_info->url_2}"><span>{$widget_info->title_2}</span></a>
</div>
<div id="v3" class="section">
<h2>{$widget_info->title_3}</h2>
<p>{$widget_info->description_3}</p>
<a href="{$widget_info->url_3}"><span>{$widget_info->title_3}</span></a>
</div>
<ol class="vNavigation">
<li><button type="button" onclick="jQuery('.xeBanner').removeClass('v2').removeClass('v3').addClass('v1');return false;"><span>{$widget_info->title_1}</span></button></li>
<li><button type="button" onclick="jQuery('.xeBanner').removeClass('v1').removeClass('v3').addClass('v2');return false;"><span>{$widget_info->title_2}</span></button></li>
<li><button type="button" onclick="jQuery('.xeBanner').removeClass('v2').removeClass('v1').addClass('v3');return false;"><span>{$widget_info->title_2}</span></button></li>
</ol>
</div>
-banner.css부분-
@charset "utf-8";
.xeBanner { position:relative; z-index:100;}
.xeBanner .section{ display:none; position:static; height:101px; padding-top:1px; margin:0 !important; }
.xeBanner.v1 #v1,
.xeBanner.v2 #v2,
.xeBanner.v3 #v3{ display:block;}
.xeBanner #v1{ background-position:0 0;}
.xeBanner #v2{ background-position:0 -102px;}
.xeBanner #v3{ background-position:0 -204px;}
.xeBanner .section h2,
.xeBanner .section p{ position:relative; margin:0; z-index:-1; line-height:1.2;}
.xeBanner .section a{ position:absolute; height:100px; width:690px; top:1px; left:1px; font-size:11px; padding:0 8px; overflow:hidden; text-decoration:none; }
.xeBanner .section a span{ position:relative; top:-22px;}
.xeBanner .vNavigation{ position:absolute; top:10px; left:630px; margin:0; padding:0; list-style:none;}
.xeBanner .vNavigation li{ float:left; margin-right:3px; font-size:0; line-height:0;}
.xeBanner .vNavigation li button{ overflow:visible; padding:0; cursor:pointer; background-color:blue; border:0; width:8px; height:10px; font-size:0; line-height:0;}
.xeBanner .vNavigation li button span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; z-index:-1;}
<a target="_blank" href="{$widget_info->url_1}">
빨간색 추가해주세요.