몇일전 블로그 방명록을 통해 양깡님이 "블로그 본문 글씨 크기를 방문자가 조절할 수 있게 하는 버튼"이 필요하다며 제작이 가능하냐고 물어오셔서 응답 겸 플래시 블로그줌(flash blogzoom)이라는 것을 만들어 공개합니다. 블로그줌은 두개의 버튼으로 구성되어 있으며 마이너스 버튼을 누르면 2 픽셀 단위로 텍스트(text) 크기를 줄여주며 플러스 버튼을 누르면 2 픽셀 단위로 텍스트 크기를 늘려줍니다. 현재는 티스토리 같은 태터툴즈 기반의 블로그에만 적용이 되도록 했지만 일반 홈페이지에도 적용되도록 해야할 것 같네요. 버튼 디자인은 조만간 보다 이쁘게 수정하도록 할 생각이며 떠오르는 추가 기능이 생기면 곁들여 보겠습니다. 아래 태그 또는 플래시를 가져다 사용하시면 되며 차후 업그레이드 되더라도 수정 없이 그대로 쓰시면 됩니다. 태그의 빨간색 부분을 수정해서 버튼의 크기를 조절할 수 있으며 파란색 부분이 빠지지 않도록 해야 제대로 동작합니다. 참고로 파란색 부분은 자바스크립트(javascript) 사용을 허가하는 부분입니다. 투명 버튼으로 쓰고 싶으시면 opaque 를 transparent 로 바꾸시면 되며 참고로 opaque 는 플래시 위에 레이어를 무시하고 튀어 나오는 현상을 막아줍니다.
[50 x 25 사이즈 블로그 줌 태그]
<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="50" height="25"><param name="movie" value="http://www.hompydesign.com/club/blogzoom.swf"/><param name="wmode" value="opaque" /><param name="allowScriptAccess" value="always" /><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogzoom.swf width=50 height=25 type=application/x-shockwave-flash quality="high" wmode=opaque allowScriptAccess=always /></object>
[100 x 50 사이즈 블로그 줌 태그]
<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="100" height="50"><param name="movie" value="http://www.hompydesign.com/club/blogzoom.swf"/><param name="wmode" value="opaque" /><param name="allowScriptAccess" value="always" /><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogzoom.swf width=100 height=50 type=application/x-shockwave-flash quality="high" wmode=opaque allowScriptAccess=always /></object>
플래시를 복사해서 붙이는 과정을 잘 모르시는 분들은 "플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가" 게시물의 설명과 동영상을 참고하세요.
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
(0) 
(0)
[50 x 25 사이즈 블로그 줌 태그]
<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="50" height="25"><param name="movie" value="http://www.hompydesign.com/club/blogzoom.swf"/><param name="wmode" value="opaque" /><param name="allowScriptAccess" value="always" /><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogzoom.swf width=50 height=25 type=application/x-shockwave-flash quality="high" wmode=opaque allowScriptAccess=always /></object>
[100 x 50 사이즈 블로그 줌 태그]
<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="100" height="50"><param name="movie" value="http://www.hompydesign.com/club/blogzoom.swf"/><param name="wmode" value="opaque" /><param name="allowScriptAccess" value="always" /><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogzoom.swf width=100 height=50 type=application/x-shockwave-flash quality="high" wmode=opaque allowScriptAccess=always /></object>
플래시를 복사해서 붙이는 과정을 잘 모르시는 분들은 "플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가" 게시물의 설명과 동영상을 참고하세요.
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
(0) (0)트랙백 주소 :: http://hompy.info/trackback/155
-
Subject: [블로거 릴레이] 고마운 웹프로그래머님~!
Tracked from Korean Healthlog 2007/07/04 14:50 삭제블로거 간에 따뜻한 정을 느낄 수 있는 일이 있었다. 내 블로그에 찾아온 손님중 글씨가 작아서 보기 힘들었다고 피드백을 주신 분이 있어 활자 크기를 원하는 대로 변경 할 수 있는 방법이 어디있을까 고민하던중, 내 머리로는 힘들다는 결론을 일찌감치 내리고 웹프로그래머님 홈페이지 (http://hompy.info) 에 방문하여 방명록에 부탁드렸다. 하루가 지난뒤 웹프로그래머님 께서는 블로거줌이라는 멋진 플레쉬를 만들어 공개해 주셨다. 하지만 설치 후 잘..
-
Subject: 홈페이지/블로그 악세사리
Tracked from 날마다 새로운 사건을 꿈꾸는 잡다한 일상 2008/02/26 16:22 삭제오늘 정말 온라인의 무궁무진함에 깜짝 놀라게 되는 날입니다. 가젯, 위젯은 알고는 있었지만 플래시를 이용하여 스크립트를 제어하는 것에 다시 한 번 감탄합니다. 제가 만들고 있던 홈페이지에서 (소규모 모임용 홈페이지입니다.) 글씨크기가 작다고 말씀하시는 분들이 계셔서 아는 한도 내에서 익스플로러의 텍스트크기를 작게, 크게 하는 방법을 알려드렸습니다. (그 홈페이지가 오*에 있어 스크립트의 사용이 불가능했거든요,,,) 그러다 홈페이지에 달력을 넣었으면..