제목: 이 블로그에서 사용하는 스크립트 [] | 작성일: 2010. 11. 22. 14:40 |
티스토리와 같은 개방형 블로그의 가장 큰 특징은
Javascript,CSS와 같은 스크립트를 적용할 수 있다는 점이다.
HTML 수정 뿐만이 아니라, 이런 스크립트 수정을 통해
블로그를 좀 더 멋지게, 개인의 취향에 맞게 꾸밀 수 있다.
필자의 블로그에서도 이런 스크립트를 많이 사용했는데
함께 공유하는 차원에서 몇가지 스크립트를 공개한다.
1. 깔끔한 방식의 드롭 다운 메뉴
해외에서 퍼온 드롭다운 메뉴 스크립트이다.
메뉴, 색상등을 커스터마이징 할 수 있다.
소스코드가 매우 긴 관계로 파일을 첨부하였으니
아래 첨부파일을 이용하길 바란다.
drop1.txt2. 클릭형 방식의 드롭 다운 메뉴
블로그 관리 및 이웃 블로거들을 등록하기 위해 고안한 스크립트
1번의 기능을 조합하여 직접 새롭게 만들었다. 클릭에 따라 메뉴가 오픈되는 것이 특징
방문자보다도, 관리자 입장에서 쓰면 참 편한 스크립트이다.
3. 간단한 호버 스크립트
링크에 마우스를 올리면, 색상이나 크기가 변한다.
그저 2줄이면 되는 아주 간단한 스크립트
<div id="wiinemo">
<a href="주소">링크1<br>
<a href="주소">링크2</a>
</div>
#wiinemo a {font: 11px arial; text-decoration: none; color: #222222;}
#wiinemo a:hover {font: 15px arial; text-decoration: none; color: #5555DE;}
저런식으로 쓰면 그만이다.
생각보다 간단한 스크립트이지만, 의외로 많이 쓴다.
직접 알아서 수정해서 사용하도록 하자.
4. IE 6.0용 PNG 이미지 투명 채널 (알파 채널) 지원 스크립트
위와 같은 PNG 그림 파일에는 투명(알파) 채널이 지원되는데
IE6.0 이전 버젼의 브라우져에서는 제대로 작동하지 않는다.
이런 해결책으로 나온것이 IE6.0 용 전용 스크립트이다.
아래 스크립트를 받아서 사용 하면 IE6.0에서도 투명 채널을 확인할 수 있다.
---------------------
스크립트 기능을 잘 쓰면 멋진 블로그를 만들 수 있지만
너무 많은 시간을 스크립트 개량/수정에 치중하지 않도록 하자.
스크립트를 만지작 거리면 필자처럼
블로그 포스팅에 한동안 무심해 지게 된다 ㅡ.ㅡ;
