스킨 수정 관련 팁

 스킨 수정 관련 팁 모음

2012/01/05 06:00 대문 demun

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

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

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

사이드바

사이드바에 위젯마다 테두리 넣기 => 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 

이동

위로 이동버튼 간단하게 삽입하기 => 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가지