티스토리 반응형#2스킨 사이드바를 3단에서 2단으로 수정하자

티스토리 반응형#2스킨에 글목록/방명록/이웃추가 넣기

티스토리 반응형#2스킨에 PC화면좌측 방문수 추가하는 방법

티스토리 반응형#2스킨에 모바일 하단에 방문수 추가하는 방법

티스토리 반응형#2스킨에 모바일 하단 꾸미기 글쓰기,관리자 아이콘 추가하는 방법

반응형 #2의 기본 사이드바는 3단입니다. 이 사이드바가 PC화면에서 매우 불편하다는 것을 깨달았습니다.

그래서 이 사이드바 3단을 2단으로 수정을 했습니다.

수정을 시도하기 전에, 기존 스킨을 백업하시는 것을 추천합니다.

2단으로 수정하는 방법

기존 3단은 화면을 과도하게 꽉채운다는 느낌이 강합니다.

그래서 이 3단 사이드바를 2단으로 수정하였습니다.

사이드바수정.txt

HTML/CSS 편집을 클릭한 후, html 코드에서 저는 126번째 줄에 위치하고 있지만, 공지사항이라고 검색을 하시면 금방 찾을 수 있을 것 같습니다.

위의 첨부한 파일의 코드를 참고하여 위의 위치로 찾아갑니다.

  <div class="wrap_etc">

                                <div class="col_aside left_side">

                                <s_sidebar>

<s_sidebar_element>

부분을 찾아서 left_side를 right_side로 바꾸세요

                  </ul>

                                    </div>

                                    </s_sidebar_element>

                                </s_sidebar>

                                </div>

                                <div class="col_aside right_side">

                                <s_sidebar>

                                    <s_sidebar_element>

                                        <!-- 달력 -->

그리고 ctrl+f로 달력을 검색하셔서 위와 동일한 코드를 찾아갑니다.

위의 빨간색 코드를 지워주세요

그리고 CSS코드를 수정합니다.

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

.navi_on .wrap_sub{width:960px} ->.navi_on .wrap_sub{width:640px}

위와 동일하게 수정을 하면 3단 사이드바가 2단으로 수정이 됩니다.