티스토리 본문 이미지 조절 짤릴때 해결하는 방법 알아보자.

이번에는 티스토리 스킨을 변경하다보면 이미지를 업로드하게된 사진이 짤리는 경우가 생기게 됩니다.

예를 들어...

잘 보이시나요 ? 우리의 크롱이 오른쪽 해먹있는 부분이 오른쪽 메뉴부분과 짤려서 노출되게 됩니다. 이렇게 되면 이미지가 한 화면에 모두 나타나지 못하는 결과가 됩니다. 그러면 이미지의 모든 크기를 전달할 수가 없죠.

소스 코드는 아래와 같습니다.

img {max-width: 100%; height:100%;}

  span.imageblock {max-width: 100%;}

위의 부분을 Style.css 파일에 추가해 주기만하면 됩니다. 참 쉽습니다. HTML/CSS 편집에 들어가셔서 CSS 메뉴를 누르시고 위의 소스를 추가하시면 됩니다.

소스 수정하는 방법은 너무 간단하지만 다음에 간략하게 설명드리겠습니다. 위와 같이 수정 하셨다면 한번 결과물을 보시죠.

자 이제 아시겠죠 ? 오른쪽에 보이지 않는 이미지까지 모두 노출되고 있습니다. 생생하게 이미지를 모두 전달할 수 있습니다.  간단한 팁이라고 생각하실 수 있지만 소수의 모르는 분들을 위해서 알려드렸습니다.^^;

 함께 보면 좋은 포스팅

티스토리 스킨 메뉴 추가/삭제/이동하는 방법에 대해서 알아보자. 팁 ! 
티스토리 카테고리 메뉴 접기/펼치기 설정 하는 방법에 대해서 알아보자 !