블로그에 스크롤 메뉴를 달아봅시다
가끔 이웃블로그를 방문할때 스크롤 메뉴가 달려있다면 곧잘 이용하곤 합니다.
스크롤 메뉴는 말 그대로 마우스를 위아래도 스크롤할 수고를 덜어주고 한번의 클릭으로 공간이동(?)을 합니다.
한번 이용해보면 정말 편리하다는 생각을 하죠. 그래서 전 오래전부터 화면의 왼쪽에 보이는 스크롤메뉴를 사용하고 있습니다.
스크롤메뉴 왜 필요할까요?
블로그의 방문자는 크게 두가지 부류로 나눌 수가 있는 것 같습니다.
첫번째는, 무작위로 검색을 통해 유입되는 방문자입니다. 이런 방문자들은 어떤 뚜렷한 주제가 목적을 가지고 해당 블로그를 방문합니다. 따라서 검색으로 찾은 포스트를 다 읽은 뒤에도 블로그의 카테고리 목록을 찾고 비슷한 주제의 포스트를 찾고자 합니다.
일반적으로 블로그의 카테고리들이 상단에 위치하고 있기때문에 마우스를 스크롤하게 됩니다. 이와같은 상황을 고려한다면 자신의 블로그에 검색유입을 통해 들어오는 방문자가 많다면 카테고리 메뉴가 하단에 있는 1단 스킨도 고려해볼만 합니다.
두번째는, 주기적으로 교류하는 블로그 이웃이나 구독자들의 방문입니다. 이렇게 방문하는 블로거들은 주로 댓글을 통한 교류가 비교적 활발합니다. 하지만 댓글을 달기위해서 기나긴 댓글 목록을 아래로 스크롤해야 하는 불편함이 있습니다. 때로는 포스트를 중간 정도만 읽고 바로 댓글창으로 가서 방문의 흔적만 남기고 가기도 합니다. 따라서 이런 방문자들에게는 댓글달기 창으로 바로갈 수 있는 스크롤 메뉴는 아주 편리합니다.
필넷의 블로그라이프에 사용된 스크롤 메뉴는?
seevaa님의 스크롤 따라 움직이는 메뉴를 참고하였습니다. 제 블로그의 스킨과 어울리게 디자인만 수정했습니다. 자세한 내용은 seevaa님의 블로그에서 확인하시면 되겠습니다. ^^
skin.html
scrollmenu.js 가 스크롤 메뉴를 구현하는 자바스크립트입니다. seevaa님이 공개한 소스와 동일합니다.
style.css
#STATICMENU { padding:0; margin:0; position:absolute; z-index:1; background-color:#25251d; width:80px; }
#STATICMENU a { display:block; float:left; padding:10px 15px; color:#FFF; font:12px Trebuchet MS; }
#STATICMENU a:hover { background-color:#cc0000; text-decoration:underline; }
'IT 이야기 > IT Tech' 카테고리의 다른 글
| 다음뷰와 믹시,메타사이트 추천버튼 통합하기 (4) | 2009/09/07 |
|---|---|
| 설치형 텍스트큐브에 구글 검색창(CSE, Custome Search Engine) 설치하기 (4) | 2009/09/04 |
| 블로그에 스크롤 메뉴를 달아봅시다 (6) | 2009/09/04 |
| socketpair 와 pipe 를 통한 프로세스간 통신의 차이점 (7) | 2009/07/31 |
| fork() vs vfork() (8) | 2009/06/14 |
| 분산쿼리를 위한 연결서버(LinkedServer) 구성하기 (0) | 2008/01/10 |
제글이 마음에 드셨다면, 망설이지 말고 RSS로 무료구독하세요. ^^ 
|
|
|
|
|
스크룰 움직이는것 방문자 들이 불편할까봐 안하고 있습니다. tip은 RSS리더기를 통하여
본적이 있는것 같습니다. 필넷님 댓글 입력폼 그거 궁금하네요.
오픈아이디 글쓰기는 어떻케 만드나요? 다만 링크 입력칸이 적네요.
입력은 되지만 한눈에 안보입니다.
그렇지 않아도 입력폼 폭을 늘리려고 생각하고 있다고 잊고 지냈네요.
지적해주셔서 감사합니다. ^^
오픈아이디는 텍스트큐브 플러그인입니다. ^^
좋은글 잘봤습니다. 저도 응용해서 사용해봐야겠네요. 더블클릭도 좋긴하지만, 모르면 못쓸테니까요. 왼쪽에 저렇게 있다면 바로 사용해봄직합니다. 저는 조금 응용해서 사용해볼게요 ^^
안녕하세요 ^^ 좋은글 잘봤습니다. 그런데 말씀해주신데로 적용해보았는데요.
전 특이하게, http://showtam.tistory.com/ 으로 접속하면 적용이되거든요.
그런데, http://showtam.com/ 으로 적용하면 틀이 틀어지고 배경이 투명으로 변해버립니다. 어떻게 방법이 없을까요.? 도통이유를 모르겠습니다 ㅠㅠ
정말 그러네요.
;
뭔가 다른 문제인 듯 싶은데, 잘 모르겠네요.
전 파이어폭스를 사용하는데, 파이어폭스에서는 블로그의 레이아웃이 전체적으로 깨지는군요.
도움이 못되어서 죄송합니다.
안녕하세요. 말씀듣고, 다시 또 다 갈아 엎고 있는 중입니다. ㅠㅠ
다름이 아니라, 쫄쫄이 스크롤 메뉴 소스 좀 부탁드리겠습니다.
이래저래 연구해봐도 안되고요 ^^; 스킨이랑 스타일쪽 수정하신 소스 좀 부탁드려도 될까요? 살짝 수정되신 것 같아서요. 부탁드리겠숩니다