태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.
    블로그가 있다면 누구나
티스토리 블로그 이미지 테두리

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

티스토리 블로그에 포스트 작성시 이미지를 업로드하면 이미지 테두리에 박스가 생성됩니다. 스킨마다 차이가 있지만, 확인해본 결과 대부분의 스킨에서 이미지 업로드시 아래이미지와 같이 테두리에 박스가 생성됩니다. 만족하시는분도 계시겠지만, 저에겐 다소 지저분해 보여서 테두리를 없애려 합니다. 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개배치시 설정도 이곳에서 하시면됩니다.
아래는 변경후 캡쳐 입니다. 한층 깔끔해 보이는 나만의 생각^^;

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


댓글을 달아 주세요

  1. 아~ 이렇게 설정하면 되는 거군요 :)
    다음에 테두리를 넣고싶으면 1px 빼고싶으면 0px ^^
    좋은팁 감사드리며 잘 사용할께요 :)

  2. 은근히 신경이 쓰였는데 우연히 여기서 해법을 찾았네요. 감사합니다.~~~

  3. 완전 감사해요. 저 이거 무지 찾았다는 ㅠㅠ

  4. 이 방법 엄청 찾아헤맸습니다 ㅠㅠ
    감사해요 ㅠㅠ

  5. 제이제이 2008/08/17 00:54  수정/삭제 댓글쓰기 댓글주소

    감사합니다~~ 저에게 유용한 정보가 되었네요.. ^^

  6. ㅀㅇㄹ회ㅏㄴㅇㄹ