웹프로그래머의 홈페이지 정보 블로그 ::

'플래시 작품'에 해당되는 글 93건

2009/06/13 소녀시대 맴버들 사진이 3D 방향으로 회전하는 플래시 시계 (5)
2008/06/16 자유로운 메시지 교환을 위한 플래시톡(Flash Talk). (7)
2008/06/08 심플한 플래시 투표 위젯, TOP10 (8)
2008/04/13 웹브라우져 시작페이지를 가볍고 깔끔하게... (1)
2008/02/10 소녀시대 프로필 플래시 갤러리. (3)
2008/01/28 세로형 플래시 이미지 슬라이더. (1)
2008/01/15 홈페이지를 넘나드는 플래시 웃긴 대화방 (48)
2007/12/26 계산식을 입력하는 간변한 플래시 계산기 (4)
2007/12/08 지나간 글을 볼 수 있도록 만든 한줄 채팅 (1)
2007/12/02 플래시 밖으로 뛰쳐나온 테트리스 (3)
2007/11/30 알림이 스타일 위젯과 미니 테트리스
2007/11/22 플래시 북마크 버튼 꾸러미 디자인 변경 (5)
2007/11/20 블로그 번역 버튼 이미지를 교체했습니다. (7)
2007/11/19 보아, 문근영, 윤하 플래시 시계 (14)
2007/11/12 원더걸스, 소녀시대, 윤하 플래시 시계 (60)
2007/11/06 비스타 플립3D 스타일 이미지 슬라이더 (1)
2007/11/01 내 사진으로 만드는 재미있는 플래시 시계 (8)
2007/10/29 사진첩(갤러리)를 위한 플래시 악세사리 (5)
2007/10/18 플래시 사진첩 또는 갤러리 (이미지 슬라이드형) (13)
2007/10/16 플래시 전광판,슬라이더 위젯 추가사항
2007/10/14 블로그 최신글 플래시 위젯입니다.
2007/10/11 플래시 블로그 위젯 적용 사례 (머드포유) (1)
2007/09/26 인기포스트를 공유할 수 있는 블로그랭크 (blogrank)
2007/09/16 스타크래프트2 테란,프로토스 추가 유닛 동영상 (1)
2007/09/11 플래시 게임 뉴스 위젯
2007/08/15 광복절, 블로그에 플래시 태극기를 걸었습니다. (8)
2007/08/05 스타크래프트2 테란 유닛 플래시 동영상 (3)
2007/08/04 직접 꾸밀 수 있는 갤러리형 플래시 타이틀 스킨 (19)
2007/07/30 플래시 메뉴판으로 블로그 메뉴를 구성해보자. (3)
2007/07/28 설정변경 가능한 세로형 플래시 네비게이션 (8)

◀ 이전페이지 1 2 3 4 다음페이지 ▶

소녀시대 맴버들 사진이 3D 방향으로 회전하는 플래시 시계

플래시 작품 2009/06/13 12:32

TAG 3d, clock, flash, movieclip, rotate, rotationZ, 무비클립, 소녀시대, 시계, 플래시, 회전

플래시 CS4 툴을 이용해서 3D 좌표 속성을 주기적으로 변경하여 소녀시대 맴버 사진들을 입체적으로 회전시켜보는 간단한 플래시 시계를 만들어보았습니다. "내 사진으로 만드는 재미있는 플래시 시계"라는 포스트에서 소개한 플래시를 약간 개조한 것입니다. 재미삼아 취미로 사용했던 플래시를 오랜만에 다뤄보려니 새롭게 습득해야할 것들이 많아졌군요. 당분간 플래시에 시간 투자를 해야할까봐요.

addEventListener(Event.ENTER_FRAME, rotate_movieclip);
function rotate_movieclip(event:Event):void {
mc_box.rotationY+=2;
//mc_box.rotationX+=3;
mc_box.rotationZ+=1;
}

<embed src="http://www.hompydesign.com/flash/3dclock.swf" quality="high" width="240" height="240" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/578

(0)

(0)

No Trackback, 댓글 5개가 달렸습니다.

자유로운 메시지 교환을 위한 플래시톡(Flash Talk).

플래시 작품 2008/06/16 08:43

TAG blog, flash, talk, 메시지교환, 블로그, 소스, 인터페이스, 플래시, 플래시톡

어떤 카페, 어떤 블로그, 어떤 홈페이에도 자유롭게 복사되어 붙여넣기 될 수 있는 플래시의 장점을 살려 홈페이지를 넘나들며 자유로운 메시지 교환을 손쉽게 해볼 수 있는 플래시톡(Flash Talk)입니다. 플래시톡은 채팅과 게시판의 중간단계이며 간편하게 메시지를 작성해서 올릴 수 있습니다. 간편한 메시지 입력, 간편한 메시지 보기에 주안점을 둔 유저인터페이스(UI) 입니다. 차차 로그인 기능이나 나만의 플래시톡을 만들 수 있는 기능 등이 추가될 수 있습니다.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

개인용 플래시톡을 만들려면 아래 태그에 빨간색 부분을 자신의 아이디(myid)로 수정해서 사용해야 되며 아이디 개설은 http://www.hompydesign.com/blog/에서 해야합니다. 아이디를 개설하면 블로그 채팅이나 블로그 카운터 등을 사용할 수 있습니다.

[플래시톡 HTML 태그 소스 코드]
<EMBED FlashVars="myid=hompy" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/flash/flashtalk.swf width=300 height=400 type=application/x-shockwave-flash quality="high"></EMBED>

(0)

No Trackback, 댓글 7개가 달렸습니다.

심플한 플래시 투표 위젯, TOP10

플래시 작품 2008/06/08 17:36

TAG blog, flash, TOP10, vote, widget, 검색엔진, 블로그, 위젯, 투표, 플래시

투표 제목과 10개의 항목으로 구성된 심플한 플래시 투표 위젯입니다. 클릭하면 해당 항목의 투표 횟수가 올라가며 투표 횟수에 따라 순위(순서)도 바뀝니다. 투표는 제한 없이 할 수 있으므로 원하는 만큼 클릭할 수 있습니다. 투표를 마감할 시점에 사용하기 위해 중복 투표를 제외한 투표 값을 별도로 저장합니다. 10개 항목을 가진 투표하기 좋은 주제를 댓글로 남겨주시면 별도의 위젯으로 적용하겠습니다.

[플래시 투표 위젯 HTML 소스 코드]
<EMBED FlashVars="menu=1" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=2" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=3" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=4" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=5" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=6" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 8개가 달렸습니다.

웹브라우져 시작페이지를 가볍고 깔끔하게...

플래시 작품 2008/04/13 11:00

TAG firefox, flash, IE7, start page, 검색, 리뷰, 시작페이지, 웹브라우져, 위젯, 플래시

웹브라우져 시작페이지를 가볍고 깔끔한 페이지로 바꿔보았습니다. 가볍고 깔끔하다는 것은 개인적인 판단입니다.
전에는 포털 사이트(주로 네이버)를 시작페이지로 설정해서 사용해왔었고 개인적으로 검색이나 다른 섹션으로 가는 링크 몇개 정도를 주로 이용하게 되더군요. 언제 어디서나 손쉽게 시작페이지를 설정할 수 있다는 면과 개인 적으로 검색을 자주 이용하는 성향으로 포털 홈페이지를 시작 페이지로 사용했던 것은 당연했었습니다. 그런데 웹브라우져를 조금 무거워 보이는 IE7 로 바꾸게 되고 나니 검색창도 별도로 있는데다 웹브라우져를 다수 띄우거나 다른 많은 프로그램과 병행해서 띄울 경우 그럭저럭 빠른 포털 홈페이지도 컴퓨터 자원의 효율적인 활용에 장애가 되는 문제로 인해 시작페이지를 비워두게 되었던 적도 있습니다. 그러나 빈페이지는 흰배경화면일 경우 눈에 피로감을 줄 수 있고 아무런 역할을 하지 못하는 공백이라는 단점이 있어 나만의 시작페이지를 만들어 보자는 결론에 이르렀습니다. AJAX 라는 기술과 웹2.0 이라는 트랜드를 도입한 개인 맞춤형 포털 사이트 라는 것이 있어 개인의 취향에 맞게 활용도 높은 시작페이지를 만들 수 있는 서비스들이 있지만 개인적으로 무거운 느낌이 들고 나름 번거로운 작업을 해야 합니다. 빼곡하게 링크들만 모아놓은 시작페이지 서비스를 하는 곳도 있지만 개인적인 취향에 맞지 않더군요.
그래서 나만의 시작페이지를 직접 코딩해서 사용하기로 했습니다. 로딩 속도, 기능성, 인터페이스, 배치 등을 고려해서 나름 심혈을 기울여 페이지를 완성했습니다. 급조한 페이지라 어딘가 부족해 보이는 부분이 있긴 한데 IE 와 Firefox 에서 별 무리 없이 돌아가며 부족한 부분은 심플한 플래시 위젯이나 자바스크립트 위젯을 만들어 보강할 생각입니다. 현재는 주요 사이트를 한글이나 영문으로 검색할 수 있는 "go hompy" 라는 플래시 위젯과 심심풀이를 위한 플래시 채팅 위젯을 붙여 두었습니다. 페이지 좌측에는 주요 포털 검색 사이트 검색창, 달력, 위젯 등을 배치했습니다. 검색을 자주 많이 다양하게 활용하는 터라 검색창을 주요 포털 마다 하나씩 나열했습니다. 페이지 중앙에는 홈페이지 링크들을 모아둔 박스들이 나열되어 있고 박스 타이틀 위에서 마우스를 위 아래로 이동하며 페이징 할 수 있게 했습니다. 개별 링크 앞에 있는 "+" 를 클릭해 새창에서도 해당 링크를 열 수 있게 했습니다. 로딩 속도를 높이기 위해 TEXT 위주로 구성을 했으며 DB접속 없이 페이지를 띄우도록 캐싱 처리 되었습니다. 실시간 검색어, IT 관련 최신 취업 정보, 최근에 관심 받고 있는 블로그 글로 구성된 박스도 배치되었습니다. 결과물을 내컴퓨터에 보관해서 쓸 수도 있지만 언제 어디서나 나만의 시작페이지로 이용할 수 있게 하는 접근성을 높이기 위해 별도의 심플한 주소를 가진 홈페이지에 업로드 되었습니다. 웹프로그래머의 시작페이지 주소는 http://go.hompy.info 가 되었습니다. 더 튜닝해야 할 것이 많지만 저랑 비슷한 성향을 가진 분들을 위해 시작페이지를 공개합니다. 다소간의 시간 여유가 있는 분들은 자신 만의 시작페이지를 직접 만들어 웹브라우져의 첫화면을 보다 가볍고 깔끔하게 사용해 보시기 바랍니다.

