티스토리 첨부파일 이미지 테두리 없애기, 만들기(굵기 색상) 설정

티스토리에 사진 이미지을 업로드한 첨부파일 이미지 테두리 없애기, 굵기 색상 변경하는 방법입니다.

티스토리 관리 페이지, HTML 스킨 편집의 style.css입력란에서..
imagebox 부분을 찾으세요... (키보드 ctrl, f키를 동시에 누르면 찾기 할수있습니다.)
아래 소스를 삽입해줍니다.

   .imageblock  img    { border:1px solid #cccccc;}

board:1px에서 1px는 이미지 테두리 굵기입니다.
테두리를 없애고 싶으면 0px로 입력하세요  .imageblock  img    { border:0px solid #cccccc;}
#cccccc는 색상코드입니다.. 

.imageblock img에서 img를 빼면 첨부파일 모두 해당됩니다...
아래와 같이 css를 수정하면 첨부파일 모두 1픽셀 굵기의 테두리가 생기게 됩니다.
(예- 이미지 zip파일, exe파일 모두 이미지나 링크에 박스 테두리가 생김.)
 .imageblock      { border:1px solid #ddd;padding:3px; margin:5px 0; text-align:center; margin:5px 0;}


 티스토리 관리자메뉴 (티스토리아이디.tistory.com/admin)에 접속해서 스킨 - html/css편집을 클릭하세요

 

오른쪽 프레임의 css메뉴를 클릭하고 편집하면 됩니다.

아래와 같은 방법으로 style.css 소스를 수정해주면 됩니다.

.imageblock { max-width: 100%; }

.imageblock img { max-width: 100%; height: auto; border:1px solid #ccc;

}

#imageblock { max-width: 100%; }

#imageblock img { max-width: 100%; height: auto; }

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

2017/11/06 19:03 2017/11/06 19:03



이름 암호 비밀글