TISTORY Life Stand II(Purple) 스킨 수정 (사이드바)

최근에 스킨을 변경했는데 Life Stand II(Purple)이었습니다.

그런데 이 스킨에 대한 자료들이 많지 않았습니다.

그래서 다른 분들과 공유를 했으면 좋겠다 싶어 설명 드립니다.

설명 드리는 부분은 사이드바를 중심으로 설명 드리며, 폰트색상, 배경색 수정 및 타이틀 밑줄 등에 대하여 설명 드립니다.

아래에 설명하는 부분은 style.css를 찾아 보시면 수정할 수 있습니다.

 

1. 본문 타이틀 폰트 색상 바꾸기.

.titleWrap h2 a {
 display:block;
 margin-bottom:1px;
 font:bold 14px/18px Dotum, sans-serif;
 color:#fff;
}

----> #fff를 사용하고자 하는 본문 타이틀 폰트색상으로 수정 해주세요.

 

2. 사이드바 배경색 바꾸기.

.categoryBg .bgTop {
 width:153px;
 background:transparent url(images/category_top.gif) no-repeat;
 padding:22px 0 15px 13px;
}

----> transparent url(images/category_top.gif) no-repeat   이부분을 지우고 #으로 시작하는 색코드를 입력해주세요.

 

3. 사이드바 최신글, 최신댓글목록 타이틀 폰트색상 바꾸기.

#sidebar a {
 color:#AEB7D0;
 font:12px/18px Dotum, Helvetica, Arial, Gulim, sans-serif;
}

----> :#AEB7D0를 사용하고자 하는 본문 타이틀 폰트색상으로 수정 해주세요.

 

4. 사이드바 카테고리 타이틀 밑줄 제거하기.

#category ul li ul li ul li {                        
 border-bottom:1px solid #4A4E66;
 width:140px;
 background-image:none !important;
}

윗 부분 전부 제거하면 소제목 밑줄을 제거할 수 있습니다.

 

 

#category ul li ul li ul {    
 border-top:1px solid #4A4E66;
}

윗 부분 전부 제거하면 중간제목 밑줄을 제거할 수 있습니다.

 

5. 사이드바 카테고리 타이틀 폰트색상 바꾸기.

#category  ul li a,
#category  ul li a:hover {
 color:#D9CDFF;      ----->  분류 전체보기 폰트 색상.

 

#category ul li ul li a,
#category ul li ul li a:hover {
 color:#D5DEF7;      -----> 큰 제목폰트 색상.
}

 

#category ul li ul li ul li a,
#category ul li ul li ul li a:hover {
 color:#A9B2CB;        -----> 소 제목폰트 색상.
}