플래시 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; }
어떤 카페, 어떤 블로그, 어떤 홈페이에도 자유롭게 복사되어 붙여넣기 될 수 있는 플래시의 장점을 살려 홈페이지를 넘나들며 자유로운 메시지 교환을 손쉽게 해볼 수 있는 플래시톡(Flash Talk)입니다. 플래시톡은 채팅과 게시판의 중간단계이며 간편하게 메시지를 작성해서 올릴 수 있습니다. 간편한 메시지 입력, 간편한 메시지 보기에 주안점을 둔 유저인터페이스(UI) 입니다. 차차 로그인 기능이나 나만의 플래시톡을 만들 수 있는 기능 등이 추가될 수 있습니다.
투표 제목과 10개의 항목으로 구성된 심플한 플래시 투표 위젯입니다. 클릭하면 해당 항목의 투표 횟수가 올라가며 투표 횟수에 따라 순위(순서)도 바뀝니다. 투표는 제한 없이 할 수 있으므로 원하는 만큼 클릭할 수 있습니다. 투표를 마감할 시점에 사용하기 위해 중복 투표를 제외한 투표 값을 별도로 저장합니다. 10개 항목을 가진 투표하기 좋은 주제를 댓글로 남겨주시면 별도의 위젯으로 적용하겠습니다.
웹브라우져 시작페이지를 가볍고 깔끔한 페이지로 바꿔보았습니다. 가볍고 깔끔하다는 것은 개인적인 판단입니다. 전에는 포털 사이트(주로 네이버)를 시작페이지로 설정해서 사용해왔었고 개인적으로 검색이나 다른 섹션으로 가는 링크 몇개 정도를 주로 이용하게 되더군요. 언제 어디서나 손쉽게 시작페이지를 설정할 수 있다는 면과 개인 적으로 검색을 자주 이용하는 성향으로 포털 홈페이지를 시작 페이지로 사용했던 것은 당연했었습니다. 그런데 웹브라우져를 조금 무거워 보이는 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>
얼마전에 공개한 플래시에 사용된 이미지를 수정해서 소녀시대 이미지와 그녀들의 프로필로 구성한 플래시 갤러리입니다. 포토샵 사용법을 동영상 강좌로 조금 배워보고 나서 나름 적절한 배치를 하고 간단한 이펙트도 줘봤습니다. 포토샵에 재미가 붙어 좀더 시간을 투자해서 이미지 다루는 솜씨를 높여야 겠다는 생각을 했습니다. 이왕이면 포토샵 동영상 강좌도 만들면서 배운다면 배우는 재미 뿐만 아니라 가르치는 재미도 느낄 수도 있을 것 같은데 시간이 허락할 것 같지 않네요. 설 연휴를 알차게 보내고 싶었으나 생각 만큼 되지 않았습니다. 나이 한 살 더 먹고 나니 올해는 더욱 시간이 귀하게 느껴지고 좀더 알차게 살아야겠나는 욕망이 불타 오르는 군요. 설사 연말에 또다시 아쉬움을 남길지라도 다시 도전해 봐야 겠지요? 참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.
보다 많은 이미지들을 비교적 작은 공간에서 표현하고 싶을 때가 있습니다. 이미지 슬라이더가 그러한 목적을 충족시켜주기도 합니다. 다음은 플래시로 만들어진 세로형 이미지 슬라이더입니다. 사용법은 기존에 공개한 이미지 슬라이더들과 같습니다. 플래시 파라메터 flashvars 에 image 와 page 변수에 필요한 값을 설정하시면 됩니다. 참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.
블로그쳇의 매력은 로그인 없이 누구나 간단히 대화에 참여할 수 있다는 점과 대화명을 설정하기 전까지 컴퓨터에 의해 무작위로 선택된 재미있는 대화명을 사용하게 된다는 점입니다. 필요에 따라 별명을 수정할 수 있으며 채널을 구분하는 개인 아이디를 생성해서 별도의 개인 대화방 모드로 이용할 수 있습니다. 재미삼아 블로그나 개인 홈페이지에 노출시켜 사용할 수 있으며 게시판 게시물 내용으로 삽입되어 홈페이와 블로그 및 커뮤니티를 넘나들며 대화 내용을 공유할 수 있습니다. 블로그쳇을 처음 접하는 분들 중 컴퓨터에 의해 자동으로 나오는 메시지라고 생각해서 엉뚱한 말을 하거나 대화 주체가 익명이라는 것 때문에 다소간 매너 없이 대화하는 분들도 있지만 매너와 배려가 담긴 대화로 응수한다면 따듯한 대화방이 될것이라 생각합니다. 지인들과 차분한 대화를 원한다면 채널을 만들어서 개인대화방에서 대화를 나눠도 되겠죠. 개인적으로 추가하고 싶은 다양한 기능들이 있음에도 회사 업무에 바빠서 마음에만 담아두고 있습니다. 요즘 그동안 해왔던 분야와 거리감이 있는 게임 개발이라는 업무에 집중해야되서 여가 시간을 쪼개서 하고 싶은 작업들을 추진할 여력이 없군요. 그래도 부족하지만 블로그쳇을 아껴주시는 분들을 위해 노력해보겠습니다.
그리고 블로그쳇은 블로거나 카페 유저들이 자유롭게 쓸 수 있는 개인용과 기업 홈페이지를 위한 기업용으로 구분해 나가려고 합니다. 채팅 서비스 개발과 채팅 시스템을 유지 및 확장하기 위한 하드웨어 및 IDC센터에 코로케이션 인터넷 서비스 비용등을 확보하기 위해서 기업과의 제휴 또는 후원을 받고자 합니다. 기업용에 대해 궁금한 내용이 있는 분들은 MSN 메신져 hompy @ live . com 을 친구등록 하신 후 대화 신청하시면 상담을 받을 수 있도록 하겠습니다. 개인용 블로그쳇을 사용하시는 분들은 기존 처럼 본 개발 페이지에 댓글 남겨주시면 적극 검토하겠습니다.
블로그쳇을 자신의 블로그나 홈페이지에 노출시켜 사용하시려면 아래의 3가지 HTML 태그 중 자신의 사이트에 맞는 적당한 사이즈의 태그를 삽입하시면 됩니다. 아래 태그에 빨간색 부분을 자신의 아이디(myid)로 수정해서 사용해야 되며 아이디 개설은 http://www.hompydesign.com/blog/에서 해야합니다. 아이디를 만들면 블로그카운터와 블로그온 등의 위젯도 사용할 수 있습니다. 블로그쳇을 항상 띄워 놓고 싶을 경우 아래 소개한 링크를 이용하시면 됩니다. 블로그쳇 배경에 자신만의 스킨을 깔 수 있는데 아래 HTML 태그 중 파란색 부분의 이미지 주소를 원하는 배경 이미지 주소로 바꾸시면 됩니다.
안녕하세요.
지금은 이 채팅방을 무료로 붙여 사용할 수 있는 것 같습니다.
간단한 기능들을 추가해서 등록비 형태로 소정의 금액(1만원 정도?)을 받는다면 좋지 않을까 싶습니다.
예로써...
닉네임 고정해서 사용할 수 있는 기능
채팅창 높이 조절 기능
blogchat_db.php(db 연결정보,테이블 등)를 불러들여 로그인 시 테이블에서 닉네임을 직접 가져다 사용하기
등등의 기능만 구비된다면 충분히 경쟁력이 있어 보입니다...
그렇게만 기능보완이 된다면 제가 1착으로 등록을 하겠습니다. ㅎㅎ.
제 생각으로는 충분히 가능해 보입니다.
검토 한 번 해 보시지요...
안녕하세요.
몇달전에 이 블로그채팅을 써봤는데 욕과 x1발, 이런식으로 온갖 방법을 동원해서 비상식적인 말을 하는 사람이 많았습니다. IP추적을 하여서 강퇴, 접근하지 못하게 패치해 주실 순 없나요?
그리고 욕을 사용하지 못하게 설정 해놓으셨지만, 욕 중간마다 다른 언어를 붙이는 등 여러 욕이 쓰이고 있다는 점에서 불편하군요... http://blog.naver.com/qkdrkrudqja 가보시면 욕이..
이런 채팅방도 회원가입절차를 거치게 할 수 없나요? 중복되지 않게..
너무 많은걸 요구해서 죄송합니다
계산식을 입력하는 간변한 플래시 계산기 컬큘레이터입니다. 6개의 계산창에 계산식을 입력하고 [ENTER]키나 [=]키를 입력하면 계산된 값이 계산식 끝에 출력됩니다. 예를들면 "1+2=" 라고 입력을 하면 "1+2=3" 으로 출력이 됩니다. 사용할 수 있는 키는 숫자와 함께 "-+*/()" 와 같은 기호들을 쓸 수 있습니다. 계산식과 정답이 함께 보이므로 계산에 대한 실수를 줄일 수 있고 6개의 계산창을 적절히 사용하면 몇개의 계산식을 함께 처리할 수 있으며 다른 계산을 위해 계산식을 지울 필요가 없겠습니다. 현재 계산창에서 다음 계산창으로 옮기려면 [TAB]키를 이용하세요. 개인적으로 이런 계산기가 있었으면 좋겠다고 생각해서 만들었는데 아마도 쓸모가 있을 것 같네요.
지나간 글을 볼 수 있도록 만든 한줄 채팅 또는 한줄 게시판입니다. 페이지 단위로 글을 볼 수 있도록 오른쪽 상단에 페이져가 있습니다. 현재 별명(대화명)은 랜덤하게 정해지도록 되어 있으나 별명 수정이 가능하도록 할 생각입니다. 블로그톡을 다른 곳에 가져가서 쓰려면 아래 HTML 태그를 사용하세요. 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.
전에 공개한 플래시 미니 테트리스 게임에 플래시 밖으로 블럭을 뿌려주는 기능을 추가해보았습니다. 실험용으로 만들었기 때문에 보는 사람에 따라 반응이 다를 수 있으며 플래시로 외부 객체를 다루는 테스트의 의미를 지닙니다. 아래와 같은 태그를 사용하므로 동일한 화면을 감상할 수 있습니다. 자! 시작(start)버튼을 눌러볼까요?
알림이 스타일 위젯을 만들어서 블로그에 붙여봤습니다. 브라우져 오른쪽 하단에 알림이 스타일로 알리고 싶은 내용을 표시해주고 필요에 따라 자동으로 열리게 한다던지 알림이 창을 닫는 기능을 합니다. 그리고 전에 만들었던 플래시 미니 테트리스를 소폭 업그레이드 했고 알림이에 붙여봤습니다. 블로그로 요청이 있어서 DOWN 키를 누르면 블럭이 떨어지게 처리했으며 100라인을 크리어 하면 레벨업 되서 난이도가 올라가도록 처리되었습니다. 아직 완성되지는 않았지만 플래시 밖으로 테트리스가 노출되는 기능을 준비중입니다. 알림이 스타일 위젯은 뭔가 놓친것이 있어서 인터넷익스플로어에서 되는군요. 파이어폭스나 사파리에서도 되도록 처리해봐야겠네요.^^ 혹시나 필요한 분들이 있을지 모르니 앞으로 디자인과 기능 등을 업그레이드 해봐야겠습니다.
번역 버튼 디자인 변경에 이어 플래시 북마크 버튼 꾸러미의 디자인을 변경하였습니다. 기존에 약간의 움직이는 이미지가 들어간 것을 사용하시려면 아래의 플래시를 사용할 수 있습니다. 디자인은 좀더 수정이 될 예정이며 필요에 따라 동영상으로 변경될 수 있습니다. 몇가지 디자인 중에서 선택해서 사용할 수 있도록 조치할까 합니다.
[북마크 버튼 꾸러미 플래시 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://praises.webzero.kr/ccm4.php
잘쓰고 있습니다...꾸벅
그전에 버전으로 번역기가 잘 돌아갔던 것 같은데..변경되고 나서는 번역이 되지 않네요..
이곳도 마찬가지네요...한번 체크해주세요...
------앗 이곳은 다시 잘되는군요..근데 전 일본어버전은 잘되는데 영어버전은 왜 안될까요(서버에러)
전에 올린 원더걸스, 소녀시대 플래시 시계에 이어 보아, 문근영, 윤하 플래시 시계를 준비했습니다. 검색엔진 이미지 검색을 활용해 이쁜 사진들을 골라 적당히 사이즈 조정해서 완성했습니다. 이미지 찾아서 가공하고 만드는 것이 생각보다 시간이 많이 걸리는 군요. 좋아하는 연예인이나 미소녀, 미소년 플래시 시계가 필요하신 분은 이미지 모음을 준비해서 주시면 시간이 허락할 때 만들어보겠습니다. 하지만 직접 편집해서 스킨에 입힐 수 있으니 FLASHVAR 파라메터 skin 에 스킨 이미지 주소를 입력하셔도 됩니다.
내 사진을 배경으로 설정할 수 있는 플래시 시계입니다. 사진이나 플래시를 배경으로 설정할 수 있으며 선택한 배경 사진이나 배경 플래시에 따라 다양한 느낌의 플래시 시계가 될 수 있습니다. 아래 플래시 시계 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>
원더걸스, 소녀시대, 윤하 플래시 시계입니다. 요즘 대중의 사랑을 받고 있는 두 미소녀 그룹이 가요계에 돌풍을 일으키고 있습니다. 태연, 수영, 효연, 유리, 제시카, 티파니, 써니, 윤아, 서현 등 9명으로 구성된 소녀시대와 유빈, 선예, 예은, 선미, 소희 등 5명으로 구성된 원더걸스가 그 두 주인공들입니다. 소녀시대의 다시 만난 세계, 원더걸스의 텔미가 대표곡이죠. 요즘 원더걸스와 소녀시대를 모르면 따돌림을 받을 수 있으니 아직까지 모르시는 분들은 학습(?)을 하셔야겠네요.^^ 아래는 원더걸스 시계, 소녀시대 시계, 여자 연예인 시계 순이며 3가지 타입의 모션 이펙트가 적용되었습니다.
내 사진을 배경으로 설정할 수 있는 플래시 시계입니다. 사진이나 플래시를 배경으로 설정할 수 있으며 선택한 배경 사진이나 배경 플래시에 따라 다양한 느낌의 플래시 시계가 될 수 있습니다. 아래 플래시 시계 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>
이건 뭐 유니클락(UNIQLOCK) 못지않네요. ^^ 출처 : 웹프로그래머의 홈페이지 정보 블로그 :: 원더걸스, 소녀시대, 윤하 플래시 시계 관련 글 2007/09/21 - [인터넷] - 새롭게 바뀐 유니클락(UNIQLOCK) 2007/07/25 - [인터넷] - 유니클락(UNIQLOCK)의 알람 동영상 2007/07/14 - [인터넷] - 블로그용 시계 - UNIQLOCK
Tracked from 아이 초보넷 (http://ichobo.net)2008/04/14 19:24삭제
오늘 웹서핑하다가 좋은정보가 될듯 싶어 알려드립니다. 기존에 알고계신 정보이시면 패스~~ 요즘 블로그에 다양한 시계테크를 삽입하시던데요.. 예쁜 원더걸스,소녀시대,윤하 플래시 시계를 달아보시는건 어떠실지.. 외제 이용하지마시고 가급적 국산제품이용합시다... 위의 이미지 말고도 다양하게 있습니다. 좋은정보가 되길 바라며. 소스출처는 아래 링크를 클릭하세요.. http://hompy.info/307
비스타 플립3D(Flip3D) 스타일 이미지 슬라이더입니다. 버튼 또는 화면을 클릭하면 비스타에서 플립 기능을 사용하는 것처럼 이미지가 전환/회전됩니다. 좀 튀는 갤러리(사진첩)를 만들기 위해 아이디어를 찾다가 만들게 되었습니다. 개발에 플래시(flash) 클래스 flash.geom.Matrix, flash.display.BitmapData, mx.transitions.Tween 등이 사용되었습니다. 아직 외부 이미지를 갤러리 이미지로 사용하도록 처리하지 않았지만 조만간 짬을 내서 추가해볼까 합니다. 참고로 또 다른 아이디어, 또 다른 스타일의 갤러리를 조금씩 준비하고 있습니다. 재미있는 플래시 작품을 만들기 위해 오늘도 데이트할 여가 시간도 투자하게 될 것 같습니다.^^ 만들고 싶은 플래시는 많은데 서버 프로그래밍, 액션스크립트, 모션 그래픽, 사운드 디자인 등 모든 것을 소화해야 하는 숙제가 있군요. 혼자서 모든 것을 마스터 하는 것은 불가능 하니 플래시 개발을 즐기는 파트너를 찾아야겠습니다.
내 사진을 배경으로 설정할 수 있는 플래시 시계입니다. 사진이나 플래시를 배경으로 설정할 수 있으며 선택한 배경 사진이나 배경 플래시에 따라 다양한 느낌의 플래시 시계가 될 수 있습니다. 아래 플래시 시계 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>
사진첩(갤러리)을 위한 플래시로 만들어진 몇가지 악세사리입니다. 사진첩에서는 홈페이지 영역을 좀더 적게 차지하면서 보다 효율적으로 다양한 게시물을 노출시키는 것이 때론 중요합니다. 아래와 같은 이미지 슬라이더들이 그 역할을 충분히 할 수 있지요. 게시판이나 갤러리 등에도 활용될 수 있지만 다른 카페나 커뮤니티 게시판을 통해 자신의 블로그나 카페를 자연스럽게 홍보하는 도구로 활용될 수 있습니다. 슬라이더에 필요한 이미지나 그것을 클릭하면 이동할 URL 링크들은 직접 설정할 수 있도록 되어 있으니 직접 활용해 볼 수 있습니다. HTML 태그에 대한 지식이 있는 분들은 아래 HTML 소스 코드를 보시면 사용하는 법을 아실 것입니다. 링크와 이미지를 설정할때 URL 인코드 시키는 것과 링크와 이미지에 세미콜론(;) 이 들어가지 않도록 주의해서 사용하시면 문제 없이 사용할 수 있습니다. 아래 플래시들은 실제 커뮤니티 게시판에 활용되던 샘플입니다. 참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.
사진 찍히는 것을 좋아한다는 분을 위해 외부 이미지를 사진첩 사진으로 설정할 수 있는 플래시 갤러리를 만들어봤습니다. 이미지 갯수는 제한이 없으나 섬네일 갯수는 6개만 보이도록 되어 있습니다. 플래시 사이즈는 가로와 세로가 500 대 300 이므로 동일한 비율로 늘려서 사용할 수 있습니다. 사진 설정이 없는 경우 기본 사진을 보여줍니다. 차후에 이미지 업로드 기능이나 페이징 기능 이미지 편집 기능 등을 추가 하거나 새로 만들어 보고 싶군요. 사진 추가 방법이나 옵션 설정법은 플래시 전광판과 동일합니다. 저는 누군가에게 즐거움을 줄 수 있는 프로그램 만드는 일을 하는 개발자라서 행복합니다. 대접을 비교적 덜 받는 비인기 직종일지라도 개발자라서 행복한 디자이너와 프로그래머가 있다면 서로의 인맥이 되어 봅시다. 혹시 관심 있는 분들은 비밀 댓글로 네이트온 메신져 주소 남겨주세요.
기존에 직접 내용을 설정할 수 있는 가로 스크롤 전광판과 슬라이더를 소개했었습니다. 오늘 잠깐 손을 봐서 세로 스크롤 전광판과 슬라이더를 추가 했습니다. 전광판과 슬라이더에 대해서 잘 모르시는 분들은 위젯 위에 마우스를 올리고 오른쪽 클릭을 하시면 위젯 설명 페이지로 이동할 수 있습니다. 심심한 페이지에 전광판이나 슬라이더를 써서 붙여 보면 좋을 듯 싶습니다.^^
블로그에 올라온 최신을 보여주는 플래시 위젯입니다. 사용법은 아래 링크로 위젯을 다운 받아서 자신에 블로그에 플래시 파일을 게시물로 올린 후 HTML 소스를 보시면 플래시의 URL 을 확인할수 있습니다. 찾아낸 자신의 플래시 URL(예제:http://factor.kr/attachment/co473.swf) 을 아래의 예제에 적용시켜서 스킨이나 게시물(포스트)의 필요한 위치에 붙이시면 됩니다. 플래시 파일을 자신의 블로그에 올려야만 자신의 블로그에 올라온 최신글을 확인할 수 있습니다. 플래시는 보안규칙이 적용이 되서 플래시와 RSS 웹페이지 도메인 주소가 같아야 합니다. 자신의 블로그 RSS 주소가 http://factor.kr/rss 라면, 플래시 주소는 http://factor.kr/attachment/co473.swf 와 같이 도메인 주소가 같아야 RSS 를 플래시가 읽어낼 수 있습니다. 그리고 외부 웹페이지에서 자신의 블로그 최신글 위젯을 사용해야 할 경우 파라메터에 블로그 주소를 대입해야 합니다. 아래 예제를 참고하세요.
게임 웹진 머드포유에 3가지 플래시 블로그 위젯을 적용했습니다. 머드포유 게임 뉴스기사를 공유할 수 있도록 플래시 북마크 꾸러미 위젯을 부착했으며, 와글 커뮤니티 메인에 플래시 전광판 위젯을 적용했고 갤러리 목록 베스트 이미지는 플래시 이미지 슬라이더 위젯을 활용했습니다.
6월에 공개했던 플래시 북마크 버튼 모음에 인기 포스트 정보를 수집할 수 있는 기능을 추가했고 인기 포스트들을 공유 할 수 있는 블로그 랭크라는 페이지를 오픈했습니다. 최근에 등록된 글, 오늘 많이 읽은 글, 오늘 관심 받은 글 3가지 기준으로 구성되어 있고 플래시 북마크 버튼 모음이 부착된 블로그의 포스트들이 등록될 수 있습니다. 북마크 버튼 모음에 포스트별 today, yesterday, total 중 일부 또는 전부를 표시할 것인지를 고민하다가 일단 보류했습니다. 좀더 고민하고 의견을 반영해서 결정하게 될 것이며 차후에 인기 포스트 공유 페이지 블로그랭크 역시 몇몇 아이디어를 접목해서 업그레이드 하게 될 것입니다.
아래는 플래시 북마크 버튼 모음 플래시바에 대한 설명입니다.
[플래시바] 북마크 공유 사이트에 블로그 포스트를 쉽게 등록할 수 있는 북마크 모음(꾸러미)을 제공하는 곳들이 있다. 붐바, 리플바라는 것들이 있는데 개인적으로 플래시를 즐겨쓰는 관계로 플래시로 제작한 북마크 모음을 만들게 되었으며 아래의 플래시(flash)에서 확인할 수 있다. 오늘도 역시 갑자기 북마크 꾸러미을 만들어야 겠다는 생각을 하게되어 오전중에 뚝딱거리며 만들었다. 아직 이름도 정하지 않은 무명의 플래시 북마크 모음이지만 사용하기에 나쁘지 않을 것 같다. 제일 오른쪽 버튼을 누르면 개발 페이지로 건너올 수 있으며 의견과 아이디어를 댓글로 남길 수 있다. 앞으로 쓸만한 기능들이 더 추가될 수 있도록 블러거님들의 관심을 기대해 본다.^^
[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 인코딩된 빨간색 부분만 가져와서 태그에서 사용합니다. 빨간색 처럼 인코딩이 되지 않은 값을 사용하는 경우 제대로 정보 전달이 안될 수 있습니다. 태그 입문자의 경우 다소 어려워 보일 수 있지만 차근 차근 따라해 보시면 완성할 수 있습니다.
스타크래프트2 테란,프로토스 추가 유닛 동영상이 있네요. 그래서 스타크래프트2 유닛 보기 위젯에도 추가했습니다. 유닛 4종, 프로토스 다크템플러(darktemplar), 마더쉽(mothership), 테란 벤시(banshee), 토르(thor)가 소개되고 있습니다. 마더쉽, 벤시, 토르는 스타크래프트2에 새로 추가된 유닛이며 자세한 유닛에 대한 소개는 스타크래프트2 홈페이지에 가시면 설명과 함께 플래시 동영상을 볼 수 있습니다. 새로운 유닛들의 추가로 스타크래프트 실제 경기의 전술에 어떤 변화가 생길지 궁금해지는군요.
댓글을 달아 주세요
그림이 바뀌면서..멋있습니다.
안녕하세요
와-_-;;; 멋지시다
이글은 태그공개 안해주시나바용 ㅠ_ㅠ
관리자만 볼 수 있는 댓글입니다.