태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
사용자 삽입 이미지


  • Interactive / 2008 / Blog Widget Application
  • Software: Adobe Flash CS3 ActionScript 2.0

제작배경
현재 온라인상에 배포되고 있는 위젯들은 모두 형태가 고정적이다. 물론, 시간을 알려주는 본연의 기능적인 측면에서는 시, 분, 초의 가로 배열이 합리적이겠지만 블로그, 혹은 웹사이트의 형태가 다양한만큼 좀 더 커스터마이징이 가능한 형태의 위젯이 필요하다고 생각되었다.


작품설명

카운터가 롤(Roll)되는 Flip 형태의 시계. 시, 분, 초가 각각의 위젯으로 제작되어서 사용자가 자신의 블로그 디자인에 맞게 마음대로 배치해볼 수 있다.


설치예시


사용자 삽입 이미지

가로배치

사용자 삽입 이미지

세로배치

사용자 삽입 이미지

자유배치



위젯코드
ABOUT HOURS
<embed src="http://fs.tistory.com/custom/blog/6/68628/skin/images/hour.swf" type="application/x-shockwave-flash" autostart="false" width="150" height="133" wmode="transparent">

ABOUT MINUTES
<embed src="http://fs.tistory.com/custom/blog/6/68628/skin/images/minute.swf" type="application/x-shockwave-flash" autostart="false" width="150" height="133" wmode="transparent">

ABOUT SECONDS
<embed src="http://fs.tistory.com/custom/blog/6/68628/skin/images/second.swf" type="application/x-shockwave-flash" autostart="false" width="150" height="133" wmode="transparent">

세가지를 한꺼번에 보기(폭 180 기준)
<div style="text-align: center;"><embed src="http://fs.tistory.com/custom/blog/6/68628/skin/images/hour.swf" type="application/x-shockwave-flash" autostart="false" width="52" height="46" wmode="transparent"><embed src="http://fs.tistory.com/custom/blog/6/68628/skin/images/minute.swf" type="application/x-shockwave-flash" autostart="false" width="52" height="46" wmode="transparent"><embed src="http://fs.tistory.com/custom/blog/6/68628/skin/images/second.swf" type="application/x-shockwave-flash" autostart="false" width="52" height="46" wmode="transparent"></div>

추가 어플리케이션
스크린세이버 버젼 바로가기<
거꾸로 세는 시계 버젼 바로가기<



▲맨위로 바로가기▲

댓글을 달아 주세요