블로그 이미지
레전드K
블로그를 말하고 즐기며 사랑합니다. 블로그 상식, 블로그 저작권, 블로그 테크닉, 블로그팁, 블로그 홍보, 블로그 수익쉐어, 블로그 위젯등 초보블로거, 블로그 운영을 위한 유익한 정보가 있습니다.

calendar

      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

'스타일시트'에 해당되는 글 1

  1. 2008/01/09 티스토리 블로그 업로드 이미지 테두리 편집하기(12)
티스토리 블로그 이미지 테두리

이미지테두리편집
티스토리 블로그 이미지 테두리 편집하기

티스토리 블로그에 포스트 작성시 이미지를 업로드하면 이미지 테두리에 박스가 생성됩니다. 스킨마다 차이가 있지만, 확인해본 결과 대부분의 스킨에서 이미지 업로드시 아래이미지와 같이 테두리에 박스가 생성됩니다. 만족하시는분도 계시겠지만, 저에겐 다소 지저분해 보여서 테두리를 없애려 합니다. CSS가 조금은 생소하지만 HTML의 자투리 상식만 알고있다면 CSS편집이 그리 어려운 작업은 아닙니다.
업로드 이미지 테두리 CSS편집

STYLE.CSS편집창에서 얼마 내려가지 않아 그림 이라는 글자가 보이는곳이 있습니다.(스킨마다 조금씩 틀리겠지만 비슷한문구를 찾아보시면됩니다.) border:1PX로 되어있는것을 0PX로 바꾸어 주면 테두리 박스가 없어집니다. 색상과 간격도 이곳에서 편집하시면됩니다.

/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { border:1px solid #ddd;  padding:5px;  margin:5px 0;}


그림2개 배치, 3개배치시 설정도 이곳에서 하시면됩니다.
아래는 변경후 캡쳐 입니다. 한층 깔끔해 보이는 나만의 생각^^;

티스토리 블로그 이미지 테두리 조정하기
 티스토리 블로그 이미지 테두리 조정하기 간단한 팁이였습니다.


posted by 레전드K
prev 1 next