티스토리 이미지 테두리 없애는 방법티스토리 이미지 테두리 없애는 방법

POSTED IN "블로그팁" AT 2013.04.17 06:30

이미지 테두리가 있다고 해서 꼭 보기 안 좋은 것은 아니지만, 구현하고자 하는 블로그 디자인에 따라 이미지의 테두리를 없애는 편이 더 깔끔하게 보이는 경우도 있습니다. 하여 오늘 이 시간에 간단한 HTML/CSS 편집을 통해 이미지 테두리를 없애는 방법을 알아보도록 하겠습니다.


Lawlite님의 Whiteground 스킨 이미지 테두리 없애기




1.티스토리 관리 모드의 HTML/CSS 편집으로 들어가 CTRL+F를 입력하여 '/*공통*/' 을 검색해줍니다.




2. 검색을 하게 되면 아래와 같은 부분이 검색됩니다. 표시해놓은 부분을 '변경 후'와 동일하게 수정해주세요.


    변경 전


/*공통*/

h1, h2, h3, h4 {margin:0; padding:0;}

ul, ol {margin:0; padding:0; list-style:none;}

img {border:1px;}       ☜ 변경해주셔야할 부분입니다.

input, textarea{

font:13px NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS;

}


    변경 후 


/*공통*/

h1, h2, h3, h4 {margin:0; padding:0;}

ul, ol {margin:0; padding:0; list-style:none;}

img {border:none;}         ☜ 이와 같이 'none'으로 변경해주세요.

input, textarea{

font:13px NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS;

}


일반적인 티스토리 스킨 이미지 테두리 없애기


1. 관리자 모드의 HTML/CSS 편집 모드에서 CTRL+F를 입력하여 '/*그림*/'을 검색해줍니다. 

※ 검색되지 않을 경우, 'imageblock' 으로 검색을 시도해보세요.




2. 그러면 아래와 같은 부분을 찾으실 수 있을겁니다. 표시해놓은 부분을 '변경 후'와 동일하게 수정해주세요.


    변경 전


/* 그림 */

 .imageblock      { border:1px solid #ddd;padding:3px; margin:5px 0; text-align:center; }

                                    ▲ 이부분을 수정해야 합니다.


    변경 후


/* 그림 */

 .imageblock      { border:0px solid #ddd;padding:3px; margin:5px 0; text-align:center; }

                                    ▲ 1px을 이와 같이 0px로 수정해줍니다.


이상입니다. 도움이 되셨나요?


  1. 저도 없앤 후에 사용 하고 있답니다~
  2. 이미지 테두리 없애는 방법 알려주셔서 감사합니다^^
    너무 잘 보고 갑니다!
  3. 오, 좋은 글입니다. 티스토리를 쓰다보면 사진에 자동적으로 쳐지는 테두리가 불편하게 느껴지거든요.
    티스토리 시작하는 분들에게 정말 유용할 듯.. :) ㅎ~~
  4. 테두리 없애는 방법 잘 배우고 갑니다.
    늘 행복하세요^^
  5. 이미지 테두리 없애는법 잘 알고 갑니다~
    즐건 하루 되시길 바래요`
  6. 이미지 테두리 없애는법 잘 알아 갈께요 ㅎㅎ
    멋진 하루가 되셔요!!
  7. 이미지 테두리 제거법 잘 알아 간답니다~ ^^
    알찬 주말이 되세요~
  8. 이미지테두리 없애는 법 배우고갑니다
  9. 이미지 테두리 없애는법에 대해 많이 배워갑니다..^^*
  10. 도움되는 정보주셔서 감사합니당^^ 글 잘보구 갑니당^^
  11. 비밀댓글입니다
  12. 오오... 큰 도움 되었습니다! ㅎ
  13. 덕분에 잘 배워갑니다~
    오늘도 행복하시길 바래요~

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기