티스토리, 이모티콘 테두리 지우기

앞의 포스팅입니다.

누적 방문자 2,000명 기념, 햄버거 파티...

지난 3월 12일 누적 방문자 1,000명을 돌파했는데, 오늘 잘하면 2,000명이 넘어설 것 같아서 출근하면서 아내에게 공약을 했습니다. 2,000명 넘으면, 햄버거를 쏘겠다고...ㅎ .... ........ .... 다행히 2,000명..

smorning.tistory.com

"어밴드 브이"라는 공짜 이모티콘을 이용해서 글을 썼습니다.

그런데 아래 그림처럼 이모티콘 주위에 테두리가 보여 자연스러운 호흡으로 글을 읽어나가는데 방해가 됩니다.

(참고로 위의 링크는 코드를 수정을 해서 더 이상 테두리가 보이지 않음.)

그래서 이 테두리를 지우기 위해 코드를 살펴보았습니다.

이전 포스팅에서 말씀드린 것처럼 제 블로그는 친효 스킨 (Skin)을 사용합니다.

이미지의 테두리선은 친효 스킨에서 디폴트로 설정된 것입니다.

코드 내용을 살펴보니 CSS 코드 2줄만 살짝 바꿔주는 것으로 테두리를 제거할 수 있었습니다.

이미지의 테두리 지우는 방법

1) 블로그 관리자 화면 → 스킨 편집 → html 편집창으로 이동

2) html 편집창에서 CSS 창으로 이동

CSS 코드 중에서 "본문 이미지 테두리" 영역을 찾아서 outline: 1px을 "0"px로 고침.

3) 적용 버턴을 눌러서 수정 내용을 적용함.

위에서 보여드린 동일한 영역으로 가보면 아래와 같이 이모티콘 주위에 있던 테두리선이 사라졌습니다.

물론 이런 방법으로 수정하게 되면 블로그 내에 있는 모든 이미지의 테두리선이 없어지게 됩니다.

저는 사진이나 그림을 올릴 때 배경색이 흰색이거나 엷은 색이면 미리 테두리를 넣어 두기 때문에 문제가 될 것이 없습니다.

이상으로 짧게 이모티콘 주위의 테두리를 없애는 방법을 살펴보았습니다.