블로그 글자 크기를 조절하는 버튼, 플래시 블로그줌

플래시 작품 2007/07/04 08:48
TAG , , , , , , , , , ,
몇일전 블로그 방명록을 통해 양깡님이 "블로그 본문 글씨 크기를 방문자가 조절할 수 있게 하는 버튼"이 필요하다며 제작이 가능하냐고 물어오셔서 응답 겸 플래시 블로그줌(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)
트랙백 2개, 댓글 19개가 달렸습니다.

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

  1. Subject: [블로거 릴레이] 고마운 웹프로그래머님~!

    Tracked from Korean Healthlog 2007/07/04 14:50  삭제

    블로거 간에 따뜻한 정을 느낄 수 있는 일이 있었다. 내 블로그에 찾아온 손님중 글씨가 작아서 보기 힘들었다고 피드백을 주신 분이 있어 활자 크기를 원하는 대로 변경 할 수 있는 방법이 어디있을까 고민하던중, 내 머리로는 힘들다는 결론을 일찌감치 내리고 웹프로그래머님 홈페이지 (http://hompy.info) 에 방문하여 방명록에 부탁드렸다. 하루가 지난뒤 웹프로그래머님 께서는 블로거줌이라는 멋진 플레쉬를 만들어 공개해 주셨다. 하지만 설치 후 잘..

  2. Subject: 홈페이지/블로그 악세사리

    Tracked from 날마다 새로운 사건을 꿈꾸는 잡다한 일상 2008/02/26 16:22  삭제

    오늘 정말 온라인의 무궁무진함에 깜짝 놀라게 되는 날입니다. 가젯, 위젯은 알고는 있었지만 플래시를 이용하여 스크립트를 제어하는 것에 다시 한 번 감탄합니다. 제가 만들고 있던 홈페이지에서 (소규모 모임용 홈페이지입니다.) 글씨크기가 작다고 말씀하시는 분들이 계셔서 아는 한도 내에서 익스플로러의 텍스트크기를 작게, 크게 하는 방법을 알려드렸습니다. (그 홈페이지가 오*에 있어 스크립트의 사용이 불가능했거든요,,,) 그러다 홈페이지에 달력을 넣었으면..

댓글을 달아 주세요

  1. 러브♡제로 2007/07/04 09:34  댓글주소  수정/삭제  댓글쓰기

    이야 멋진걸 만드셨군요.
    이걸로 포스트의 가독성이 한층 향상? ㅋ

    • 웹프로그래머 2007/07/04 09:52  댓글주소  수정/삭제

      블로그를 이용하다보면 글자 크기가 너무 작게 바뀌는 경우가 있을때 필요할 겁니다. 브라우져 메뉴에서 찾아서 사용하거나 단축키로도 할 수 있지만 버튼이 있으면 조금 편리하긴 하겠죠? 여튼 멋지다고 해주시니 감사합니다.^^

  2. freeism 2007/07/04 09:55  댓글주소  수정/삭제  댓글쓰기

    히야~ 정말 멋지십니다.
    요즘 트랜드와 딱 맞는[?] 그런 가젯이라고나 할까요? ^^
    이런거 척척 만드시는 모습이 부럽습니다. ㅠㅠ)b

  3. 양깡 2007/07/04 11:59  댓글주소  수정/삭제  댓글쓰기

    웹프로그래머님~ 사랑해요~ ^^ (징그럽나요~?)

    감사합니다. 정말 존경스럽기도 하고요~!

    • 웹프로그래머 2007/07/04 13:34  댓글주소  수정/삭제

      여성 분이면 감사하며... 남성 분이면 다음 세상에서...^^

      좋아하시는 걸 보니 저도 기쁩니다.

  4. 양깡 2007/07/04 13:29  댓글주소  수정/삭제  댓글쓰기

    웹프로그래머님, 죄송한데 제 블로그에서 작동이 안됩니다. 익스플로러와 파이어폭스 모두 작동이 안됩니다. 아이콘은 이쁘게 나오는데 클릭해도 변화가 없어요.

    설치 방법에 대해 안내해주신 글을 여러번 읽고 주의사항을 다시 확인했는데 안됩니다.

    설치 위치는 **블로그줌**[ #_article_rep_desc_# ]**북마크꾸러미** 이렇게 했거든요.

    혹시 왜 안되는지 알려주실 수 있을까요?

    • 웹프로그래머 2007/07/04 13:35  댓글주소  수정/삭제

      네이트온 메신져 쓰시면 이메일을 비밀댓글로 알려주세요. 친구 등록하고 원격 접속해서 원격 지원 해드리겠습니다.^^

  5. 비밀방문자 2007/07/04 13:46  댓글주소  수정/삭제  댓글쓰기

    관리자만 볼 수 있는 댓글입니다.

  6. 소두마빈 2007/07/05 12:58  댓글주소  수정/삭제  댓글쓰기

    오호.. 좋은 기능입니다.

  7. 비밀방문자 2007/07/05 13:19  댓글주소  수정/삭제  댓글쓰기

    관리자만 볼 수 있는 댓글입니다.

    • 웹프로그래머 2007/07/05 13:39  댓글주소  수정/삭제

      네^^ 좋은 프로그램들이라고 해주시니 감사할 따름입니다.

  8. 여행용칫솔 2007/08/15 23:45  댓글주소  수정/삭제  댓글쓰기

    안녕하세요.
    제가 만드는 스킨에 블로그줌 버튼을 달고 싶은데요
    그 스킨을 배포하려면 저작권을 어떻게 표시하면 될까요?

    • 웹프로그래머 2007/08/16 08:36  댓글주소  수정/삭제

      여행용칫솔님, 사용하셔도 됩니다. 저작권은 따로 표기 하지 않아도 좋습니다.

    • 여행용칫솔 2007/08/16 10:44  댓글주소  수정/삭제

      감사합니다.
      배포글에는 프로그래머님 출처를 밝히겠습니다.

  9. holdingu 2007/08/17 09:56  댓글주소  수정/삭제  댓글쓰기

    와~멋진걸요...감사합니다.
    좋은 재주도 트렌드에 맞아야 빛을 발한다던데, 그 재주 많이 빛내주세요.
    님의 재주가 빛나기 좋은 시기 같습니다.

  10. 여행객 2007/09/12 17:10  댓글주소  수정/삭제  댓글쓰기

    일반홈피에서도 사용할수는 없나요??

  11. 잡학소식 2008/08/14 11:51  댓글주소  수정/삭제  댓글쓰기

    ^^
    정말, 감사합니다.

    잘쓸게요~^^

◀ 이전페이지 1 ... 329 330 331 332 333 334 335 336 337 ... 485 다음페이지 ▶