[최신글위젯] 새글 아이콘만 표시하기 / new 아이콘 사용자 맘대로 바꾸기
최신글 위젯에서 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
# 빠른 라이믹스 커뮤니티용 호스팅을 찾고 계신가요? >>>> 이온디호스팅 서비스는 PHP8 & Redis 서버 캐시를 활용하여 라이믹스에 최적화된 호스팅 서비스를 제공해드립니다. (서버세팅시 웹패널, 내도메인메일서비스도 함께 구축해드립니다.)
https://eond.com
댓글 6
jQuery(function() {
jQuery('.new').find('img').attr("src","http://eond.com/modules/board/skins/sketchbook5/img/ribbon/new.png");
});
이것을 어느곳에 넣는지 모르겠습니다