한적한 마이피

* 출처 *
됐거든?님의 게시물 - http://mypi.ruliweb.daum.net/mypi.htm?id=ky352729&num=17631

* 설명 *
랜덤 이미지라고 말하고 있지만 실제로 랜덤하게 이미지가 출력되는것은 아닙니다.
간단하게 설명하자면 해당 당사자의 마이피 주소 뒤에 보이는 회원 번호에 의해
출력 이미지가 결정되게 됩니다.
만약 ID의 가장 뒤에 숫자가 '1'이라면 [href$="1"]에 설정된 이미지가 출력되고,
'2'라면 [href$="2"]의 이미지가 출력되는 방식입니다.

* 방법 *
밑에 소스를 메모장에 복사하셔서 댓글 이미지 설정과 댓댓글 이미지 설정에 보이는
p-osition의 p와 o사이에 -를 지웁니다.
그리고 이미지 링크 주소를 전부 입력하시고, 소스를 스타일 시트에 복사하셔서 적용하시면 됩니다.

* 주의 *
소스를 사용하기 전에는 반드시 댓글 이미지 설정과 댓댓글 이미지 설정에 보이는
p-osition의 p와 o사이에 -를 지우고 사용하셔야 합니다.

* 추가 내용 *
이미지는 크기와는 상관 없이 가로, 세로 비율만 맞춰주시면 됩니다.

만약 특정 대상에게 따로 이미지를 등록고하고 싶으시다면,
[href$=" "]안에 있는 " "사이에 해당 대상자의 마이피 주소 뒤쪽에 보이는 번호를 입력하시면 됩니다.
( 예 : 제 루리웹 회원 번호 입력 [href$="16924"] )
그리고 반드시 랜덤 이미지 소스 보다 밑에 작성한 소스를 추가하셔야 합니다.

더 많은 랜덤 이미지를 등록하시고 싶으시다면 회원 번호의 끝자리 두자리를 입력하셔서 (00 ~ 99)

100개의 이미지를 등록해주시면 됩니다.

* 소스 *

/* 댓글 꾸미기 설정 */
#mypiRead .mypiReply{background-color:#fff;}
.readcomment, .mypiZmenu { padding-left: 70px; }

/* 댓글 이미지 설정 */
#mypiRead .mypiReply .mypiZmenu .cm01 a img {width: 0; height: 0; p-osition: absolute; padding: 40px 40px 0 0; top: 15px; left: 10px;}

/* 댓글 랜덤 이미지 링크 */
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="1"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="2"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="3"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="4"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="5"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="6"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="7"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="8"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="9"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu .cm01 a[href$="0"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}

/* 댓댓글 꾸미기 설정 */
.mypiComm{background: #f6f6f6;}
.mypiZmenu2, .readcomment2{ background-color:#f9f9f9; padding-left: 100px;}

/* 댓댓글 이미지 설정 */
#mypiRead .mypiReply .mypiZmenu2 .cm01 a img {width: 0; height: 0; p-osition: absolute; padding: 40px 40px 0 0; top:15px; left: 40px;}

/* 댓댓글 랜덤 이미지 링크 */
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="1"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="2"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="3"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="4"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="5"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="6"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="7"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="8"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="9"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}
#mypiRead .mypiReply .mypiZmenu2 .cm01 a[href$="0"] img{background-image : url(" 이미지 링크 주소 " ); background-size: cover ;}

Category

Profile

Counter