[웹사이트 검색 위젯 GO HOMPY 플래시 HTML 태그 ]
<EMBED FlashVars="skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/flash/gohompy.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

[심심풀이 실시간 채팅 위젯 블로그쳇 플래시 HTML 태그]
<EMBED FlashVars="myid=hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchat.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, a comment

소녀시대 프로필 플래시 갤러리.

플래시 작품 2008/02/10 12:34

TAG flash, 갤러리, 사진, 서현, 소녀시대, 수영, 써니, 유리, 윤아, 이미지, 제시카, 태연, 티파니, 프로필, 플래시, 효연

얼마전에 공개한 플래시에 사용된 이미지를 수정해서 소녀시대 이미지와 그녀들의 프로필로 구성한 플래시 갤러리입니다. 포토샵 사용법을 동영상 강좌로 조금 배워보고 나서 나름 적절한 배치를 하고 간단한 이펙트도 줘봤습니다. 포토샵에 재미가 붙어 좀더 시간을 투자해서 이미지 다루는 솜씨를 높여야 겠다는 생각을 했습니다. 이왕이면 포토샵 동영상 강좌도 만들면서 배운다면 배우는 재미 뿐만 아니라 가르치는 재미도 느낄 수도 있을 것 같은데 시간이 허락할 것 같지 않네요. 설 연휴를 알차게 보내고 싶었으나 생각 만큼 되지 않았습니다. 나이 한 살 더 먹고 나니 올해는 더욱 시간이 귀하게 느껴지고 좀더 알차게 살아야겠나는 욕망이 불타 오르는 군요. 설사 연말에 또다시 아쉬움을 남길지라도 다시 도전해 봐야 겠지요?
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

[소녀시대 플래시 갤러리 HTML 태그 소스]
<embed src="http://www.hompydesign.com/club/girlsgen.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="200" flashvars="image=http://www.hompydesign.com/club/images/girlsgen/girlsgen0.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen1.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen2.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen3.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen4.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen5.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen6.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen7.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen8.jpg"></embed>
<br /><br />
<embed src="http://www.hompydesign.com/club/girlsgen2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="200" flashvars="image=http://www.hompydesign.com/club/images/girlsgen/girlsgenx0.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx1.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx2.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx3.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx4.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx5.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx6.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx7.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx8.jpg"></embed>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 3개가 달렸습니다.

세로형 플래시 이미지 슬라이더.

플래시 작품 2008/01/28 08:35

TAG flash, gadget, widget, 가젯, 그림, 사진, 슬라이더, 위젯, 이미지, 플래시

보다 많은 이미지들을 비교적 작은 공간에서 표현하고 싶을 때가 있습니다. 이미지 슬라이더가 그러한 목적을 충족시켜주기도 합니다. 다음은 플래시로 만들어진 세로형 이미지 슬라이더입니다. 사용법은 기존에 공개한 이미지 슬라이더들과 같습니다. 플래시 파라메터 flashvars 에 image 와 page 변수에 필요한 값을 설정하시면 됩니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

<table border=0 cellpadding=5 cellspacing=0 bgcolor=#333333><tr><td align=middle><table border=0 cellpadding=1 cellspacing=0 bgcolor=#ffffff><tr><td align=middle>
<embed src='http://www.hompydesign.com/club/imagevslider.swf' width='80' height='396' wmode='transparent' flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26165.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26164.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26163.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26162.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26161.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26154.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26153.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26152.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26122.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26121.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26123.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26125.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26124.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26112.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26111.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26110.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26020.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26021.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26022.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26003.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26002.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25929.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25928.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25926.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25927.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25835.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25813.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25814.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25618.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25617.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25616.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25552.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25551.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25550.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25520.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25519.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25484.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25483.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25249.thumb_gallery_wmg&page=http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info"></embed></td></tr></table>
</td></tr></table>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, a comment

홈페이지를 넘나드는 플래시 웃긴 대화방

플래시 작품 2008/01/15 23:04

TAG blog, chat, flash, 대화방, 별명, 블로거, 블로그, 웃긴, 채팅, 플래시

블로그쳇의 매력은 로그인 없이 누구나 간단히 대화에 참여할 수 있다는 점과 대화명을 설정하기 전까지 컴퓨터에 의해 무작위로 선택된 재미있는 대화명을 사용하게 된다는 점입니다. 필요에 따라 별명을 수정할 수 있으며 채널을 구분하는 개인 아이디를 생성해서 별도의 개인 대화방 모드로 이용할 수 있습니다. 재미삼아 블로그나 개인 홈페이지에 노출시켜 사용할 수 있으며 게시판 게시물 내용으로 삽입되어 홈페이와 블로그 및 커뮤니티를 넘나들며 대화 내용을 공유할 수 있습니다. 블로그쳇을 처음 접하는 분들 중 컴퓨터에 의해 자동으로 나오는 메시지라고 생각해서 엉뚱한 말을 하거나 대화 주체가 익명이라는 것 때문에 다소간 매너 없이 대화하는 분들도 있지만 매너와 배려가 담긴 대화로 응수한다면 따듯한 대화방이 될것이라 생각합니다. 지인들과 차분한 대화를 원한다면 채널을 만들어서 개인대화방에서 대화를 나눠도 되겠죠. 개인적으로 추가하고 싶은 다양한 기능들이 있음에도 회사 업무에 바빠서 마음에만 담아두고 있습니다. 요즘 그동안 해왔던 분야와 거리감이 있는 게임 개발이라는 업무에 집중해야되서 여가 시간을 쪼개서 하고 싶은 작업들을 추진할 여력이 없군요. 그래도 부족하지만 블로그쳇을 아껴주시는 분들을 위해 노력해보겠습니다.

그리고 블로그쳇은 블로거나 카페 유저들이 자유롭게 쓸 수 있는 개인용과 기업 홈페이지를 위한 기업용으로 구분해 나가려고 합니다. 채팅 서비스 개발과 채팅 시스템을 유지 및 확장하기 위한 하드웨어 및 IDC센터에 코로케이션 인터넷 서비스 비용등을 확보하기 위해서 기업과의 제휴 또는 후원을 받고자 합니다. 기업용에 대해 궁금한 내용이 있는 분들은 MSN 메신져 hompy @ live . com 을 친구등록 하신 후 대화 신청하시면 상담을 받을 수 있도록 하겠습니다. 개인용 블로그쳇을 사용하시는 분들은 기존 처럼 본 개발 페이지에 댓글 남겨주시면 적극 검토하겠습니다.

블로그쳇을 자신의 블로그나 홈페이지에 노출시켜 사용하시려면 아래의 3가지 HTML 태그 중 자신의 사이트에 맞는 적당한 사이즈의 태그를 삽입하시면 됩니다. 아래 태그에 빨간색 부분을 자신의 아이디(myid)로 수정해서 사용해야 되며 아이디 개설은 http://www.hompydesign.com/blog/에서 해야합니다. 아이디를 만들면 블로그카운터와 블로그온 등의 위젯도 사용할 수 있습니다. 블로그쳇을 항상 띄워 놓고 싶을 경우 아래 소개한 링크를 이용하시면 됩니다. 블로그쳇 배경에 자신만의 스킨을 깔 수 있는데 아래 HTML 태그 중 파란색 부분의 이미지 주소를 원하는 배경 이미지 주소로 바꾸시면 됩니다.

