티스토리 댓글 프로필이미지 오류 수정

드디어 파비콘을 입력하고 댓글을 나오게 설정을 하였는데 문제가 생겼습니다. 무슨 문제인고 하니 바로 아이콘이 제 위치에 자리를 잡지를 않고 있었는데요. 원인을 곰곰히 분석을 해보니 제가 상단의 크기를 빈공간이 많이 남는것 같아서 좀 많이 줄였는데 그것 영향인지 티스토리 댓글 프로필이미지가 아래로 내려가서 보기 흉하게 자리를 잡고 있었습니다.

 

 

2017/06/15 - [TIPS] - ico 파일 순식간에 만들기

2017/06/14 - [마케팅] - 카카오 플러스친구 등록 안내

2017/06/13 - [마케팅/블로그] - 블로그스팟 테마지원 되고 있었네요.

2017/06/12 - [마케팅/블로그] - 티스토리 하단 목록 추가방법

2017/06/11 - [마케팅/블로그] - 애드센스 광고 종류 살펴보기

 

 

티스토리 댓글 프로필이미지 오류 수정

우선 상태부터 파악해보겠습니다. 아래 화면을 봐주세요.

 

 

댓글 프로필사진을 보시면 로드한 프로필이미지가 아래로 내려가있는게 보이실겁니다. 티스토리 댓글 프로픨이미지의 경우 처음 디폴트 이미지를 로드하고 그위에 다시 사용자의 프로픨 사진을 로드하는데 위치가 안맞는 경우라서 로드한 이미지만 상단으로 올리면 간단하게 해결 될 것 같았습니다.

 

 

 

이제 분석을 좀 해보았는데요. 로드한 티스토리 댓글 프로필이미지의 경우 position이 absolute로 잡혀있는데 이말은 절대좌표로서 위치가 안바뀐다는 이야기입니다. top 이라고 되어 있는부분이 3px 인데 이것보다는 훨 위로 올려줘야 맞게 들어걸겁니다.

 

 

 

소스에서 CSS를 확인하는 방법은 이전에 포스팅한 자료를 확인해주세요.

 

 

2017/05/03 - [IT정보/HTML/CSS] - CSS 스타일 분석 파이어버그 사용하기

 

 

 

 

 

 

우선 티스토리 관리자화면에서 HTML/CSS편집메뉴로 접근하여 주시기 바랍니다. 스킨수정은 여기에서만 가능합니다.

 

 

 

스킨수정 메뉴에서 CSS영역에서 작업을 하였습니다. 기존 소스는 수정을 하지 않았으며, 커스텀 코드를 만들어서 변경된 코드를 가장 아래쪽에 나열하였습니다. 혹시라도 이렇게 반영 소스가 다른쪽에 영향을 주게 된다면 제일 아래 추가한 CUSTOM 코드만 삭제하면 되니 이런 작업이 아니더라도 이렇게 습관을 들이시면 관리하시기 좋을겁니다.

 

 

 

 

반영된 결과입니다. 티스토리 댓글 프로필이미지가 오류없이 깨끗하게 나오는것을 확인하실 수 있습니다. 간단하게 수정하였는데, 저처럼 댓글부분이 이상하게 나오시는 분들은 참고하셔서 고치시기 바랍니다.