재사용이 가능한 버튼 - 제르 > 웹디자인 Tip

홈페이지 제작할 때 가장 불편한 점 중에 하나가 바로 버튼을 만드는 작업이죠
똑같은 모양의 버튼을 여러개 만들어야되고 수정이 생기면 일일이 모두 바꿔줘야 되고
이런 불편함을 해결하려고 머리 굴리다 만들어 본 플래시 버튼입니다.
버튼의 크기가 동적으로 변하고, 색상, 내용, 동작 등의 변경이 가능하므로, 다양한 용도에 적용시킬 수 있습니다.

사용법은 보통의 플래시 무비를 사용하듯이 드림위버와 같은 에디터에서 무비를 삽입하거나, 텍스트 편집기에서 직접 태그를 입력하여 삽입해 주면 됩니다.
그리고 필요한 변수들을 FlashVars를 이용해서 입력하면 됩니다.

설정에 필요한 변수는 다음과 같습니다.
label_txt : 버튼에 표시할 내용
text_color = 글자색 (0x000000 의 형식)
text_size = 글자크기 (픽셀단위)
border_color = 테두리색
bgcolor = 배경색
url_txt = 클릭시 이동할 URL
url_target = 프레임 이름
이들 변수를 모두 입력할 수도 있고, 또는 생략된 변수는 기본값을 가지게 됩니다.

사용예 : 위의 야후 버튼의 태그입니다.
<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="60" height="24">
<param name="movie" value="data/tip/crText.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="flashVars" value="label_txt=야후&url_txt=http://kr.yahoo.com&url_target=_blank">
< embed src="data/tip/crText.swf" width="60" height="24" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false" flashvars="label_txt=야후&url_txt=http://kr.yahoo.com&url_target=_blank" >< /embed >
</object>

여기서 중간에 param 태그중 flashVars 부분을 살펴보면
label_txt=야후&url_txt=http://kr.yahoo.com&url_target=_blank
label_txt 는 버튼에 야후라는 글이 표시되게 하고
url_txt 는 버튼을 클릭했을 때 야후로 이동하게 합니다.
url_target 는 이동할 프레임을 지정합니다.

이와 같은 방법으로 버튼의 색상까지 모두 제어가 가능합니다.
두번째 줄에 있는 버튼들처럼 말이죠