[블로그쳇 항상 띄우는 링크]
http://hompy.us/go/?i=아이디&u=http://인터넷주소
http://hompy.us/go/?i=flash&u=http://flashcafe.org

[190 x 200 px 크기의 블로그쳇 HTML 태그]
<EMBED FlashVars="myid=hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchat.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

[170 x 200 px 크기의 블로그쳇 HTML 태그]
<EMBED FlashVars="myid=hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchats.swf width=170 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

[300 x 200 px 크기의 블로그쳇 HTML 태그]
<EMBED FlashVars="myid=hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchatx.swf width=300 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

플래시를 복사해서 붙이는 과정을 잘 모르시는 분들은 "플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가" 게시물의 설명과 동영상을 참고하세요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 48개가 달렸습니다.

계산식을 입력하는 간변한 플래시 계산기

플래시 작품 2007/12/26 08:32

TAG calculator, flash, 가젯, 계산, 계산기, 계산식, 악세사리, 위젯, 컬큘레이터, 플래시

계산식을 입력하는 간변한 플래시 계산기 컬큘레이터입니다. 6개의 계산창에 계산식을 입력하고 [ENTER]키나 [=]키를 입력하면 계산된 값이 계산식 끝에 출력됩니다. 예를들면 "1+2=" 라고 입력을 하면 "1+2=3" 으로 출력이 됩니다. 사용할 수 있는 키는 숫자와 함께 "-+*/()" 와 같은 기호들을 쓸 수 있습니다. 계산식과 정답이 함께 보이므로 계산에 대한 실수를 줄일 수 있고 6개의 계산창을 적절히 사용하면 몇개의 계산식을 함께 처리할 수 있으며 다른 계산을 위해 계산식을 지울 필요가 없겠습니다. 현재 계산창에서 다음 계산창으로 옮기려면 [TAB]키를 이용하세요. 개인적으로 이런 계산기가 있었으면 좋겠다고 생각해서 만들었는데 아마도 쓸모가 있을 것 같네요.

[플래시 계산기 컬큘레이터 HTML 태그 소스]
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/calculator.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 4개가 달렸습니다.

지나간 글을 볼 수 있도록 만든 한줄 채팅

플래시 작품 2007/12/08 18:21

TAG chat, flash, 게시판, 대화방, 채팅, 코멘트, 플래시, 한줄게시판

지나간 글을 볼 수 있도록 만든 한줄 채팅 또는 한줄 게시판입니다. 페이지 단위로 글을 볼 수 있도록 오른쪽 상단에 페이져가 있습니다. 현재 별명(대화명)은 랜덤하게 정해지도록 되어 있으나 별명 수정이 가능하도록 할 생각입니다. 블로그톡을 다른 곳에 가져가서 쓰려면 아래 HTML 태그를 사용하세요. 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

[블로그토크 플래시 HTLM 태그]
<EMBED FlashVars="skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogtalk.swf width=300 height=400 type=application/x-shockwave-flash quality="high"></EMBED>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, a comment

플래시 밖으로 뛰쳐나온 테트리스

플래시 작품 2007/12/02 16:03

TAG flash, game, tetris, widget, 게임, 위젯, 테트리스, 플래시

전에 공개한 플래시 미니 테트리스 게임에 플래시 밖으로 블럭을 뿌려주는 기능을 추가해보았습니다. 실험용으로 만들었기 때문에 보는 사람에 따라 반응이 다를 수 있으며 플래시로 외부 객체를 다루는 테스트의 의미를 지닙니다. 아래와 같은 태그를 사용하므로 동일한 화면을 감상할 수 있습니다. 자! 시작(start)버튼을 눌러볼까요?

<EMBED allowScriptAccess="always" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogtetris_html.swf width=190 height=200 type=application/x-shockwave-flash quality="high" flashvars="top=590&left=450&cell=25"></EMBED>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 3개가 달렸습니다.

알림이 스타일 위젯과 미니 테트리스

플래시 작품 2007/11/30 08:46

TAG blog, flash, game, tetris, 게임, 블로그, 알림이, 위젯, 테트리스, 플래시

알림이 스타일 위젯을 만들어서 블로그에 붙여봤습니다. 브라우져 오른쪽 하단에 알림이 스타일로 알리고 싶은 내용을 표시해주고 필요에 따라 자동으로 열리게 한다던지 알림이 창을 닫는 기능을 합니다. 그리고 전에 만들었던 플래시 미니 테트리스를 소폭 업그레이드 했고 알림이에 붙여봤습니다. 블로그로 요청이 있어서 DOWN 키를 누르면 블럭이 떨어지게 처리했으며 100라인을 크리어 하면 레벨업 되서 난이도가 올라가도록 처리되었습니다. 아직 완성되지는 않았지만 플래시 밖으로 테트리스가 노출되는 기능을 준비중입니다. 알림이 스타일 위젯은 뭔가 놓친것이 있어서 인터넷익스플로어에서 되는군요. 파이어폭스나 사파리에서도 되도록 처리해봐야겠네요.^^
혹시나 필요한 분들이 있을지 모르니 앞으로 디자인과 기능 등을 업그레이드 해봐야겠습니다.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, No Comment

플래시 북마크 버튼 꾸러미 디자인 변경

플래시 작품 2007/11/22 13:01

TAG blog, flash, 꾸러미, 모음, 버튼, 북마크, 블로그, 소셜북마크, 위젯, 플래시

번역 버튼 디자인 변경에 이어 플래시 북마크 버튼 꾸러미의 디자인을 변경하였습니다. 기존에 약간의 움직이는 이미지가 들어간 것을 사용하시려면 아래의 플래시를 사용할 수 있습니다. 디자인은 좀더 수정이 될 예정이며 필요에 따라 동영상으로 변경될 수 있습니다. 몇가지 디자인 중에서 선택해서 사용할 수 있도록 조치할까 합니다.

[북마크 버튼 꾸러미 플래시 HTML 태그]
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info/131&title=북마크 등록을 편하게 플래시 북마크 모음"></EMBED>

[북마크 버튼 꾸러미 플래시 HTML 태그]
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark0.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info/131&title=북마크 등록을 편하게 플래시 북마크 모음"></EMBED>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 5개가 달렸습니다.

블로그 번역 버튼 이미지를 교체했습니다.

플래시 작품 2007/11/20 09:00

TAG flash, translate, 국기, 만국기, 버튼, 번역, 블로그, 이미지, 태극기, 플래시

블로그나 홈페이지를 번역 페이지로 연결해주는 번역 버튼 이미지를 교체했습니다. 만국기 이미지를 공개해놓은 홈페이지에서 가져와서 버튼 이미지로 사용했었는데 저작권 문제를 지적하는 사람이 있다고 해서 웹디자이너의 도움을 받아 수정했습니다. 저작권 문제를 떠나서 아무리 이쁜 이미지라도 계속 보면 실증 나는 법이니 새로운 것으로 교체할 시기가 되기도 했습니다. 차후에는 움직이는 이미지로도 바꿔볼까 생각중입니다. 자신의 블로그나 홈페이지 글을 외국인에게도 보여주고 싶다면 번역 버튼을 달아보세요. 사용법을 알고 싶으시면 [번역버튼 사용법]을 참고하세요.

[번역버튼 플래시 HTML 태그 소스]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="180" height="60"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=180 height=60 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info"></EMBED></object>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="108" height="36"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=108 height=36 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info"></EMBED></object>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="90" height="30"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="flashvars" value="link=http://hompy.info"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=90 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info"></EMBED></object>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 7개가 달렸습니다.

보아, 문근영, 윤하 플래시 시계

플래시 작품 2007/11/19 08:30

TAG clock, flash, widget, 문근영, 보아, 블로그, 시계, 위젯, 윤하, 플래시

전에 올린 원더걸스, 소녀시대 플래시 시계에 이어 보아, 문근영, 윤하 플래시 시계를 준비했습니다. 검색엔진 이미지 검색을 활용해 이쁜 사진들을 골라 적당히 사이즈 조정해서 완성했습니다. 이미지 찾아서 가공하고 만드는 것이 생각보다 시간이 많이 걸리는 군요. 좋아하는 연예인이나 미소녀, 미소년 플래시 시계가 필요하신 분은 이미지 모음을 준비해서 주시면 시간이 허락할 때 만들어보겠습니다. 하지만 직접 편집해서 스킨에 입힐 수 있으니 FLASHVAR 파라메터 skin 에 스킨 이미지 주소를 입력하셔도 됩니다.

