어떤 방문객께서 카테고리 선택시 썸네일 이미지 크기를 크게 하고 싶다는 질문을 하기에 CCZ-CROSS 스킨의 수정에 관한 글을 또 하나 올려본다.
사실 너무 간단한 거라 쓰지 않았는데 ...
누구라도 쉽게 따라할 수 있다.
스킨의 CSS 에서 1314번째 줄에 보면 아래와 같이 되어 있다.
수정해야 할 부분은 모두 세군데이다.
아래에 수정할 부분을 표시해 두었으니 설명대로 모두 수정하면 된다. 썸네일의 이미지 크기는 기본 스킨에서는 25%로 설정되어 있고 현재 이 블로그에서는 35%로 되어 있다. 모바일의 경우는 기본이 35%으로 되어 있어 수정하지 않았다.
CSS 수정하기
@media (orientation: landscape), (min-width: 768px) {
.has-object {width: 25%;} /* 25% 를 원하는 수치로 변경해준다.*/
.list-row {padding-top: 25px; padding-bottom: 25px;}
.has-object + .list-body {top: 25px; bottom: 25px}
.has-object + .list-body .list-head {
display: block;
white-space: nowrap;
max-height: 1.2em;
}
.list-summary,
.has-object + .list-body .list-summary {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: box;
}
.list-meta {margin-top: 15px;}
.pos-right .has-object + .list-body {right: 25%; padding-right: 2em;} /* 25% 를 위에 변경한 수치와 같게 변경해준다.*/
.pos-left .has-object + .list-body {left: 25%; padding-left: 2em;} /* 25% 를 위에 변경한 수치와 같게 변경해준다.*/
}
결과 화면 비교
 width 25% |  width 35% |
5분만에 작성한 글이라.. 좀 성의없긴 하다. -.-;
너무 간단하지 않은가? ㅎㅎ
