웹 디자인/스킨 | Posted by 쿨 제이 2007/11/30 11:13

스킨 컨탠츠영역 너비 넓히기


style.css의 수정으로 쉽게 너비의 크기를 수정하실수있습니다. ( 찾기가 힘들뿐이죠;;; )

1.
간단한 메모장이나 기타 텍스트편집툴로 styles.css 를 엽니다.

2. 가장최근릴리즈기준으로 69번째줄의 .main { width:657px; margin:0 auto;} 의 width값을 원하는 크기의 수치로 변경해주면 1차 수정끝입니다.

3. 추가로 어쩔수없이 사용한 고정값을 준곳을 수정해주면 더 좋습니다.
이렇게 고정값을 2군데가 있는데 첫번째는 태그리스트부분이며, 나머지는 댓글의 내용영역입니다.

태그리스트 : 164번째줄 .content_data_bottom_tag { float:left; width:360px;  height:13px; margin-left:8px; padding-top:9px;  padding-bottom:6px; color:#3d3d3d; } 의 width값을 위 main width값의 변경된수치만큼 +- 해주면 좋습니다. 
( height:13px;가 보일경우 삭제해주세요 다음릴리즈때는 없앨 부분입니다. FF에서 태그가 길경우 레이아웃을 깨는 녀석(?)입니다. )

댓글내용영역
: 198번째줄 .comment_main_data { float:left; width:580px; } 의 width값을 위 태그리스트처럼 변경된수치만큼 +-해줍니다.

댓글의 댓글영역
: .comment_sub_data { float:left; width:560px; margin-top:8px; margin-left:10px; padding-left:14px; background-image:url(./images/comment_subline.gif); background-repeat:no-repeat; background-position:left top; min-height:50px;  }
마찬가지로 +- 해줍니다.

4, 본문의 이미지가 기본적으로 500으로 리사이즈되어보이는 문제는 스킨의 index.xml 를 수정해야합니다. 이안의 contentWidth 값이 500으로 되어있는데 위 너비수정한만큼 +-해주시면 알맞게(?) 수정하실수있습니다.

아이폰으로 TV를 볼 수 있는 페이지 입니다. 개인 소장용 페이지라고 보시면 됩니다. 소문은 내지 마세요. 짤립니다.
※ 아이폰 사파리로 접속하세요. torrento.kr

댓글을 달아 주세요