2013년 8월 28일 수요일

동적뷰 사이드바뷰에서 글 목록 너비 설정하기

그림1

그림2

그림3

동적뷰의 사이드바 뷰에서 왼쪽 글 목록의 너비(width)를 <그림2>나 <그림3> 처럼, 좁게 또는 넓게 설정해주는 코드입니다.

 .sidebar #sidebar{  
 width: 250px !important;  
 }  
 .sidebar #content{  
 margin-left: 250px;  
 }  

코드 삽입 위치는 [대시보드 → 템플릿 → 맞춤설정 → 고급 → CSS추가] 이고, 코드의 출처는 해외 블로거 +Yogaratnam N. 님의 블로그 Southernspeakers.net 입니다.

코드를 삽입할 때 250px 이라고 적혀있는 부분을 자신이 원하는 너비의 값으로 수정해주면 됩니다. 참고로, 두 수치는 반드시 일치해야 합니다. 예를 들어서, 왼쪽 글목록의 너비를 150px로 하고 싶다면 다음과 같이 입력해주면 됩니다.

 .sidebar #sidebar{  
 width: 150px !important;  
 }  
 .sidebar #content{  
 margin-left: 150px;  
 }  



댓글 1개:

  1. 제가 찾던 정보가 여기 다 모여있네요^^
    좋은 정보 감사합니다.

    답글삭제