웹마스터 팁
댓글창에서 프로필이미지가 없는 경우 기본이미지 출력하기
2008.04.19 18:36
엄청 단순한 팁이지만 혹시 필요하신 분이 있을까 해서 올려봅니다.
제목대로 댓글창에서 프로필 이미지가 출력되는데,
프로필 이미지가 없는 경우 기본으로 설정된 이미지를 출력하는 방법입니다.
(!!! 글 본문의 서명란에는 적용되지 않습니다 !!!)
modules/board/skins/xe_board/comment.html 을 수정하시면 됩니다.
66번째 라인을 보시면 위와 같은 코드가 있을 것입니다. 이것을 수정해주면 됩니다.
3~4번째 라인을 추가해주시면 됩니다.
파일명 부분에는 말그대로 업로드한 파일의 이름을 적어주시면 됩니다. 프로필 이미지와 같은 사이즈의 이미지를 올리는게 좋겠죠.
(다른 사이즈의 이미지를 사용할 경우 위와 같이 클래스명을 따로 줘서 별도의 스타일을 적용해야 합니다.)
파일을 업로드할 경로는 modules/board/skins/xe_board/images 가 되겠습니다.
적용한 예제입니다. (댓글창의 레이아웃이 다른건 신경쓰지 마시길...제가 보기 편한 폼으로 고쳐쓰고 있을뿐입니다...)
제목대로 댓글창에서 프로필 이미지가 출력되는데,
프로필 이미지가 없는 경우 기본으로 설정된 이미지를 출력하는 방법입니다.
(!!! 글 본문의 서명란에는 적용되지 않습니다 !!!)
modules/board/skins/xe_board/comment.html 을 수정하시면 됩니다.
<!--@if($comment->getProfileImage())-->
<img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
<!--@end-->66번째 라인을 보시면 위와 같은 코드가 있을 것입니다. 이것을 수정해주면 됩니다.
<!--@if($comment->getProfileImage())-->
<img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
<!--@else-->
<img src="./images/파일명" alt="noprofile" class="commentNoProfileImage" />
<!--@end-->3~4번째 라인을 추가해주시면 됩니다.
※ 추가 (비나무님 지적사항 수정)
변경된 코드의 class="commentNoProfileImage" 부분은 등록된 프로필 이미지가 없을 경우 출력되는 이미지의 사이즈가
다를때 별도의 클래스를 적용하기 위한 것입니다. 관리자가 지정한 사이즈와 동일한 이미지를 사용할 경우 2번째 라인과 동일하게 써주시면 됩니다.
변경된 코드의 class="commentNoProfileImage" 부분은 등록된 프로필 이미지가 없을 경우 출력되는 이미지의 사이즈가
다를때 별도의 클래스를 적용하기 위한 것입니다. 관리자가 지정한 사이즈와 동일한 이미지를 사용할 경우 2번째 라인과 동일하게 써주시면 됩니다.
파일명 부분에는 말그대로 업로드한 파일의 이름을 적어주시면 됩니다. 프로필 이미지와 같은 사이즈의 이미지를 올리는게 좋겠죠.
(다른 사이즈의 이미지를 사용할 경우 위와 같이 클래스명을 따로 줘서 별도의 스타일을 적용해야 합니다.)
파일을 업로드할 경로는 modules/board/skins/xe_board/images 가 되겠습니다.
적용한 예제입니다. (댓글창의 레이아웃이 다른건 신경쓰지 마시길...제가 보기 편한 폼으로 고쳐쓰고 있을뿐입니다...)
댓글 8
-
퍼플F
2008.04.19 19:23
-
나뚜르
2008.04.19 20:41
좋은팁 감사드립니다 ^^ -
똘또리장군
2008.04.22 21:08
정말 기다리고 기다리던 팁이에요~!^^
그러면 혹시 이미지마크도 이런 식으로 할수있을가요?......이미지마크 등록안한 회원은 기본이미지마크가 뜨도록....제발....ㅠㅠ -
Intellious
2008.04.28 00:21
앗, 두번째 스마일맨이군요...
GIS SAC 보는 내내 저 스마일맨의 정체가 넘넘 궁금해서 미칠것 같았는데, 지금 생각하려니...지금도 모르겠네요...ㅋㅋ -
<!--@if($comment->getProfileImage())-->
<img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
<!--@else-->
<img src="./images/파일명" alt="noprofile" class="commentNoProfileImage" />
<!--@end-->
위의 진하게 설정한 부분은 css를 다르게 설정할 경우겠죠?? ^^;;;;;;;
<!--@if($comment->getProfileImage())-->
<img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
<!--@else-->
<img src="./images/파일명" alt="noprofile" class="commentProfileImage" />
<!--@end-->
위와 같이 해야할 듯 하네요... ^^
좋은 팁 감사~~! -
카카달려
2008.04.28 22:37
아 미쳐 고치지 못한 부분을 정확히 지적해 주셨군요 ^^ -
유우타
2008.08.17 15:15
감사합니다. 잘 쓰겠습니다. ^^
원하던거엿어요~~ -
게시판 EX의 경우. _view.comment.html
<!--@if($module_info->display_sign != 'N' && $comment->member_srl && $comment->profileImage)-->
<div class="image">
<img src="{$comment->profileImage}" alt="profile" /></div>
<!--@else-->
<img src="대체이미지 주소" alt="noprofile" class="commentNoProfileImage" />
<!--@end-->
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
스케치북 게시판 스킨에서 라이브리 소셜댓글 다는 법(수정완료)
 | 착한부산남자 | 2013.06.27 |
