티스토리 사이드바 스킨 수정팁-동일하게 관리하기

질문을 하셔서 전문가도 아닌제가 이렇게 포스팅합니다. 이건 긴급이 답변을 위해 작성한거니 다소 어설프더라도 이해해주세요.

우선 사이드바에 파란색 상단탭넣기 -- 맞나?

제 스킨에 우측에 보면 최근글, 최근댓글, 각종 링크까지 모두 테두리를 넣고 제목부분에는 이미지 배경을 넣었습니다.

이미지 배경에 사용된것은 아래 이미지입니다.

스킨편집에 보시면 HTML 에서 recentPost 를 찾습니다.

소스가 이렇습니다. 아래 () 는 [] 으로 수정해주어야 합니다.

<div id="recentPost">

<div class="stit"><!-- stit 는 기존에있떤 부분이고 여기에 배경을 넣습니다. -->

<h3>최근에 올라온 글 </h3>

</div>

<div class="box"><!-- box는  테두리를 넣기위해 만든 클래스입니다. -->

<ul>

<s_rctps_rep>

<li>

<a href="(##_rctps_rep_link_##)">(##_rctps_rep_title_##).</a>

<span class="cnt">(##_rctps_rep_rp_cnt_##)</span>

</li>

</s_rctps_rep>

</ul>

</div>

</div>

그리고 위에 이미지를 넣는 css 를 지정하면 됩니다.

css 창에서 아래와같이 지정하면 됩니다.

#recentPost .stit h3 { background:url(images/tab.jpg) repeat scroll 0 0; }

그럼 이미지에 배경이 넣어집니다. 그리고 box 부분에 박스테두리를 넣어줍니다.

비슷한색으로 넣어주면 좋습니다.

#recentPost .box { border:1px solid #7A8FAE; }

이러면 테두리를 넣어줍니다.

이것이 골짜고 나머지는 padding 나 margin 으로 공간을 맞추면됩니다.

마찬가지로 사이드바 모든 치환자를 이런식으로 동일하게 지정할수도 잇습니다.

치환자에 대해서는 검색하면 나옵니다.