|
본문 위에 떠있는 투명 플래쉬 배너 |
인터넷쇼핑을 하거나 뉴스를 읽다보면 글위에 떠있는 배너를 보실수 있을꺼에요. 사용자 입장에선 아주 귀찬은 존재지만
실제로 광고효과는 큰편입니다. 옆에 닫기 버턴이 있지만 너무 작아서 본광고로 이동하는 링크를 잘못 누를수 있고
사이드바에 위치한 배너보다 글 중간에 위치한 배너가 확실히 눈에 잘 띄기 때문입니다.
특히 이 배너는 오픈마켓(옥션, 지마켓, 11번가, 인터파크) 판매자분들에겐 유용하게 사용하실 수 있습니다.
자신의 상품페이지에 소스를 넣어 상단 가격부분에 노출시키면 유료광고 효과를 보실수 있기 때문입니다. 실제로 저 홍삼 배너는
예전 옥션에서 사용했던 배너입니다.
자 이제 DIV 레이어를 이용한 투명플래쉬에 대해 알아보겠습니다.
첨부된 파일을 푸시면 세가지 파일이 들어있습니다.
투명플래쉬배너.swf
투명플래쉬배너.fla
레이어팝업소스.txt
플래쉬소스 수정하기
투명플래쉬배너.fla 여시고 액션창을 보시면 아래와 같은 액션스크립트가 있습니다.
on (release)
{
getURL("링크주소","_blank");
}
링크 주소부분을 원하시는 광고페이지로 이동할 링크주소로 입력(예:htttp:/www.naver) 하시고 컨트롤+엔터를 눌러주세요.
그러면 swf 파일이 생성되실꺼에요.
swf 불러오는 소스 수정하기
swf을 불러올 곳에 하단의 소스를 입력합니다.
<div id="divMenu" style="width:200px; height:197px; position:absolute; left:666px; top:220px; z-index:1;">
<!-- 여기에서 배너의 위치와 크기를 설정 하세요--><p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="150" height="171">
<param name="movie" value="투명플래쉬배너.swf">
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed width="150" height="171" src="투명플래쉬배너.swf" play="true" loop="true" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" wmode="transparent"></object></p>
</div>
<div id="divMenu" style="width:200px; height:197px; position:absolute; left:666px; top:220px; z-index:1;">
이부분은 배너와 크기를 설정하는 부분입니다.
width (플래쉬배너의 넓이) height (플래쉬배너의 높이) left (웹상에서의 좌측으로부터의 배너위치) top (웹상에서의 위쪽에서부터의 배너위치)
마지막으로 투명플래쉬배너.swf가 위치한 웹상의 주소를 넣어주세요. (예: htttp:/www.naver/imges/투명플래쉬배너.swf)
웹에 올리는 파일은 영문으로 올려야 나중에 문제가 생기지 않습니다. 투명플래쉬배너는 영문으로 수정해서 올려주세요.
별거 아닌 소스이지만 또하나의 마케팅 전략으로 사용할수 있는 훌륭한 소스라고 생각됩니다.
다운받으실때 아시죠? 밑에 덧글 또는 다음뷰 손가락 버턴 꾹 눌러주세요~~
'웹통 디자인 창고 > 유용한 디자인 자료' 카테고리의 다른 글
발렌타인 이벤트 디자인 작업에 유용한 사랑스러운 하트 무료 배경 이미지 소스 (0) | 2013.02.07 |
---|---|
[ 파워포인트 디자인 서식 ] 성공적인 프리젠테이션을 위한 POWERPOINT 배경 양식 (4) | 2013.01.28 |
[ 플래쉬 무료 소스 ] 어메이징한 풀 플래쉬 무료 템플릿 소스 (0) | 2012.06.18 |
[ 플래쉬 무료 소스 ] 역동적인 XML 무료 플래쉬 소스 모음 (10) | 2012.05.03 |
[ 무료 폼메일 ] 초간단 웹통 폼메일 무료배포 버전1.0 (웹프로그램) (329) | 2012.03.19 |
이 글을 공유하기