게시글 댓글의 경우 치환자를 사용하면
대표 블로그이미지 또는 카카오프렌즈 이미지를 불러와주는데
방명록은 마땅한 치환자가 없어서 소스 코드를 수정했다.
치환자를 이용해서
랜덤한 카카오프렌즈 기본프로필 이미지를 불러오고,
방명록의 댓글에서는 동일한 이미지가 뜨도록 하였다.
1. html : 소스코드가 자동으로 수정되서 script부분을 주석처리 해뒀다. 실제 사용시에는 주석 해제!
2. css
.g_img_profile0,.g_img_profile1,.g_img_profile2,.g_img_profile3,.g_img_profile4,.g_img_profile5,.g_img_profile6,.g_img_profile7{ border-radius: 100%; background-size:cover; background-position:center; width:50px; height:50px; position: absolute; top: 0px; left:-65px;z-index:1 } .g_img_profile0{background-image: url(//t1.daumcdn.net/tistory_admin/blog/admin/profile_default_00.png);} .g_img_profile1{background-image: url(//t1.daumcdn.net/tistory_admin/blog/admin/profile_default_01.png);} .g_img_profile2{background-image: url(//t1.daumcdn.net/tistory_admin/blog/admin/profile_default_02.png);} .g_img_profile3{background-image: url(//t1.daumcdn.net/tistory_admin/blog/admin/profile_default_03.png);} .g_img_profile4{background-image: url(//t1.daumcdn.net/tistory_admin/blog/admin/profile_default_04.png);} .g_img_profile5{background-image: url(//t1.daumcdn.net/tistory_admin/blog/admin/profile_default_05.png);} .g_img_profile6{background-image: url(//t1.daumcdn.net/tistory_admin/blog/admin/profile_default_06.png);} .g_img_profile7{background-image: url(//t1.daumcdn.net/tistory_admin/blog/admin/profile_default_07.png);} .guestbook .tit_nickname img { width: 50px!important; height: 50px!important; position: absolute; top: 0px!important; left: -65px!important; z-index:2} .commentList .tit_nickname img { display:none!important; }
※ 참고한 사이트
1. 댓글/방명록 프로필 이미지 구분짓기 : http://hg4004.tistory.com/126
2. 스크립트로 랜덤 이미지 불러오기 : http://m22m.tistory.com/82
Tistory | 기본썸네일 만들기 (0) | 2017.08.28 |
---|---|
BlackBerry | 프로젝트 생성시 수정할 사항 (0) | 2017.04.10 |
jQuery | 동영상 썸네일 (0) | 2017.03.17 |
BlackBerry | 개발환경 (0) | 2016.11.15 |
BlackBerry | 파일 입출력 (QFile) (0) | 2016.10.28 |
BlackBerry | SystemDialog 추가하기 (0) | 2016.10.27 |
BlackBerry | 버전 정보 (version info) 추가 (0) | 2016.10.27 |
jQuery | 이미지 숨기기 (0) | 2016.10.16 |