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


안녕하세요.
고코더입니다.



티스토리 스킨 수정을 많이 하다 보니 
이상한 현상이 발견되었습니다.

첨부파일 아이콘이 100% 사이즈로 나오기 시작했네요.
15x15 픽셀뿐이 안되는 아이콘이 크기가 커지니
보기가 싫어집니다. 


그래서 방법을 찾던중
해당 아이콘의 src를 선택자로 잡아
아이콘의 크기를 스킨 로드 후에 jquery로 수정하였습니다.

▼ 아래에 코드를

1
2
3
4
5
6
7
8
$("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");    // 첨부파일 아이콘일 경우
    }
}) 
cs


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


▼ 기존의 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");


댓글을 달아 주세요