그동안 플래시바의 아이콘들을 처음 보는 분들은 어떤 소셜 북마크 사이트 아이콘인지 알수 없었던 관계로 플래시바에 타이틀을 볼수 있도록 하면서 나름 고민 고민하다가 모션을 입혔습니다. 플래시의 마스크(mask) 기능을 활용해서 타이틀 이미지를 여러개로 잘라서 흩어졌다가 다시 뭉치도록 플래시 액션스크립트(flash action script)로 구현을 해봤습니다. 지금보다 좀더 작게 잘라서 해봤더니 움직이는 속도가 떨어져서 현재의 크기로 조절했습니다. 시간을 두고 좀더 부드럽게 튜닝을 해볼까 합니다.
어제 오후에는 마가린 개발자 소두마빈님과 메신져로 이런 저런 수다를 나누었습니다. 대화중에 알게 된 것인데 마가린은 4명의 멋진 분들이 팀을 이뤄서 운영중이지만 회사 형태는 아니라고 하더군요. 각자 맡고 있는 분야는 달랐고 모두 직업을 별도로 가지고 있으며 마가린에 열정을 가지고 별도의 시간을 투자하는 듯 보였습니다. 좀더 빠른 서비스를 위해 서버도 얼마전에 교체했으며 튜닝 작업을 하고 있다고 합니다. 그외 여러가지 재미있는 이야기를 나눴지만 생략하며 조만간 술자리를 가질 예정이므로 번개 후기 꼭 쓰도록 하겠습니다.
그동안 플래시바의 비쥬얼 부분만 신경을 썼었는데 앞으로는 기능적으로 변화를 주도록 하겠습니다. 어떤 재미있는 기능이 추가될지 예상해보시고 다음 업그레이드 포스팅에서 함께 확인해보도록 합시다. 제가 너무 다양한 주제에 관심을 가지고 시간 투자를 하다보니 스피드하게 진행되지는 않겠지만 지켜봐주세요.^^
[플래시바 태그]
<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=북마크 등록을 편하게 플래시 북마크 모음" />
[개별 포스트별 플래시바 태그]
<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="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］"><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［##_article_rep_link_##］&title=［##_article_rep_title_##］" /></object>
[IE 에서 테투리를 안보이게 하는 태그]
스킨 편집 skin.html 의 상단 "</head>" 라는 태그 바로 위에 "<script language="javascript" src="http://factor.kr/attachment/dk46.js"></script>" 를 추가합니다.
그리고 예제 포스트 대신 다음과 같은 태그를 사용합니다.
<textarea id="flash_blog_bookmark［##_article_rep_link_##］" style="display:none;" rows="0" cols="0">
<table bgcolor=#efefef><tr><td width=600 align=right>
<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="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］"><param name="wmode" value="opaque"><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［##_article_rep_link_##］&title=［##_article_rep_title_##］" wmode=opaque /></object>
</td></tr></table>
</textarea><script>document_write(document.getElementById('flash_blog_bookmark［##_article_rep_link_##］').value);</script>
주의)
* 빨간색 링크 주소는 운영하는 블로그 도메인으로 바꾸셔야 합니다. 그리고 "［ " 와 "］" 로 표시된 부분은 "[" 와 "]" 로 바꿔주셔야합니다.
* 파란색 태그가 없는 경우 플래시가 레이어를 통과해서 보일 수 있습니다.
[네이버 카페 메인화면에 북마크 적용 태그 예제]
<table bgcolor=#efefef width=700 cellpadding=2><tr><td><font style="font-size:12px;"> @ 즐겨찾기 등록</font></td><td align=right>
<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="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf?link=http%3A%2F%2Fflashcafe.org&title=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29"/><param name="flashvars" value="link=http://flashcafe.org&title=플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src="http://www.hompydesign.com/club/bookmark.swf?link=http%3A%2F%2Fflashcafe.org&title=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29" width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://flashcafe.org&title=플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)" /></object>
</td></tr></table>
주의)
네이버에서는 일부 태그를 제한하는 관계로 파란색에 해당하는 파라메터(인수) 전달이 제대로 되지 않으므로 빨강색 부분에서 처럼 URL 을 통해서 값을 전달해야 합니다. URL 을 통해서 값을 전달할때 한글이나 특수문자인 경우 URL 인코딩을 해야합니다.
파란색 문장을 구글 검색창에 검색해보면 주소창에서 인코딩된 빨강색 문장 처럼 바뀌는 부분이 있습니다. "플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)"라는 문장을 검색해보면 주소창에 다음과 같은 경로가 보입니다.
http://www.google.co.kr/search?hl=ko&q=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29&lr=
위의 경로에서 URL 인코딩된 빨간색 부분만 가져와서 태그에서 사용합니다. 빨간색 처럼 인코딩이 되지 않은 값을 사용하는 경우 제대로 정보 전달이 안될 수 있습니다.
태그 입문자의 경우 다소 어려워 보일 수 있지만 차근 차근 따라해 보시면 완성할 수 있습니다.
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
(0) 
(0)
어제 오후에는 마가린 개발자 소두마빈님과 메신져로 이런 저런 수다를 나누었습니다. 대화중에 알게 된 것인데 마가린은 4명의 멋진 분들이 팀을 이뤄서 운영중이지만 회사 형태는 아니라고 하더군요. 각자 맡고 있는 분야는 달랐고 모두 직업을 별도로 가지고 있으며 마가린에 열정을 가지고 별도의 시간을 투자하는 듯 보였습니다. 좀더 빠른 서비스를 위해 서버도 얼마전에 교체했으며 튜닝 작업을 하고 있다고 합니다. 그외 여러가지 재미있는 이야기를 나눴지만 생략하며 조만간 술자리를 가질 예정이므로 번개 후기 꼭 쓰도록 하겠습니다.
그동안 플래시바의 비쥬얼 부분만 신경을 썼었는데 앞으로는 기능적으로 변화를 주도록 하겠습니다. 어떤 재미있는 기능이 추가될지 예상해보시고 다음 업그레이드 포스팅에서 함께 확인해보도록 합시다. 제가 너무 다양한 주제에 관심을 가지고 시간 투자를 하다보니 스피드하게 진행되지는 않겠지만 지켜봐주세요.^^
[플래시바 태그]
<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=북마크 등록을 편하게 플래시 북마크 모음" />
[개별 포스트별 플래시바 태그]
<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="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］"><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［##_article_rep_link_##］&title=［##_article_rep_title_##］" /></object>
[IE 에서 테투리를 안보이게 하는 태그]
스킨 편집 skin.html 의 상단 "</head>" 라는 태그 바로 위에 "<script language="javascript" src="http://factor.kr/attachment/dk46.js"></script>" 를 추가합니다.
그리고 예제 포스트 대신 다음과 같은 태그를 사용합니다.
<textarea id="flash_blog_bookmark［##_article_rep_link_##］" style="display:none;" rows="0" cols="0">
<table bgcolor=#efefef><tr><td width=600 align=right>
<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="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］"><param name="wmode" value="opaque"><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［##_article_rep_link_##］&title=［##_article_rep_title_##］" wmode=opaque /></object>
</td></tr></table>
</textarea><script>document_write(document.getElementById('flash_blog_bookmark［##_article_rep_link_##］').value);</script>
주의)
* 빨간색 링크 주소는 운영하는 블로그 도메인으로 바꾸셔야 합니다. 그리고 "［ " 와 "］" 로 표시된 부분은 "[" 와 "]" 로 바꿔주셔야합니다.
* 파란색 태그가 없는 경우 플래시가 레이어를 통과해서 보일 수 있습니다.
[네이버 카페 메인화면에 북마크 적용 태그 예제]
<table bgcolor=#efefef width=700 cellpadding=2><tr><td><font style="font-size:12px;"> @ 즐겨찾기 등록</font></td><td align=right>
<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="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf?link=http%3A%2F%2Fflashcafe.org&title=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29"/><param name="flashvars" value="link=http://flashcafe.org&title=플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src="http://www.hompydesign.com/club/bookmark.swf?link=http%3A%2F%2Fflashcafe.org&title=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29" width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://flashcafe.org&title=플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)" /></object>
</td></tr></table>
주의)
네이버에서는 일부 태그를 제한하는 관계로 파란색에 해당하는 파라메터(인수) 전달이 제대로 되지 않으므로 빨강색 부분에서 처럼 URL 을 통해서 값을 전달해야 합니다. URL 을 통해서 값을 전달할때 한글이나 특수문자인 경우 URL 인코딩을 해야합니다.
파란색 문장을 구글 검색창에 검색해보면 주소창에서 인코딩된 빨강색 문장 처럼 바뀌는 부분이 있습니다. "플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)"라는 문장을 검색해보면 주소창에 다음과 같은 경로가 보입니다.
http://www.google.co.kr/search?hl=ko&q=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29&lr=
위의 경로에서 URL 인코딩된 빨간색 부분만 가져와서 태그에서 사용합니다. 빨간색 처럼 인코딩이 되지 않은 값을 사용하는 경우 제대로 정보 전달이 안될 수 있습니다.
태그 입문자의 경우 다소 어려워 보일 수 있지만 차근 차근 따라해 보시면 완성할 수 있습니다.
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
(0) (0)