최신글 위젯에서 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

이온디

profile
이온디는 라이믹스를 비롯한 다양한 CMS의 시드뱅크를 꿈꿉니다. 여러분들이 사랑하는 웹소스를 언제든지 사용할 수 있게 하기 위해 이온디는 매일 소스코드를 유지보수하고 있으며, 언제든지 다운로드할 수 있는 소스마켓을 운영하고 있습니다.

#XE마켓 - 이온디스토어
https://eond.com/xemarket/

# XE/라이믹스 단톡방을 운영 중입니다. (비번: 2022)
https://open.kakao.com/o/giaKKnl

# XE/라이믹스 생활코딩 모듈 강좌입니다.
https://opentutorials.org/module/3774
  • ?
    와! 이렇게 처리하면 되겠군요!! 생각도 못했던 방법인데.. 감사합니다 ㅠㅠ
  • profile
    저도 선추천
  • ?
    꿀팁 ! 감사합니다 !
  • profile
    좋아요~
  • ?
    이온디 님 감사 합니다 저 한가지만 여쭤 볼께요 다른것은 다 이해가 가는되요

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

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