| 모바일 파일첨부 테스트.. (극소수) 안되시는 분들 | 낭만구미호 | 2013.06.28 |
| rewrite mod 가 안 돼서 고생한 경험담입니다. [2] | obok | 2013.06.29 |
| APM 세팅파일 | webgon | 2013.07.01 |
| 크롬 사용시 타이태니엄 2013과 스케치북 게시판 충돌! | 착한부산남자 | 2013.07.02 |
| 제이쿼리로 에디터에 내용 넣기 [1] | Lansi | 2013.07.02 |
| 스케치북5 sns버튼에서 요즘 삭제하기 [6] | 도라미 | 2013.07.07 |
|
IPGUARD 모듈 배포
[33]
| 우진홈 | 2013.07.10 |
| 1.4에서 1.7로 바로 업데이트 안전하게 하기 [1] | HolyJohn | 2013.07.10 |
| [리눅스] 속도향상 팁. nginx를 리버스프록시로 써봅시다. [6] | choco@_@ | 2013.07.11 |
| XE Recruitment 파일 미추가시 에러 뿜어내는 것 처리방법 [7] | 송동우님최고 | 2013.07.12 |
| 모바일 설문조사 크기조절하기 ~ | 오락실주인 | 2013.07.14 |
| 모바일 설문조사 크기조절하기 다른 버전 [4] | 낭만구미호 | 2013.07.15 |
| XE 1.5 or 1.7 업그레이드후 글 ,댓글 쓸때 "내용 값은 필수" 혹은 내용 입력 하라는 메세지 뜰때 [3] | Happiness | 2013.07.17 |
| 회원가입폼에 필수항목 * 부분 처리 [3] | 똑디 | 2013.07.18 |
|
XE 1.7으로 업데이트 한 후 게시판을 생성하실 수 없으신가요?
| 윈컴이 | 2013.07.19 |
|
게시글에 댓글 부분 추천, 비추천 바로 노출하기
[5]
| 똑디 | 2013.07.19 |
| XE 1.5 를 1.7 로 업데이트한 경우, 카테고리 사용여부 설정 버그 수정법 | sejin7940 | 2013.07.21 |
| 모바일에서 댓글 중복되는 현상 해결- 애드온 문제 | Happiness | 2013.07.24 |
| MyISAM --> InnoBD 이전시 문제점 및 고려사항(엔진 교체) [8] | 좋은아빠되기 | 2013.07.24 |
(그래서 onerror="this.src='#';" 이걸로 뻐팅겼답니다;)
지금이라도 알게되어 감사를^^;