check / 사용하던 스킨 백업 해 놓기.

티스토리 #2 스킨 사이드바 3단에서 2단으로 수정하기

티스토리 #2 스킨에서는 좌측 상단을 클릭해서

사이드바를 열어 볼 수 있다.

기본적으로 3단 사이드바를 지원하기 때문에 화면 구성이 답답해 보여서

사이드바를 2단으로 줄이는 방법을 찾아봤다.

코드 수정을 위해 “블로그 관리” – “HTML / CSS 편집”에 들어간다.

<div class="wrap_etc">
                                <div class="col_aside left_side">
                                <s_sidebar>

우선 HTML의 70줄 부근에 보면 <div class=”wrap_etc”> 를 찾을 수 있다.

여기서 우리는 바로 아래 줄의 <div class=”col_aside left_side”> 를 수정해야 한다.

<div class="wrap_etc">
                                <div class="col_aside right_side">
                                <s_sidebar>

위와 같이 <div class=”col_aside left_side”> 의 left를 right로 수정한다.

</s_sidebar_element>
                                </s_sidebar>
                                </div>


                                <div class="col_aside right_side">
                                <s_sidebar>
                                    <s_sidebar_element>
                                        <!-- 달력 -->

그 다음, 120줄 근처 <!– 달력 –> 위의 <s_sidebar_element> 를 찾는다

</s_sidebar_element>
                                </s_sidebar>

                                <s_sidebar>

                                    <s_sidebar_element>
                                        <!-- 달력 -->

그 위에 있는 </div> 부터 <div class=”col_aside right_side”> 까지를 지워준다.

.wrap_skin.navi_on {padding-left:960px}

이번엔 CSS로 들어가 40줄 부근의 .wrap_skin.navi_on 을 찾는다

.wrap_skin.navi_on {padding-left:640px}

{padding-left:960px} 를 {padding-left:640px} 으로 수정한다.

.navi_on .wrap_sub{width:960px}

마지막으로 80줄 부근의 .navi_on .wrap_sub{width:960px} 를 찾아서

.navi_on .wrap_sub{width:640px}

{width:960px} 를 {width:640px} 로 수정하면 끝이다.

2단으로 수정이 끝난 사이드바.

한결 깔끔해진 느낌이다.

tip / 사이드바 플러그인은 “사이드바1″에 몰아 넣기.