태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

 
블로그 팁2009.02.15 02:10

현재 사용중인 스킨은 Life In Mono(Light) 이다.

블로그 제목처럼 사진위주로 블로그를 운영해 나갈려고 하고...사진 커뮤니티에서 많은 활동을 하다보니...

작은 사진은 답답해서 적응이 되질 않는다.



관리자 창에서 스킨을 선택하면...현재 사용중인 스킨에 대한 설명이 나와 있다.

Life In Mono(Light)의 본문 컨텐츠의 가로 폭은 683에 최적화 되어 있다고 나와 있다.

지금은 본문컨텐츠의 가로 폭을 783으로 조정해서 사용중이다.

폭이 긴 가로사진의 경우 어쩔수 업지만 세로사진은...리사이즈로 인한 사진 깨짐 현상이 없어져서 만족하며 사용중이다.

간단하게 본문 컨텐츠 가로 폭을 683에서 783으로 바꾸는 방법을 알아 보겠다.

관리자창의 스킨>HTML/CSS 편집 창으로 이동한다. 

style.css에서 Ctrl+F를 눌러 post-width값을 모두 찾아서 100을 더한값으로 바꿔주면 본문 컨텐츠 가로 폭이 683에서 783으로 바뀌게 된다.



위의 그림중 맨아래에 보면
 
/* 블로그 레이아웃 */
#header .head-container {width:/*@post-width:267=*/ 1050px /*@*/; margin:0px auto; }

으로 되어 있다. 원래 683 사이즈에서는 950이었던것을 1050으로 바꿔준것이다.

스킨에 스킨위자드가 있으면 스킨 레이아웃의 모든 크기를 683을 기준으로 더하고 빼서 보여주게 된다.

스킨의 원래 가로폭이 683으로 되어 있어서...800으로 바꾸려면 계산이 복잡해지므로...100을 더한 783으로 하고

post-width로 검색된 모든 크기에 100을 더해주면 된다.


지금 사용중인 style.css 파일을 첨부시켰으니 보시면 알것입니다.

style.css 파일을 수정해준후 스킨>화면출력설정에서 본문 가로 폭을 783으로 바꿔주기 바랍니다.

그리고 수정전에 원래 style.css 파일은 꼭 백업 받아놓으세요.

Posted by 재키™

댓글을 달아 주세요

  1. 유용한 정보 감사합니다.
    잘됄수있으면 좋을것 같은데..

    2009.05.15 01:24 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 정말 간단하면서도 아주 유용한 팁인데요?
    감사합니다. 제 블로그에도 소개할게요~

    2009.06.05 22:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 우왕 ㅋㅋ 감사합니다^^; 이것때문에 고민중이었는데 해결되었네요 ㅎ

    2009.07.07 21:52 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. html은 여려운 것이지요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

    2011.01.15 20:59 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 웹사이트 입니다 완전 연극 . I 포기에 I 친구 .

    2012.02.27 11:50 신고 [ ADDR : EDIT/ DEL : REPLY ]