팁/튜토리얼

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

2015.12.16 11:12
1,942
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. 13
# 라이믹스 스킨 제작은 어디? >>>> XE 레이아웃, 라이믹스 스킨제작은 이온디에서 커스터마이징해드립니다.
# 빠른 라이믹스 커뮤니티용 호스팅을 찾고 계신가요? >>>> 이온디호스팅 서비스는 PHP8 & Redis 서버 캐시를 활용하여 라이믹스에 최적화된 호스팅 서비스를 제공해드립니다. (서버세팅시 웹패널, 내도메인메일서비스도 함께 구축해드립니다.)
https://eond.com

댓글 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 파일에 넣으시면 될 듯 합니다.