티스토리 이미지에 테두리 일괄추가 무작정따라하기

<테두리 없는 이미지>

흰바탕에 흰그림이라

어디가 경계인지 알 수 없습니다.

이미지가 많아질수록 더 심해집니다..

 

 

<테두리 추가 이미지>

경계가 확실해졌죠?^^

자 이제 하는법을 알려드릴게요..

 

 

 

1.

관리 -> HTML/CSS 편집을 누릅니다.

 

 

 

2.

CSS를 누른 후 Ctrl+F를 눌러 img입력 후 엔터

 

본문의 출력을 담당하는 곳을 찾아야합니다.

자신의 스킨에 따라서 .skin_view가 아닐수도 있습니다.

 

} 바로앞에 아래 코드를 추가하고 저장을 누릅니다.

; border:2px solid #000000

검은색테두리 2픽셀의 두께입니다.

원하시는 두께와 색상을 조절하시면됩니다.

 

색상은 아래 링크를 참고하세요

html색상표

 

이제 티스토리의 모든 본문의 이미지에 테두리가 추가되어 있을겁니다.

 

 

 

3.

글 목록의 이미지도 경계가 뚜렷하지 않군요?

여기에도 테두리를 한번 추가해 보겠습니다.

 

 

 

4.

CSS를 누른 후

thumbnail을 검색해서 리스트 출력 부분을 찾아봅니다.

스킨에 따라 다른이름으로 되어있을수도 있습니다.

 

} 바로앞에 아래 코드를 추가합니다.

; border:1px solid #000000

이미지가 작기때문에 이번에는 1픽셀으로 테두리를 얇게 추가하였습니다.

 

 

 

5.

완료되었습니다!

이제 흰바탕에 흰그림이라도 두렵지않습니다^^