티스토리 - 첨부파일 아이콘 크기 변경하기

---

Tistory 안에 첨부파일 icon 사이즈 변경 

---

안녕하세요.

고코더입니다.

티스토리 스킨 수정을 많이 하다 보니 

이상한 현상이 발견되었습니다.

첨부파일 아이콘이 100% 사이즈로 나오기 시작했네요.

15x15 픽셀뿐이 안되는 아이콘이 크기가 커지니

보기가 싫어집니다. 

그래서 방법을 찾던중

해당 아이콘의 src를 선택자로 잡아

아이콘의 크기를 스킨 로드 후에 jquery로 수정하였습니다.

▼ 아래에 코드를

$("img[src^='https://t1.daumcdn.net/tistory_admin/']").each(function(){
    if ($(this).attr("src").indexOf("new_ico") != -1) {
        $(this).css("width","15");    //new 아이콘일 경우
    }
    else {
        $(this).css("width","25");    // 첨부파일 아이콘일 경우
    }
}) 

▼ 스킨에 자바스크립트로 입력했습니다. 

▼ 기존의 15x15 크기의 아이콘은 크기가 너무 작아

첨부파일이 눈에 안들와서

▼ 25x25로 변경 하여 오류도 없애고

원하는 아이콘의 크기로 만들 수 있습니다.

첨부파일의 아이콘의 크기를 변경하고 싶으시면 

제가 남겨놓은 코드를 스킨 편집에 스크립트 안에 입력해세요.

html, mp4, zip 버전의 아이콘을 줄였는데

그 밖에 첨부파일 형식이 뭐가 있는지 모르겠지만 있을때마다

공유 하겠습니다.

---

마무리

---

그리고 댓글로 말씀해주신 간편한 방법

CSS에 아래 코드를 심는 방법이 있습니다.

.imageblock a img{

width: 18px;

height: 18px;

}

jQuery로 심고 싶다면 아래 처럼

$(".imageblock a img").css("width","11px");

$(".imageblock a img").css("height","11px");