티스토리에서 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}


로 설정한다.



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

  1. jeff제프 2017.10.19 13:37 신고

    감사합니다 :)

  2. 통로- 2018.03.05 09:42 신고

    감사합니다! :-)

+ Recent posts