[플래시 시계 HTML 태그 소스]
<embed src="http://www.hompydesign.com/club/maskclock7.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120"></embed>
<embed src="http://www.hompydesign.com/club/maskclock8.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120"></embed>
<embed src="http://www.hompydesign.com/club/maskclock6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120"></embed>
<br>
<embed src="http://www.hompydesign.com/club/maskclock7.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=5"></embed>
<embed src="http://www.hompydesign.com/club/maskclock8.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=5"></embed>
<embed src="http://www.hompydesign.com/club/maskclock6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=5"></embed>
<br>
<embed src="http://www.hompydesign.com/club/maskclock7.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=4"></embed>
<embed src="http://www.hompydesign.com/club/maskclock8.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=4"></embed>
<embed src="http://www.hompydesign.com/club/maskclock6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=4"></embed>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

내 사진을 배경으로 설정할 수 있는 플래시 시계입니다. 사진이나 플래시를 배경으로 설정할 수 있으며 선택한 배경 사진이나 배경 플래시에 따라 다양한 느낌의 플래시 시계가 될 수 있습니다. 아래 플래시 시계 HTML 태그 소스에서 파란색 부분에 배경으로 설정하고 싶은 이미지나 플래시 URL 주소로 바꿔서 배경을 설정합니다. 빨간색 부분의 숫자(1~5)를 변경해서 다른 스타일의 슬라이딩 효과를 낼 수 있습니다. 참고로 스킨을 설정하지 않으면 기본 스킨을 로딩합니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

[플래시 시계 HTML 태그 소스]
<embed src="http://www.hompydesign.com/club/maskclock3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="skin=http://www.hompydesign.com/flash/effect/effect001.swf&style=3"></embed>

<embed src="http://www.hompydesign.com/club/maskclock3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="skin=http://www.hompydesign.com/club/images/sample.jpg&style=4"></embed>

<embed src="http://www.hompydesign.com/club/maskclock3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="skin=http://www.hompydesign.com/flash/effect/effect002.swf&style=5"></embed>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

[배경이미지 샘플]

(0)

No Trackback, 댓글 14개가 달렸습니다.

원더걸스, 소녀시대, 윤하 플래시 시계

플래시 작품 2007/11/12 08:45

TAG clock, flash, 그룹, 미소녀, 소녀시대, 시계, 원더걸스, 텔미, 플래시

원더걸스, 소녀시대, 윤하 플래시 시계입니다. 요즘 대중의 사랑을 받고 있는 두 미소녀 그룹이 가요계에 돌풍을 일으키고 있습니다. 태연, 수영, 효연, 유리, 제시카, 티파니, 써니, 윤아, 서현 등 9명으로 구성된 소녀시대와 유빈, 선예, 예은, 선미, 소희 등 5명으로 구성된 원더걸스가 그 두 주인공들입니다. 소녀시대의 다시 만난 세계, 원더걸스의 텔미가 대표곡이죠. 요즘 원더걸스와 소녀시대를 모르면 따돌림을 받을 수 있으니 아직까지 모르시는 분들은 학습(?)을 하셔야겠네요.^^
아래는 원더걸스 시계, 소녀시대 시계, 여자 연예인 시계 순이며 3가지 타입의 모션 이펙트가 적용되었습니다.

[플래시 시계 HTML 태그 소스]
<embed src="http://www.hompydesign.com/club/maskclock4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120"></embed>
<embed src="http://www.hompydesign.com/club/maskclock5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120"></embed>
<embed src="http://www.hompydesign.com/club/maskclock6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120"></embed>
<br>
<embed src="http://www.hompydesign.com/club/maskclock4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=5"></embed>
<embed src="http://www.hompydesign.com/club/maskclock5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=5"></embed>
<embed src="http://www.hompydesign.com/club/maskclock6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=5"></embed>
<br>
<embed src="http://www.hompydesign.com/club/maskclock4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=4"></embed>
<embed src="http://www.hompydesign.com/club/maskclock5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=4"></embed>
<embed src="http://www.hompydesign.com/club/maskclock6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="120" flashvars="style=4"></embed>

보아, 문근영, 윤하 플래시 시계 도 있습니다.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

내 사진을 배경으로 설정할 수 있는 플래시 시계입니다. 사진이나 플래시를 배경으로 설정할 수 있으며 선택한 배경 사진이나 배경 플래시에 따라 다양한 느낌의 플래시 시계가 될 수 있습니다. 아래 플래시 시계 HTML 태그 소스에서 파란색 부분에 배경으로 설정하고 싶은 이미지나 플래시 URL 주소로 바꿔서 배경을 설정합니다. 빨간색 부분의 숫자(1~5)를 변경해서 다른 스타일의 슬라이딩 효과를 낼 수 있습니다. 참고로 스킨을 설정하지 않으면 기본 스킨을 로딩합니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

[배경이미지 샘플]

(0)

트랙백 2개, 댓글 60개가 달렸습니다.

비스타 플립3D 스타일 이미지 슬라이더

플래시 작품 2007/11/06 08:48

TAG BitmapData, flash, Flip 3D, gallery, Matrix, slider, tween, 비스타, 사진첩, 슬라이더, 플래시, 플립3D

비스타 플립3D(Flip3D) 스타일 이미지 슬라이더입니다. 버튼 또는 화면을 클릭하면 비스타에서 플립 기능을 사용하는 것처럼 이미지가 전환/회전됩니다. 좀 튀는 갤러리(사진첩)를 만들기 위해 아이디어를 찾다가 만들게 되었습니다. 개발에 플래시(flash) 클래스 flash.geom.Matrix, flash.display.BitmapData, mx.transitions.Tween 등이 사용되었습니다. 아직 외부 이미지를 갤러리 이미지로 사용하도록 처리하지 않았지만 조만간 짬을 내서 추가해볼까 합니다. 참고로 또 다른 아이디어, 또 다른 스타일의 갤러리를 조금씩 준비하고 있습니다. 재미있는 플래시 작품을 만들기 위해 오늘도 데이트할 여가 시간도 투자하게 될 것 같습니다.^^ 만들고 싶은 플래시는 많은데 서버 프로그래밍, 액션스크립트, 모션 그래픽, 사운드 디자인 등 모든 것을 소화해야 하는 숙제가 있군요. 혼자서 모든 것을 마스터 하는 것은 불가능 하니 플래시 개발을 즐기는 파트너를 찾아야겠습니다.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, a comment

내 사진으로 만드는 재미있는 플래시 시계

플래시 작품 2007/11/01 08:48

TAG blog, clock, flash, widget, 블로그, 시계, 악세사리, 위젯, 플래시

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

[배경이미지 샘플]

(0)

A trackback, 댓글 8개가 달렸습니다.

사진첩(갤러리)를 위한 플래시 악세사리

플래시 작품 2007/10/29 08:35

TAG flash, widget, 가젯, 갤러리, 사진첩, 슬라이더, 악세사리, 위젯, 이미지, 플래시

사진첩(갤러리)을 위한 플래시로 만들어진 몇가지 악세사리입니다.
사진첩에서는 홈페이지 영역을 좀더 적게 차지하면서 보다 효율적으로 다양한 게시물을 노출시키는 것이 때론 중요합니다. 아래와 같은 이미지 슬라이더들이 그 역할을 충분히 할 수 있지요. 게시판이나 갤러리 등에도 활용될 수 있지만 다른 카페나 커뮤니티 게시판을 통해 자신의 블로그나 카페를 자연스럽게 홍보하는 도구로 활용될 수 있습니다. 슬라이더에 필요한 이미지나 그것을 클릭하면 이동할 URL 링크들은 직접 설정할 수 있도록 되어 있으니 직접 활용해 볼 수 있습니다. HTML 태그에 대한 지식이 있는 분들은 아래 HTML 소스 코드를 보시면 사용하는 법을 아실 것입니다. 링크와 이미지를 설정할때 URL 인코드 시키는 것과 링크와 이미지에 세미콜론(;) 이 들어가지 않도록 주의해서 사용하시면 문제 없이 사용할 수 있습니다. 아래 플래시들은 실제 커뮤니티 게시판에 활용되던 샘플입니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

[갤러리용 플래시 악세서리 HTML 소스 코드]

