사용법은 여기를 눌러 읽으세요 (아 이 문장은 복사하지 마시고, 아래부터 끝까지 복사)
<html>
<head>
<script type="text/javascript">
//가로 사이즈 200px용 위젯입니다.
//빨간 글씨가 수정할 내용입니다.
//추가하려는 Revu사용자 닉네임을 적으세요. 각사용자 닉네임은 따옴표 안에 들어가야 되고 닉네임다음에 콤마가 있어야 됩니다.
var list = ["별다방미스김", "닉네임1", "닉네임2" ];
//자신의 레뷰 닉네임을 적으세요
var ownerNickname = "별다방미스김";
//자신의 이미지 URL을 적으세요, 굳이 레뷰이미지일 필요는 없겠지용. 자신의 레뷰이미지주소는 로그인한 다음에 자신의 이미지위에다 놓고 오른쪽마우스클릭하면 이미지URL 등의메뉴를 누르면 확인할 수 있습니다.저 암호문자 같은 아이디를 찾아내는 API를 못발견해가꼬 이렇게 할 수 밖에.
var ownerImage = "http://www.revu.co.kr/Image/User?ID=414AFE24-F7D3-49D8-9F75-E7ED58453984";
//자신의 블로그 이름을 적으세요
var ownerBlog = "Misskim in Pittsburgh";
//자신의 블로그 URL을 적으세요
var ownerBlogURL = "http://danceletter.textcube.com";
//친구를 입력한순서대로 출력하려면 1을 가나다순으로 정렬하려면 2를 입력하세요
var sortType = 2;
//위젯의 높이를 입력하세요. 160이상이어야 합니다.
var widgetHeight = 300;
////////////////////////////////////////////////
// 디자인을 변경하시는게 아니면 아래부터는 수정하지 않아도 됩니다. //
/////////////////////////////////////////////////
var i;
var html;
var listHeight = widgetHeight - 120;
if (sortType == 2) list.sort();
html = "<div class=\'revu\' style=\'height:" + widgetHeight + "px\'> ";
html += "<div class=\'logo\'><img src=\'http://www.revu.co.kr/images/common/img_header_logo_beta6.gif\' width=\'185px\' height=\'48px\'></div>";
html += "<div class=\'profileBox\'>";
html += "<div class=\'profileImage\'>";
html += "<a href=\'http://www.revu.co.kr/MyRevU/" + ownerNickname + "\' target=\'_blank\'>";
html += "<img src=\'" + ownerImage + "\'> </a> </div>";
html += "<div class=\'profile\'>";
html += "<a href=\'http://www.revu.co.kr/MyRevU/" + ownerNickname+ "\' target=\'_blank\'> <b>";
html += ownerNickname + "</b></a><br />";
html += "<a href=\'" + ownerBlogURL + "\' target=\'_blank\'>";
html += ownerBlog + "</a></div></div>";
html += "<div class=\'friends\' style=\'height:" + listHeight + "px\'> ";
html += " <ul>";
for (i=0; i<list.length; i++) {
html += "<li> <div class=\'friendImage\'> ";
html += "<img src=\'";
html += "http://www.revu.co.kr/images/myrevu/ico_menu_on.gif\'> </div> ";
html += "<div class=\'friendName\'> <span><a href=\'";
html += "http://www.revu.co.kr/MyRevU/" + list[i] + "/\'" + "target=\'_blank\' >";
html += list[i] + " </a></span></div> </li>";
}
html += "</ul></div> <div class=\'bottom\'>";
html += "<b> " + list.length + "</b> RevU Friends!</div></div>";
document.write(html);
</script>
<style type="text/css">
.module_plugin .friends ul li{padding:0px;margin:0px;}
.revu{font-family:dotum;font-size:11px;width:196px;overflow:hidden; border-style:solid; border-width:1px; border-color:#99cccc; background-color:#ccffff;padding-top:10px;margin-top:20px;}
.logo{width:172px; height:50px; margin-left:4px; }
.revu .profileBox a, .revu .friends a{color:#5f5f61;text-decoration:none;cursor:pointer;}
.revu a:hover, a:active, a:link {text-decoration:none;}
.revu .friends a:hover, a:active, a:link {text-decoration:none;}
.profileBox{height:50px;margin-left:5px; padding:5 0 10 0px;overflow:hidden;}
.profileBox .profileImage{float:left;display:inline;border:solid 1px #99cccc;background-color:#ffffff;width:40px;height:40px;padding:1px;cursor:pointer;overflow:hidden;}
.profileImage img{width:40px; height:40px}
.profileBox .profile{display:block; font-size:12px;height:30px; padding:1px; margin-top:5px; margin-bottom:5px;margin-left:50px; width:140px; overflow:hidden;}
.profileBox .profile span{}
.friends {background-color:white;border-color:#99cccc;position:relative; width:94%; margin-left:5px; overflow:auto; padding:0 0 10 0px;border-style:solid; border-width:1px;}
.friends ul {margin:0; padding:0;list-style-type:none;}
.friends li {background:none; padding: 0 0 0 1px;margin:0 0 0 1px;
position:relative; height:20px; width:130px; text-align:left; white-space:nowrap; overflow:hidden;}
.friends .friendName{display:inline-block; width:110px; overflow:hidden; font-size:11px;margin-top:5px; margin-left:15px; }
.friends .friendImage{float:left;position:relative; padding-left:5px;margin-left:0px;margin-top:5px; width:12px; height:12px; z-index:0;}
.bottom{float:right;margin-right:5px;color:#6699cc;}
</style>
</head>
<body></body></html>
0 개의 덧글:
Post a Comment