티스토리블로그의 기본스킨 중에서 몇몇 스킨을 이용하면, 아래 사진처럼 글을 쓰기 위해 이미지를 업로드하면, 자동으로 테두리선이 만들어지는 경우가 있는데요. 이럴 경우 스킨의 가로폭과 글쓰기 가로폭을 조정해 줘야 테두리가 잘리지 않고 보이게 됩니다. 이러한 테두리를 원하지 않을 경우, 없애는 방법이 있는지 궁금하지 않을 수 있는데요. 이번 시간에는 이미지 테두리선을 지우는 방법에 대해서 알아보겠습니다.
이미지 테두리선을 없애기 위해서 관리자 화면으로 이동합니다. 관리자화면으로 들어가는 버튼이 블로그의 사이드바 등에 없는 경우에는 화면 맨 아래쪽에 보시면 "관리자"를 확인할 수 있어요. 관리자화면로 이동했으면 왼쪽 메뉴바에서 "꾸미기 >> HTML/S편집"을 클릭해 줍니다.
HTML/CSS편집화면에서는 skin.html과 style.css 의 두 화면을 보실 수 있는데요. 여기에서 style.css에 있는 "imageblock" 을 찾아서 수정해 주시면 됩니다. 쉽게 이 부분을 찾는 방법은 키보드의 Ctlr키와 F키를 동시에 누르면 찾기 입력란이 나오는데요. MS 익스플로러와 크롬 등의 웹브라우저마도 위치는 다르지만, 윗쪽에 좌우에 보시면 입력란을 찾을 수 있습니다.
"imageblock" 을 찾은 후 { border:1px solid #ddd; padding:5px; margin:5px 0;} 에서 border:1px를 border:0px로, padding:5px를 padding:0px로 수정한 후 저장버튼을 누르면 됩니다. 저장 하기 전에 미리보기로 변화된 부분을 확인한 후에 저장하는 방법을 추천드립니다.
이렇게 수정을 하면 아래 화면처럼 테두리가 사라진 이미지를 확인할 수 있어요. 이미지블록에서 border는 선 굵기, solid는 선의 색깔, padding은 이미지와 테두리의 간격이므로 기호에 맞게 조정하시면 남들과 다른 이미지블록을 설정할 수 있습니다.
티스토리블로그에서 테두리선이 필요하지 않은 분들을 위해 테두리선 지우고, 편집하는 방법에 대해서 알아봤습니다.