<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="2" bgcolor="#999999"></td>
<td width="8" bgcolor="#666666"></td>
<td bgcolor="#ececec" align=center height=108 valign=bottom>
<table cellpadding="0" cellspacing="0" border="0"><tr><td align=middle><table><tr><td><embed src="http://www.mud4u.com/new/widget/flash/imageslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="580" height="100" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26165.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26164.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26163.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26162.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26160.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26161.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26154.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26153.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26152.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26122.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26121.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26123.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26125.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26124.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26112.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26111.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26110.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26020.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26021.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26022.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26003.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26002.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25929.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25928.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25926.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25927.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25835.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25813.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25814.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25618.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25617.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25616.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25552.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25551.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25550.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25520.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25519.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25484.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25483.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25249.thumb_gallery_wmg&page=http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26165%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26164%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26163%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26162%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26160%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26161%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26154%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26153%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26152%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26122%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26121%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26123%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26125%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26124%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26112%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26111%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26110%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26020%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26021%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26022%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26003%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D26002%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25929%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25928%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25926%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25927%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25835%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25813%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25814%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25618%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25617%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25616%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25552%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25551%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25550%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25520%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25519%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25484%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25483%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gallery%26wr_id%3D25249%26sca%3D%25EC%2597%25B0%25EC%2598%2588%25EC%259D%25B8&memo=%ED%95%9C%EA%B3%A0%EC%9D%80+%EC%9E%90%EB%A7%A4%2C+%EC%96%B8%EB%8B%88%EB%8F%84+%EB%AF%B8%EC%BD%94%EC%B6%9C%EC%8B%A0%21;%E2%80%98%EC%8A%A4%EC%9C%84%ED%8A%B8%EA%B1%B8%EC%A6%88%E2%80%99%ED%99%A9%EC%98%81%EC%95%84;%EB%AA%B8%EB%A7%A4%EC%9E%90%EB%9E%91+%EC%9C%A4%EC%9D%80%ED%98%9C;%EB%8C%80%ED%91%9C%EC%96%BC%EC%A7%B1+%EC%95%84%EB%82%98%EC%9A%B4%EC%84%9C;%EC%8A%A4%ED%83%80%EB%93%A4%EC%9D%98+%ED%95%9C%EC%84%B9%EC%8B%9C%ED%95%98%EB%8A%94+%EB%AA%A8%EC%8A%B5%EB%93%A4%26lt%3Abr%26gt%3A;%EC%8A%A4%ED%83%80%EB%93%A4%EC%9D%98+%ED%95%9C%EC%84%B9%EC%8B%9C%ED%95%98%EB%8A%94+%EB%AA%A8%EC%8A%B5%EB%93%A4+%EB%91%90%EB%B2%88%EC%A7%B8;LPG;%EA%B9%80%EC%82%AC%EB%9E%91;%EA%B3%A0%EC%95%84%EB%9D%BC;%EA%B9%80%ED%98%9C%EC%88%98+%EC%95%84%EC%B0%94%ED%95%9C+%ED%8C%A8%EC%85%98;%EC%9C%A4%EC%9D%80%ED%98%9C+%EC%83%9D%EC%96%BC%EA%B3%BC+%EC%86%8D%EC%98%B7%EC%9E%85%EC%9D%80+%EC%82%AC%EC%A7%84%EB%93%A4...%26lt%3Abr%26gt%3A;%EC%9E%A5%ED%9D%AC%EC%A7%84+%EC%84%B9%EC%89%AC%ED%99%94%EB%B3%B4..;%ED%8F%AD%EC%8B%9C+%EC%84%B8%EB%AF%B8+%EB%88%84%EB%93%9C;%EB%B0%95%EC%B1%84%EA%B2%BD+%EC%9A%94%EC%A6%98%EB%B3%B4%EA%B8%B0%EB%93%9C%EB%AC%B8+%EA%B8%80%EB%9E%98%EB%A8%B8.;LPG;%EA%B9%80%EC%82%AC%EB%9E%91;%EA%B3%A0%EC%95%84%EB%9D%BC;%EC%95%84%EC%9D%B4%EB%B9%84+%EB%9E%80%EC%A0%9C%EB%A6%AC+%ED%99%94%EB%B3%B4...;%EA%B9%80%EC%9D%B8%EC%84%9C+%EC%84%B9%EC%89%AC%ED%99%94%EB%B3%B4..;%EC%97%B0%EC%98%88%EC%9D%B8%EB%93%A4%EC%9D%98+%EC%84%B9%2A%2A%EC%8B%9C%ED%8F%AC%EC%A6%88;%EC%97%B0%EC%98%88%EC%9D%B8%EB%93%A4%EC%9D%98+%EC%83%89%2A%2A%EC%8B%9C%ED%8F%AC%EC%A6%88+%EB%91%90%EB%B2%88%EC%A7%B8;%EC%97%AC%EC%9E%90+%EC%97%B0%EC%98%88%EC%9D%B8+%EA%B3%BC%EA%B1%B0%EC%99%80+%EC%98%A4%EB%8A%98...;%EC%98%A4%EB%9E%9C%EB%A7%8C%EC%97%90+%EC%9D%B4%EB%B3%B4%EC%98%81%7E+%26lt%3Abr%26gt%3A;%EC%A0%95%EC%9A%B0%EC%84%B1-%EC%86%A1%EA%B0%95%ED%98%B8-%EC%9D%B4%EB%B3%91%ED%97%8C+%EB%86%88%EB%86%88%EB%86%88+%EC%8A%A4%ED%8B%B8%EC%BB%B7;%EC%95%9E%EB%A8%B8%EB%A6%AC+%EC%9E%90%EB%A5%B8+%EC%A0%84%EC%A7%80%ED%98%84;%EB%B3%B4%EB%A9%B4+%EB%B3%BC+%EC%88%98%EB%A1%9D+%EA%B7%80%EC%97%AC%EC%9A%B4%EB%93%AF..+%EB%B0%95%EB%AF%BC%EC%98%81;%ED%95%9C%EC%98%88%EC%8A%AC;%EC%A0%84%EC%A7%80%ED%98%84;%EB%B0%95%ED%95%9C%EB%B3%84;%EB%B6%80%EC%82%B0%EA%B5%AD%EC%A0%9C%EC%98%81%ED%99%94%EC%A0%9C+%EA%B9%80%EC%86%8C%EC%97%B0+%EB%93%9C%EB%A0%88%EC%8A%A4;%EB%B6%80%EC%82%B0%EA%B5%AD%EC%A0%9C%EC%98%81%ED%99%94%EC%A0%9C+%EA%B9%80%EC%86%8C%EC%97%B0;%EC%95%84%EC%9D%B4%EB%B9%84;%EC%A0%84%EC%A7%80%ED%98%84;%EC%95%84%EC%9D%B4%EB%B9%84;%EA%B6%8C%EC%83%81%EC%9A%B0;%EA%B0%95%EB%8F%99%EC%9B%90;%EB%AC%B8%EA%B7%BC%EC%98%81;%EC%97%B0%EC%98%88%EC%9D%B8;%EA%B9%80%ED%83%9C%ED%9D%AC;%EB%B2%A0%EB%B3%B5+%EC%9D%B4%ED%9D%AC%EC%A7%84+%EC%83%81%ED%81%BC+%EB%AF%B8%EC%86%8C" wmode=transparent></embed></td></tr></table></td></tr></table>
</td>
<td width="8" bgcolor="#666666"></td>
<td width="2" bgcolor="#999999"></td>
</tr>
</table>
<br> <table border=0 cellpadding=2 cellspacing=0 bgcolor=#cccccc><tr><td height=6 colspan=5></td></tr><tr><td width=2></td><td align=center bgcolor=#ffffff>
<embed src="http://www.mud4u.com/new/widget/flash/blog1slider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F729.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F734.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F737.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F728.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F733.thumb_gameshot_best_wmg&page=http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D729%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D734%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D737%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D728%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D733%26" wmode=transparent></embed></td><td width=2></td><td bgcolor=#ffffff>
<embed src="http://www.mud4u.com/new/widget/flash/blog2slider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F729.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F734.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F737.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F728.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F733.thumb_gameshot_best_wmg&page=http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D729%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D734%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D737%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D728%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D733%26" wmode=transparent></embed></td><td width=2></td><td bgcolor=#ffffff>
<embed src="http://www.mud4u.com/new/widget/flash/blog3slider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F729.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F734.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F737.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F728.thumb_gameshot_best_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gameshot%2F733.thumb_gameshot_best_wmg&page=http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D729%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D734%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D737%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D728%26;http://www.mud4u.com/new%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_gameshot%26m_ca%3Dwaagle%26wr_id%3D733%26" wmode=transparent></embed></td><td width=2></td></tr><tr><td height=6 colspan=5></td></tr></table>
<br>
<table border=0 cellpadding=2 cellspacing=0 bgcolor=#cccccc><tr><td height=6 colspan=5></td></tr><tr><td width=2></td><td align=center bgcolor=#ffffff><embed src="http://www.mud4u.com/new/widget/flash/photoslider400x200.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="200" flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_story_mi%2F988168130_cb6fe734_1023_w.jpg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_story_mi%2F988168130_0c56dbd4_1011_m.gif;http://www.mud4u.com/new%2Fdata%2Ffile%2Fgameweek%2F988168130_7089e82b_1025_w.jpg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fgameweek%2F988168130_1d694305_1018_w.gif&page=http%3A%2F%2Fwww.mud4u.com%2Fnew%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_story_mi%26wr_id%3D2127%26m_ca%3Dwaagle;http%3A%2F%2Fwww.mud4u.com%2Fnew%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_story_mi%26wr_id%3D2121%26m_ca%3Dwaagle;http%3A%2F%2Fwww.mud4u.com%2Fnew%2Fbbs%2Fboard.php%3Fbo_table%3Dgameweek%26wr_id%3D331%26m_ca%3Dwaagle;http%3A%2F%2Fwww.mud4u.com%2Fnew%2Fbbs%2Fboard.php%3Fbo_table%3Dgameweek%26wr_id%3D328%26m_ca%3Dwaagle" wmode=transparent></embed></td><td width=2></td></tr><tr><td height=6 colspan=5></td></tr></table>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 5개가 달렸습니다.

