스킨 수정 관련 팁 모음

2012. 1. 5. 06:00
예전에 발행되었던 글들을 한눈에 볼수 있도록 만들었습니다.
예전에 발행되었던 것들이라 글이 약간 이상할 수도 있습니다만 많은 글들이 있는데도 활용이 안되는 아쉬운 점이 있어 이렇게 정리하게 됐습니다.
아래의 글들만봐도 대략적으로 스킨을 수정하고 꾸미는 방법을 배울수 있습니다.

이글을 정리하면서 예전글들도 한번씩 수정하는 일을 했습니다.
그래도 약간 미흡합니다. 너무 많은 글이라 한번에 수정하기가 어렵더군요.

스킨을 배포하고 배포한 스킨을 수정하는 방법에 대한 글들도 많이 있는데 되도록이면 제외 했습니다. 
예전에 배포했던 스킨을 이제는 배포를 안하고 있기 때문입니다.

사이드바

사이드바에 위젯마다 테두리 넣기 => http://demun.tistory.com/1918
사이드바에 더보기 기능 적용하기 => http://demun.tistory.com/1649
사이드바 링크 드롭다운 메뉴로 깔끔하게 정리하기 => http://demun.tistory.com/1660
카테고리 정렬과 수정방법 => http://demun.tistory.com/1658
티스토리 사이드바 스킨 수정팁-동일하게 관리하기 => http://demun.tistory.com/1498
카테고리 펼쳐보이기/원하는 카테고리만 펼쳐보이기/더보기 기능 => http://demun.tistory.com/919
사이드바 관리,배경 => http://demun.tistory.com/890
검색창 사이드바에 달기 =>  http://demun.tistory.com/1992 
상단에 검색창 달기 =>  http://demun.tistory.com/2104 
float 속성[정렬] IE 해결법 =>  http://demun.tistory.com/1889 
float 를 해결하는 방법 => http://demun.tistory.com/1932 

studiopress adsense 스킨 사이드바 수정하기(최근댓글) => http://demun.tistory.com/1589
studiopress_adsense ver_2 스킨 카테고리 접기 => http://demun.tistory.com/1767
studiopress adsense 스킨 타이틀 이미지로 수정하기 => http://demun.tistory.com/1588

네비게이션 메뉴

메뉴부분 설정하기 2편 => http://demun.tistory.com/1814
메뉴부분 설정하기 1편 => http://demun.tistory.com/1813
수평메뉴바 왼쪽 오른쪽 정렬 마음대로 하기 => http://demun.tistory.com/1771
수평 드롭다운 메뉴바 달기(jquery이용) Horizontal CSS Menus => http://demun.tistory.com/1672
css로 구성된 수평메뉴바 사용하기 => http://demun.tistory.com/1699
멀티 드롭다운 메뉴 달기(Vertical CSS Menus) => http://demun.tistory.com/1616

라바램프(LavaLamp) 메인메뉴 만들기 =>  http://demun.tistory.com/2059 


jQuery 드롭다운메뉴 사용하는 방법-jquery.droppy.js =>  http://demun.tistory.com/2082
수평 드롭다운 메뉴 =>  http://demun.tistory.com/2145
CSS 3 드롭다운 에니메이션 메뉴 =>  http://demun.tistory.com/2161
티스토리 카테고리 메뉴를 드롭다운으로 이용하는 방법 =>  http://demun.tistory.com/2175
수평 드롭다운 메뉴바 달기(jquery이용) Horizontal CSS Menus =>  http://demun.tistory.com/1672
이미지가 필요없는 css 드롭다운 메뉴 Vertical css menu =>  http://demun.tistory.com/1613
티스토리 블로그메뉴를 드롭다운으로 이용하는 방법 =>  http://demun.tistory.com/2174
css 애니메인션 드롭다운 =>  http://demun.tistory.com/2310
css로 구성된 수평메뉴바 사용하기 =>  http://demun.tistory.com/1699

이동

위로 이동버튼 간단하게 삽입하기 => http://demun.tistory.com/1664
스크롤하면 상단으로 올라갈수 있는 버튼 => http://demun.tistory.com/1975
블로그 상하단 이동하기(anchor,앵커) => http://demun.tistory.com/1909
플로팅 메뉴(스크롤하면 따라다니는 메뉴) => http://demun.tistory.com/1910
스크롤을 따라다니는 플로팅 메뉴(floating menu) => http://demun.tistory.com/1909
블로그 상하단 이동하기(anchor,앵커) => http://demun.tistory.com/1706
상.하단 부드럽게 이동하기 => http://demun.tistory.com/1695
상.하 이동 스크립트 => http://demun.tistory.com/195

제목

글제목이나 글의 줄바꿈을 변경하는 방법 => http://demun.tistory.com/1752
블로그 타이틀 이미지로 변경하기 => http://demun.tistory.com/1800
블로그 타이틀 이미지 롤오버 효과내기 => http://demun.tistory.com/1611
제목에 그림자 효과내기 => http://demun.tistory.com/1612
타이틀 제목 플래시 물결로 만들기 => http://demun.tistory.com/913
블로그 타이틀 이미지 롤오버 효과내기 =>  http://demun.tistory.com/1611 

꾸미기

툴팁 Poshy Tip jQuery Plugin => http://demun.tistory.com/1995
한줄공지창 마퀴태그 => http://demun.tistory.com/351
리스트 항목 배경색넣어서 보기좋게 꾸미기 => http://demun.tistory.com/1652
이미지가 필요없는 css 드롭다운 메뉴 Vertical css menu => http://demun.tistory.com/1613
more less 꾸미기 => http://demun.tistory.com/931

구글검색을 내스킨에 맞쳐 꾸며보기 => http://demun.tistory.com/1792
움직이지 않는 블로그 배경 지정하기(패턴으로만든 소녀시대 유리) => http://demun.tistory.com/1690
소녀시대 유리 블로그 배경 패턴으로 만들기 => http://demun.tistory.com/1688

검색창 꾸미기 => http://demun.tistory.com/1604
댓글 배경 꾸미기 => http://demun.tistory.com/1602
댓글창 이미지 넣기 => http://demun.tistory.com/1601
댓글창 위로 올리기 => http://demun.tistory.com/1583

png 이미지파일 IE에서 동일하게 보이기 => http://demun.tistory.com/1848
비밀 카테고리 만들고 다른사람한테는 안보이게 하기 => http://demun.tistory.com/1822
파이어버그(firebug)를 이용해서 블로그 스킨수정하기 => http://demun.tistory.com/1872
블로그에 이메일 버튼 달기 => http://demun.tistory.com/1805

리본 제목 서식 만들기 1 =>  http://demun.tistory.com/2061 
리본 제목 서식 만들기 2 =>  http://demun.tistory.com/2062 

버튼 만들어 주는 사이트 =>  http://demun.tistory.com/1901 
버튼 만들어 주는 사이트(서식 만드는 방법) =>  http://demun.tistory.com/1904 
버튼 만들어 주는 사이트 2편 =>  http://demun.tistory.com/1902 

@font-face kits를 이용하여 버튼 아이콘 만들기 =>  http://demun.tistory.com/2055 
CSS 코드만으로 blockquote 만들기 =>  http://demun.tistory.com/2052 
CSS 코드만으로 대각선 만들기 =>  http://demun.tistory.com/2050 

스킨 적용하는 방법

스킨 변경하는 법(다른 스킨 적용하는법) => 스킨 변경하는 법(다른 스킨 적용하는법)
스킨 변경시 반드시 알아야 할 7가지 => 스킨 변경시 반드시 알아야 할 7가지