팁/튜토리얼

[최신글위젯] 새글 아이콘만 표시하기 / new 아이콘 사용자 맘대로 바꾸기

2015.12.16 11:12
1,926
9

최신글 위젯에서 css와 jQuery를 사용해서 새글 아이콘만 표시하고, 기본 new 아이콘이 아닌

내가 만든 이미지로 새글 아이콘 이미지를 띄우는 방법입니다. ㅠㅠ)/ (감격)

 

스킨부에서 새글 아이콘을 띄울 부분을 다음과 같이 작성합니다.

<span class="new">{$item->printExtraImages()}</span>

원래는 이렇게 작성하면 파일 업로드나, 업데이트, 뉴 아이콘이 한번에 다 표시가 됩니다.

그럼 css에서 file, update 등은 display:none으로 하고 new만 표시되도록 합니다.

 

.new img[alt="file"] {
    display: none;
}

이런 식으로 파일 아이콘은 안 보이게 처리합니다.

그리고 난 다음에 jQuery를 이용해서 new 이미지는 내가 원하는 이미지 경로의 이미지를 출력하도록 만듭니다.

 

jQuery(function() {
    jQuery('.new').find('img').attr("src","http://eond.com/modules/board/skins/sketchbook5/img/ribbon/new.png");
});

 

완성!

 

참조

http://blog.naver.com/alsrl7141/220239984723

eond Lv. 12

댓글 6

  • 2015.12.16 11:14 #117823
    와! 이렇게 처리하면 되겠군요!! 생각도 못했던 방법인데.. 감사합니다 ㅠㅠ
  • 2015.12.16 12:16 #117890
    저도 선추천
  • 2015.12.20 01:23 #120896
    꿀팁 ! 감사합니다 !
  • 2016.01.02 23:21 #134187
    좋아요~
  • 2017.03.25 01:49 #543599
    이온디 님 감사 합니다 저 한가지만 여쭤 볼께요 다른것은 다 이해가 가는되요

    jQuery(function() {
    jQuery('.new').find('img').attr("src","http://eond.com/modules/board/skins/sketchbook5/img/ribbon/new.png");
    });

    이것을 어느곳에 넣는지 모르겠습니다
  • 2017.03.25 14:29 #544176
    일반적으로 레이아웃 js 파일에 넣으시면 될 듯 합니다.