플래시 사진첩 또는 갤러리 (이미지 슬라이드형)

플래시 작품 2007/10/18 09:04

TAG album, flash, gallery, photo, 개발자, 갤러리, 앨범, 인맥, 포토, 플래시

사진 찍히는 것을 좋아한다는 분을 위해 외부 이미지를 사진첩 사진으로 설정할 수 있는 플래시 갤러리를 만들어봤습니다. 이미지 갯수는 제한이 없으나 섬네일 갯수는 6개만 보이도록 되어 있습니다. 플래시 사이즈는 가로와 세로가 500 대 300 이므로 동일한 비율로 늘려서 사용할 수 있습니다. 사진 설정이 없는 경우 기본 사진을 보여줍니다. 차후에 이미지 업로드 기능이나 페이징 기능 이미지 편집 기능 등을 추가 하거나 새로 만들어 보고 싶군요. 사진 추가 방법이나 옵션 설정법은 플래시 전광판과 동일합니다.
저는 누군가에게 즐거움을 줄 수 있는 프로그램 만드는 일을 하는 개발자라서 행복합니다. 대접을 비교적 덜 받는 비인기 직종일지라도 개발자라서 행복한 디자이너와 프로그래머가 있다면 서로의 인맥이 되어 봅시다. 혹시 관심 있는 분들은 비밀 댓글로 네이트온 메신져 주소 남겨주세요.

[플래시 포토 갤러리 HTML 소스]
<table width=540 height=340 border=0 cellpadding=10 cellspacing=0 bgcolor=#333333><tr><td align=middle><table width=520 height=320 border=0 cellpadding=10 cellspacing=0 bgcolor=#ffffff><tr><td align=middle>
<embed src="http://www.mud4u.com/new/widget/flash/photoslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="300"></embed></td></tr></table>
</td></tr></table>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 13개가 달렸습니다.

플래시 전광판,슬라이더 위젯 추가사항

플래시 작품 2007/10/16 14:56

TAG blog, flash, gadget, widget, 가젯, 블로그, 슬라이더, 위젯, 이미지, 전광판, 플래시

기존에 직접 내용을 설정할 수 있는 가로 스크롤 전광판과 슬라이더를 소개했었습니다. 오늘 잠깐 손을 봐서 세로 스크롤 전광판과 슬라이더를 추가 했습니다. 전광판과 슬라이더에 대해서 잘 모르시는 분들은 위젯 위에 마우스를 올리고 오른쪽 클릭을 하시면 위젯 설명 페이지로 이동할 수 있습니다. 심심한 페이지에 전광판이나 슬라이더를 써서 붙여 보면 좋을 듯 싶습니다.^^

[적용된 HTML 소스 샘플]
<TABLE cellSpacing=0 cellPadding=0 width=417 border=0><TR>
<TD width=4><IMG hideFocus style="selector-dummy: true" height=35 src="http://www.mud4u.com/new/waagle/images/partner_s_img1.gif" width=4></TD>
<TD background=http://www.mud4u.com/new/waagle/images/partner_s_img2.gif>
<DIV align=center><FONT color=#4a6897>
<embed src="http://www.mud4u.com/new/widget/flash/textshow400.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="30" flashvars="memo=%EC%99%80%EC%9A%B0+%EC%97%AC%EC%95%A0%EC%9D%B8+%EA%B5%AC%ED%95%B4%EB%B4%85%EB%8B%88%EB%8B%A4....%EB%93%9C%EB%A3%A8%EC%9D%B4%EB%93%9C%28%EC%9D%B4%EC%A6%88%EC%83%A4%EB%9D%BC%29%7E%7E%7E%7E%E2%99%A1;%ED%8C%8C%ED%8A%B8%EB%84%88+%EA%B2%8C%EC%8B%9C%ED%8C%90+%EC%98%A4%ED%94%88%EC%9D%84+%EA%B2%BD%EC%B6%95%ED%95%A9%EB%8B%88%EB%8B%A4.%5E%5E;%EB%A8%B8%EB%93%9C%ED%8F%AC%EC%9C%A0+%ED%8C%8C%ED%8A%B8%EB%84%88+%EA%B5%AC%ED%95%98%EA%B8%B0+%EA%B2%8C%EC%8B%9C%ED%8C%90%EC%9E%85%EB%8B%88%EB%8B%A4.&page=http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D3;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D2;http://www.mud4u.com/new/%2Fbbs%2Fboard.php%3Fbo_table%3Dwaagle_partner%26m_ca%3Dwaagle%26wr_id%3D1&fontcolor=4A6897&incolor=ffffff&outcolor=F6F8F9&style=3" wmode=transparent></embed>
</FONT></DIV></TD>
<TD width=4><IMG hideFocus style="selector-dummy: true" height=35 src="http://www.mud4u.com/new/waagle/images/partner_s_img3.gif" width=4></TD>
</TR></TABLE>

<br>

<br>

<br>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, No Comment

블로그 최신글 플래시 위젯입니다.

플래시 작품 2007/10/14 17:41

TAG blog, flash, gadget, rss, widget, 블로그, 위젯, 최신글, 플래시

