티스토리 이미지 테두리 지우기 팁 두가지

티스토리가 자유도가 높은대신 상당히 어려움도 많습니다.
우선 사용자가 기본적인 태그 및 스타일 시트를 알아야 하기때문인데요.
원하는 스킨을 선택했다해도 몇몇 맘에 안드는 부분이 생기기 마련입니다. 그중 가장 처음 직면하는 불편함은

아마도 이미지 테두리가 아닐까 싶습니다.

우선 티스토리 이미지 테두리 지우기로 검색해보면 가장 많이 나오는 팁입니다.

우선 관리자 메뉴에 들어가서 HTML/CSS 편집 메뉴로 들어갑니다.

 

 

[그림 1] 티스토리 관리자 메뉴의 HTML/CSS 편집 메뉴

그럼 HTML/CSS 편집이 가능한 화면이 나오는데 여기서 수정해야할 부분을 검색을 합니다
검색을 하기위해 ctrl-f를 누르면 검색창이 뜨는데 여기서 imageblock를 검색합니다.

 

 

[그림 2] 인터넷 익스플로러 6 의 찾기 창

 

 

[그림 3] 인터넷 익스플로러 8은 창으로 뜨는게 아니라 익스플로러 상단에 나온다

검색을 해보면 아래의 태그가 있습니다.

/* 그림 */
.imageblock { border:1px solid #ddd; padding:5px; margin:5px 0;}

 

여기서 border:1px 를 0px로 바꿔 주면 됩니다.


그러나 필자의 경우는 이렇게 했음에도 테두리가 사라지지 않는
더 정확히 말해서 어떤건 사라지고 어떤건 사라지지 않는 기이한(?) 현상이 생겼습니다.

 

 

[그림 4] 문제의 본문 : 성능과 마우스의 기본성능 이미지는 테두리가 있고 마우스 이미지는 테두리가 없다

이건 뭐 검색해도 안나오고 고민을 하던중 SLR 클럽의 수박먹는남자님께서 귀중한 답변을 남겨주셨습니다.
위와같은 방법으로 background-color:transparent; 를 검색해보면 아래와 같은 코드가 나옵니다.

.article table th {background-color:#ccc; } /* 스킨디자인에따라 색상 변경 */
.article table td {padding:2px; background-color:#eee; } /* 스킨디자인에따라 색상 변경 */
.dual table td, .triple table td {background-color:transparent; } /* 이미지 레이아웃 */
.author, .tagTrail, .actionTrail {
clear:both;
}

여기서 고쳐야 될 부분이 두번째줄인데 두번째줄의 padding:2px를 0px로 수정합니다.
자 이렇게 하면 테두리 문제는 완전 해결 끝입니다 ^^;