티스토리 반응형 스킨 #2 사이드바 두 줄로 수정하기

티스토리에서 2016년에 출시된 #2라는 스킨으로 이것저것 만져보고 있는 중인데, 

먼저 #2스킨에서 가장 거슬리는게 아래 그림과 같이 사이드바가 세 줄로 출력되는 점이었다.

해상도에 따라서 달라지기는 하지만, 맥북 13인치에서 볼 때 사이드바가 본문을 과도하게 가리는 느낌이 있어 이 부분을 수정해보았다.

혹시 만약 이 글을 따라서 수정해보고 싶다면 먼저 기존의 페이지를 백업해두기를 권장합니다.

먼저 블로그의 관리 페이지에서 HTML/CSS 편집을 클릭한 후, html 코드에서 71번째 줄의

  <div class="wrap_etc">

                                <div class="col_aside left_side">

                                <s_sidebar>

<s_sidebar_element>

부분을 찾아서 left_side를 right_side로 바꾼다.

그 다음 120줄 근처에 있는

                  </ul>

                                    </div>

                                    </s_sidebar_element>

                                </s_sidebar>

                                </div>

                                <div class="col_aside right_side">

                                <s_sidebar>

                                    <s_sidebar_element>

                                        <!-- 달력 -->

에서 빨간색 부분을 삭제한다.

그다음 css 탭에서 40번째 줄의

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

을

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

로 수정한다.

그다음 83번째 줄의

.navi_on .wrap_sub{width:960px}

부분을

.navi_on .wrap_sub{width:640px}

로 설정한다.

이렇게 하면 위와같이 두 줄로 바뀐다.