블로그에 올라온 최신을 보여주는 플래시 위젯입니다. 사용법은 아래 링크로 위젯을 다운 받아서 자신에 블로그에 플래시 파일을 게시물로 올린 후 HTML 소스를 보시면 플래시의 URL 을 확인할수 있습니다. 찾아낸 자신의 플래시 URL(예제:http://factor.kr/attachment/co473.swf) 을 아래의 예제에 적용시켜서 스킨이나 게시물(포스트)의 필요한 위치에 붙이시면 됩니다. 플래시 파일을 자신의 블로그에 올려야만 자신의 블로그에 올라온 최신글을 확인할 수 있습니다. 플래시는 보안규칙이 적용이 되서 플래시와 RSS 웹페이지 도메인 주소가 같아야 합니다. 자신의 블로그 RSS 주소가 http://factor.kr/rss 라면, 플래시 주소는 http://factor.kr/attachment/co473.swf 와 같이 도메인 주소가 같아야 RSS 를 플래시가 읽어낼 수 있습니다. 그리고 외부 웹페이지에서 자신의 블로그 최신글 위젯을 사용해야 할 경우 파라메터에 블로그 주소를 대입해야 합니다. 아래 예제를 참고하세요.

[플래시 위젯 활용 예제 HTML]
<embed src="http://factor.kr/attachment/co473.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="280" height="170" flashvars="blog=http://factor.kr&bgcolor=000000&textover=ff0000&textout=ffffff"></embed>

예제를 보시면 블로그 주소(blog), 배경색(bgcolor), 마우스 오버시 색깔(textover), 기본 색깔(textout)을 지정할 수 있습니다. 사용하실 때는 자신의 블로그 주소와 색을 정해서 사용하셔야 합니다.

블로그 최신글 플래시 위젯 다운로드

참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, No Comment

플래시 블로그 위젯 적용 사례 (머드포유)

플래시 작품 2007/10/11 09:06

TAG flash, widget, 머드포유, 버튼, 북마크, 슬라이더, 위젯, 이미지, 전광판, 플래시

게임 웹진 머드포유에 3가지 플래시 블로그 위젯을 적용했습니다. 머드포유 게임 뉴스기사를 공유할 수 있도록 플래시 북마크 꾸러미 위젯을 부착했으며, 와글 커뮤니티 메인에 플래시 전광판 위젯을 적용했고 갤러리 목록 베스트 이미지는 플래시 이미지 슬라이더 위젯을 활용했습니다.

아래 북마크 버튼은 "사상 초유 해커공격, 아이템거래 시장 초토화 상태"라는 기사를 북마크 합니다.

뉴스 기사 즐겨찾기(북마크) 공유

아래 전광판은 커뮤니티 와글 메인에 파트너 구하기 게시판 제목을 뿌려줍니다.

아래 이미지 슬라이더는 갤러리에 올라온 베스트 게시물을 뿌려줍니다.

[적용된 HTML 소스 샘플]

<br>

<br>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, a comment

스타크래프트2 테란,프로토스 추가 유닛 동영상

플래시 작품 2007/09/16 16:07

TAG movie, starcraft, starcraft2, unit, 동영상, 스타크래프트, 스타크래프트2, 유닛, 테란, 프로토스

스타크래프트2 테란,프로토스 추가 유닛 동영상이 있네요. 그래서 스타크래프트2 유닛 보기 위젯에도 추가했습니다. 유닛 4종, 프로토스 다크템플러(darktemplar), 마더쉽(mothership), 테란 벤시(banshee), 토르(thor)가 소개되고 있습니다. 마더쉽, 벤시, 토르는 스타크래프트2에 새로 추가된 유닛이며 자세한 유닛에 대한 소개는 스타크래프트2 홈페이지에 가시면 설명과 함께 플래시 동영상을 볼 수 있습니다. 새로운 유닛들의 추가로 스타크래프트 실제 경기의 전술에 어떤 변화가 생길지 궁금해지는군요.

[랜덤유닛]

[스타크래프트2 유닛 보기 플래시 위젯 HTML]

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, a comment

플래시 게임 뉴스 위젯

플래시 작품 2007/09/11 08:39

TAG flash, widget, 게임, 게임뉴스, 뉴스, 위젯, 플래시

어제 퇴근 후 이런 저런 생각 끝에 플래시 게임 뉴스 위젯을 만들었습니다. 게임 웹진 사이트 머드포유의 최신 뉴스를 보여주며 제목에 마우스를 가져가면 미리보기 이미지도 볼 수 있게 했습니다. 게임을 좋아하시는 분들을 위한 플래시 게임 뉴스 위젯으로 남보다 빠른 게임 뉴스를 구독하세요. 앞으로 좀더 업그레이드할 것이며 게임 관련 다양한 위젯을 만들게 될 것입니다. 게임 관련해서 필요한 위젯이 있다면 의견 주세요. 가능한한 반영해보도록 하겠습니다.

[플래시 위젯 HTML 태그]
<EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=http://www.mud4u.com/new/widget/flash/gamenews.swf width=300 height=200 type=application/x-shockwave-flash quality="high" FlashVars=""></EMBED>

참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, No Comment

광복절, 블로그에 플래시 태극기를 걸었습니다.

플래시 작품 2007/08/15 12:52

TAG blog, flag, flash, korean flag, 광복절, 블로그, 태극기, 플래시

오늘 문득 플래시(flash)로 태극기를 만들어서 블로그에 걸어보고 싶다는 욕구가 생겨서 오전에 부지런히 플래시 태극기를 만들어 보았습니다. 되도록 태극기의 원래 모양을 살리는 것이 중요하기 때문에 가벼운 플래시 이펙트(effect)를 주어서 눈에 띄도록 해보는 정도로 끝냈습니다. 플래시 태극기의 최적의 크기는 가로 480, 세로 380 사이즈입니다. 현재 저의 블로그에 사이즈만 190 x 150 크기로 줄여서 붙였으며 필요에 따라 비율에 맞춰 줄이거나 늘려서 쓸 수 있습니다. 광복절인 오늘 플래시 태극기가 맘에 드시는 분이 있다면 한번 걸어보세요.^^ 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

트랙백 3개, 댓글 8개가 달렸습니다.

트랙백 주소 :: http://hompy.info/trackback/226

Subject: (광복절) 태극기를 게양한 사이트는 어디?
Tracked from Webmini Story 2007/08/15 14:02 삭제
오늘은 8월 15일 광복절입니다.광복절1945년 8월 15일 일본의 항복으로 제2차 세계대전이 종식되어 한국이 독립하였고, 1948년 8월 15일 대한민국 정부가 수립되었다. 대한민국 정부는 일제의 강점으로부터 벗어난 날과 독립국으로서 정부가 수립된 날을 기념하기 위해 1949년 10월 1일 '국경일에 관한 법률'을 제정하여 매년 8월 15일을 광복절이라 하고 국경일로 지정하였다. '광복'이란 '빛을 되찾다'는 뜻으로서 잃었던 국권의 회복을 의미한다..
Subject: 오늘은 광복절! 우리모두 블로그 대문에 태극기를~(수정)
Tracked from 까칠맨의 버럭질! 2007/08/15 14:31 삭제
오늘은 62주년 광복절..... 점점 퇴색해 가는 나라의 독립 기념일.... 각박한 사회 속에서 우리들에겐 그냥 빨간 날... 여름에 휴가 붙여 쓰기 좋은 날로 인식되어 지는 광복절.... 오늘 하루만이라도 우리 모두 블로그에 태극기를 답시다....비가 오니까...^_^ 나라의 독립을 위해 돌아가신 조상님들과.... 더욱 좋은 나라가 되길 위한 바램으로.... 나도 중등 시절 이후...벌써 22년... 집에 태극기를 걸어 본적이 없는 것 같다.....
Subject: 2007년 8월 15일 사이트별로 찾아본 광복절CI(로고)
Tracked from tohappy today.. 2007/08/16 08:39 삭제
2007년 8월 15일 사이트 별로 찾아본 CI (로고) 8월 15일 광복절 [光復節] 대한민국이 1945년 일본의 식민지 지배에서 독립됨을 기념하고, 대한민국 정부수립을 경축하는 날 1948년 8월 15일. 또한 민족의 독립을 위해 애쓰다 돌아가신 수 많은 독립투사들에 대한 각별한 가슴 뭉클함이 떠 오르는 날이다.(물론 현충일도 있지만..) 잠시만이라도 그분들을 위한 감사함을 생각해 봤으면 한다. 잠깐 컴퓨터에 앉은 것이 '오늘 Google 의 로..

스타크래프트2 테란 유닛 플래시 동영상

플래시 작품 2007/08/05 09:15

TAG flash, game, starcraft2, unit, video, 게임, 동영상, 스타크래프트2, 유닛, 플래시

스타크래프트2 테란 유닛 플래시 동영상이 공개되었군요. 그래서 스타크래프트2 유닛 보기 위젯에도 추가했습니다. 유닛 4종, 해병(마린:marine), 강습병(리퍼:reaper), 유령(고스트:ghost), 바이킹(viking)과 건물 1종, 사령부(커멘드센터:command center)가 소개되고 있고 유닛과 건물이 3D 동영상으로 표현되고 있어 한층 더 멋지게 보입니다. 강습병과 바이킹이 새로 추가된 유닛이며 바이킹은 트랜스포머 처럼 변신을 하는군요.^^

[스타크래프트2 유닛 보기 플래시 위젯 HTML]

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 3개가 달렸습니다.

직접 꾸밀 수 있는 갤러리형 플래시 타이틀 스킨

플래시 작품 2007/08/04 16:54

TAG blog, flash, title, title skin, 블로그, 스킨, 타이틀, 타이틀 스킨, 플래시

사용자가 직접 꾸밀 수 있는 갤러리형 플래시 타이틀 스킨입니다. 왼쪽에 배치되는 메뉴(menu)와 메뉴를 클릭하면 점프할 URL 링크 주소(link)는 아래 HTML 태그의 파란색과 빨간색 부분을 수정하면 되고 왼쪽 상단에 블로그 이름(blogname)과 클릭하면 이동할 URL 링크 주소(bloglink)는 갈색과 보라색 부분을 수정하시면 됩니다. 왼쪽 메뉴를 롤오버 하면 바뀌는 이미지(skin)는 녹색 부분을 수정하시면 되고 사용하실 이미지 URL 주소를 입력해야 합니다. 그리고 노란색 부분에 target 을 설정할 수 있도록 했습니다. 사례를 보여드리기 위해 5가지 샘플 이미지를 준비해서 보여드리고 있습니다. 아래의 플래시 타이틀 스킨을 사용하려면 스킨을 변경할 수 있는 블로그일 경우 스킨 편집 기능을 사용해서 원하는 위치에 아래 보이는 HTML 를 수정해서 삽입하면 됩니다.
소개하는 플래시 스킨 5개가 잘려서 보일 수 있으므로 아래 링크를 클릭해서 전체 화면을 보실 수 있습니다.
http://www.hompydesign.com/game/titleskin.php

[플래시 타이틀 스킨 HTML 태그]

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 19개가 달렸습니다.

플래시 메뉴판으로 블로그 메뉴를 구성해보자.

플래시 작품 2007/07/30 10:49

TAG blog, flash, menu, navigation, 네비게이션, 메뉴, 메뉴판, 블로그, 플래시

직접 메뉴를 구성할 수 있는 플래시 메뉴판(네비게이션)입니다. 메인메뉴와 서브메뉴 그리고 URL 링크를 편집할 수 있고 TARGET 을 설정할 수 있으며 처음 로딩시 서브메뉴를 펼쳐서 보여줄 메뉴를 선택할 수 있습니다. 플래시 메뉴판으로 블로그 또는 홈페이지 메뉴를 구성할 수 있으며 배경에 사용자 이미지를 깔수 있습니다. 사용법은 플래시 네비게이션 HTML 태그에 강조된 부분을 수정해보면 알 수 있으며 파란색 부분은 표기할 메뉴와 서브메뉴, 빨간색 부분은 클릭하면 이동할 웹페이지 URL 주소, 녹색 부분은 배경으로 깔고자 하는 이미지 또는 사진 주소, 밑줄로 강조된 부분은 서브메뉴를 펼쳐서 보여줄 메뉴 번호를 입력하면 됩니다. 아래 예제 오른쪽 플래시 메뉴는 제 블로그 포스트들로만 메뉴구성을 해보았습니다. 블로그(blog) 사이드바에 플래시 메뉴판을 걸어 블로그 방문자들에게 편의를 제공할 수 있을 것 같습니다. 직접 플래시로 네비게이션을 제작할 수 없는 분들이나 간편하게 플래시 메뉴판을 만들고자 하는 분들에게 도움이 되길 바랍니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

[플래시 네비게이션 HTML 태그]
<embed src="http://cfs11.tistory.com/original/1/tistory/2008/12/18/07/19/49497b069f038" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="175" height="400" flashvars="menu=1&target="></embed>

<embed src="http://cfs11.tistory.com/original/1/tistory/2008/12/18/07/19/49497b069f038" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="175" height="400" flashvars="menu=3&target=_blank&skin=http://www.hompydesign.com/club/images/flashmenu.jpg&mainmenu=유틸리티;플래시게임;멀티미디어;최신 정보;정보 검색&mainlink=http://hompy.info/177;http://hompy.info/191;http://hompy.info/189;http://hompy.info/110;http://hompy.info/78&submenu1=블로그 채팅;블로그 노트;글자크기 조절;접속자수 카운터;번역 버튼;북마크 모음;플래시 카운터;플래시 전광판&sublink1=http://hompy.info/177;http://hompy.info/156;http://hompy.info/155;http://hompy.info/153;http://hompy.info/141;http://hompy.info/131;http://hompy.info/59;http://hompy.info/204&submenu2=게임 검색기;미니 테트리스;한자 게임&sublink2=http://hompy.info/191;http://hompy.info/84;http://hompy.info/193&submenu3=이미지 슬라이더;워크래프트3 유닛;스타크래프트2 유닛;MP3 플레이어;동영상 플레이어;포토 라이브러리&sublink3=http://hompy.info/189;http://hompy.info/185;http://hompy.info/203;http://hompy.info/173;http://hompy.info/171;http://hompy.info/28&submenu4=구인 정보;실시간 검색어&sublink4=http://hompy.info/110;http://hompy.info/109&submenu5=페이지 랭크;단어 검색기;PHP 사전;우편번호 검색&sublink5=http://hompy.info/78;http://hompy.info/98;http://hompy.info/3;http://hompy.info/20"></embed>

[두번째 플래시 네비게이션에 설정된 메뉴와 링크 정리]
mainmenu=유틸리티;플래시게임;멀티미디어;최신 정보;정보 검색
mainlink=http://hompy.info/177;http://hompy.info/191;http://hompy.info/189;http://hompy.info/110;http://hompy.info/78
submenu1=블로그 채팅;블로그 노트;글자크기 조절;접속자수 카운터;번역 버튼;북마크 모음;플래시 카운터;플래시 전광판
sublink1=http://hompy.info/177;http://hompy.info/156;http://hompy.info/155;http://hompy.info/153;http://hompy.info/141;http://hompy.info/131;http://hompy.info/59;http://hompy.info/204
submenu2=게임 검색기;미니 테트리스;한자 게임
sublink2=http://hompy.info/191;http://hompy.info/84;http://hompy.info/193
submenu3=이미지 슬라이더;워크래프트3 유닛;스타크래프트2 유닛;MP3 플레이어;동영상 플레이어;포토 라이브러리
sublink3=http://hompy.info/189;http://hompy.info/185;http://hompy.info/203;http://hompy.info/173;http://hompy.info/171;http://hompy.info/28
submenu4=구인 정보;실시간 검색어
sublink4=http://hompy.info/110;http://hompy.info/109
submenu5=페이지 랭크;단어 검색기;PHP 사전;우편번호 검색
sublink5=http://hompy.info/78;http://hompy.info/98;http://hompy.info/3;http://hompy.info/20

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 3개가 달렸습니다.

설정변경 가능한 세로형 플래시 네비게이션

플래시 작품 2007/07/28 00:12

TAG flash, menu, navigation, 네비게이션, 메뉴, 플래시

작년에 학회 사이트를 만들면서 제작했던 세로형 플래시 네비게이션인데 배경과 메뉴 설정을 바꿔서 쓸 수 있도록 수정했습니다. 아래 플래시 네비게이션 HTML 태그에 녹색 부분 이미지 주소를 배경으로 깔고 싶은 이미지 주소로 바꾸시면 되고 태그 파란색 부분에 메인 메뉴의 제목과 서브 메뉴의 제목을 입력하면 되며 태그 빨간색 부분에 메인 메뉴 링크 URL과 서브 메뉴 링크 URL을 입력하면 됩니다. 참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

[플래시 네비게이션 HTML 태그]
<embed src="http://cfs11.tistory.com/original/1/tistory/2008/12/18/07/19/49497b069f038" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="175" height="400"></embed>

<embed src="http://cfs11.tistory.com/original/1/tistory/2008/12/18/07/19/49497b069f038" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="175" height="400" flashvars="skin=http://www.hompydesign.com/club/images/blue.jpg&mainmenu=유틸리티;플래시게임;멀티미디어;최신 정보;정보 검색&mainlink=http://hompy.info/177;http://hompy.info/191;http://hompy.info/189;http://hompy.info/110;http://hompy.info/78&submenu1=블로그 채팅;블로그 노트;글자크기 조절;접속자수 카운터;번역 버튼;북마크 모음;플래시 카운터;플래시 전광판&sublink1=http://hompy.info/177;http://hompy.info/156;http://hompy.info/155;http://hompy.info/153;http://hompy.info/141;http://hompy.info/131;http://hompy.info/59;http://hompy.info/204&submenu2=게임 검색기;미니 테트리스;한자 게임&sublink2=http://hompy.info/191;http://hompy.info/84;http://hompy.info/193&submenu3=이미지 슬라이더;워크래프트3 유닛;스타크래프트2 유닛;MP3 플레이어;동영상 플레이어;포토 라이브러리&sublink3=http://hompy.info/189;http://hompy.info/185;http://hompy.info/203;http://hompy.info/173;http://hompy.info/171;http://hompy.info/28&submenu4=구인 정보;실시간 검색어&sublink4=http://hompy.info/110;http://hompy.info/109&submenu5=페이지 랭크;단어 검색기;PHP 사전;우편번호 검색&sublink5=http://hompy.info/78;http://hompy.info/98;http://hompy.info/3;http://hompy.info/20"></embed>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

(0)

No Trackback, 댓글 8개가 달렸습니다.

◀ 이전페이지 1 2 3 4 다음페이지 ▶

웹프로그래머의 홈페이지 정보 블로그 - 최근 공지

최근에 올라온 글

Categories

태그목록

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

링크

'플래시 작품'에 해당되는 글 93건

트랙백 주소 :: http://hompy.info/trackback/578

트랙백 주소 :: http://hompy.info/trackback/479

트랙백 주소 :: http://hompy.info/trackback/476

트랙백 주소 :: http://hompy.info/trackback/451

트랙백 주소 :: http://hompy.info/trackback/395

트랙백 주소 :: http://hompy.info/trackback/383

트랙백 주소 :: http://hompy.info/trackback/371

트랙백 주소 :: http://hompy.info/trackback/351

트랙백 주소 :: http://hompy.info/trackback/339

트랙백 주소 :: http://hompy.info/trackback/333

트랙백 주소 :: http://hompy.info/trackback/331

트랙백 주소 :: http://hompy.info/trackback/318

트랙백 주소 :: http://hompy.info/trackback/315

트랙백 주소 :: http://hompy.info/trackback/314

트랙백 주소 :: http://hompy.info/trackback/307

Subject: 원더걸스, 소녀시대, 윤하 플래시 시계

Subject: 원더걸스, 소녀시대, 윤하 플래시 시계입니다

트랙백 주소 :: http://hompy.info/trackback/300

트랙백 주소 :: http://hompy.info/trackback/294

Subject: 혼자서 만들어보는 플래시 시계

트랙백 주소 :: http://hompy.info/trackback/291

트랙백 주소 :: http://hompy.info/trackback/279

트랙백 주소 :: http://hompy.info/trackback/277

트랙백 주소 :: http://hompy.info/trackback/274

트랙백 주소 :: http://hompy.info/trackback/269

트랙백 주소 :: http://hompy.info/trackback/251

트랙백 주소 :: http://hompy.info/trackback/241

트랙백 주소 :: http://hompy.info/trackback/238

트랙백 주소 :: http://hompy.info/trackback/226

Subject: (광복절) 태극기를 게양한 사이트는 어디?

Subject: 오늘은 광복절! 우리모두 블로그 대문에 태극기를~(수정)

Subject: 2007년 8월 15일 사이트별로 찾아본 광복절CI(로고)

트랙백 주소 :: http://hompy.info/trackback/219

트랙백 주소 :: http://hompy.info/trackback/218

트랙백 주소 :: http://hompy.info/trackback/208

트랙백 주소 :: http://hompy.info/trackback/205