블로그스팟 Feedify 스킨 고치기 - 밑줄이 글자와 안 겹치게 하기 / 이미지에 테두리 넣기

* 알림
아래 내용은 모두 구야비의 블로그스팟 Feedify 스킨 기준이고, 모든 과정은 '테마 - HTML 편집'에서 수행합니다.
Feedify 스킨은 링크에서 다운로드 받으실 수 있습니다.

1. 밑줄이 글자와 안 겹치게 하기

Feedify 스킨 특유의 문제인지, 나눔고딕으로 폰트를 바꾼 탓인지...
밑줄 태그를 쓰면 본문의 글자 끄트머리와 겹쳐지게 출력되고 있다. 이를 고쳐보기로 한다.

'Reset CSS' 라고 검색한 뒤, 맨 위의 항목에서 u를 삭제한다.
그리고 바로 밑에 이러한 태그를 추가한다.

u {
text-decoration-line: underline;
text-underline-position: under;
}

저장한 뒤 확인해보면?

이렇게 스샷처럼 잘 떼어져서 출력되고 있으면 성공이다.

'Reset CSS' 라고 검색한 뒤, 맨 위의 항목 아래쪽에 다음과 같은 태그를 추가한다.

.post-body a img{
border:1px solid #ddd;
}

그런 다음, 다시 '.post-body img' 라고 검색한 뒤 거기에도 아래와 같은 항목을 추가한다.

border:1px solid #ddd;

저장한 뒤 확인해보면, 이미지에 모두 테두리가 씌워졌을 것이다.
다만 일부 사진은 약간의 화질 열화 현상이 발생한다. 이 문제는 티스토리 블로그에서도 마찬가지였는데, 이유는 잘 모르겠다.

그럼 이만...