제로보드 관련된 유용한 정보를 공유하는 곳입니다.
글 수 98
50
조회 수 : 17805 신고 : 0
출처 : |
---|
메신저http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&keyword=쪽지&select_arrange=headnum&desc=asc&no=7101오른쪽 하단 구석에서 스크롤과 상관없이 쪽지가 왔다고 알립니다....
쪽지아이콘 깜빡이는걸로는 좀 부족해서 만들어 봤습니다...
헤더파일 상단에 붙여줍니다. (헤더파일이란 : 원프레임으로 만들어진 상단파일입니다.)
------------------------------------------------------------
<?
$_zb_url = "/bbs/"; // 제로보드 경로
$_zb_path = "/절대경로/bbs/"; // 제경우 제로보드 주소(절대경로)
include $_zb_path."outlogin.php";
----------------------------------------------------------------
기존에 위와같은 부분을 찾아 아래와 같이 해주시면 됩니다..
==================================================================================================================
<?
$_zb_url = "/bbs/"; // 제로보드 경로
$_zb_path = "/절대경로/bbs/"; // 제경우 제로보드 주소(절대경로)
include $_zb_path."outlogin.php";
// 레이어로 쪽지창 표시 시작
if(!$member[name]){$member[new_memo]=""; $n_name="손님";}
elseif($member[new_memo]) {
$memo_on_image = "<img src='$path/bbs/outlogin_skin/default/images/i_memo_on.gif' border=0 align=absmiddle alt='새 쪽지 도착!'>";
$run = "<script language="JavaScript">do_check ();msn_position();</script>";
}
else {
$memo_on_image = "<img src='$path/bbs/outlogin_skin/default/images/i_memo_off.gif' border=0 align=absmiddle alt='새 쪽지 없음'>";
$run = "";
}
$img_icon="<a href=.javascriptvoid(window.open('$path/bbs/member_memo.php','member_memo','width=450,height=500,status=no,toolbar=no,resizable=yes,scrollbars=yes'))>$memo_on_image</a>";
// 레이어로 쪽지창표시 끝
?>
<!-- 레이어로 쪽지창 표시 시작 -->
<script language="JavaScript1.2">
var msn_closed = true;
var msn_top = 0;
var msn_left = 0;
var msn_divheight = 180;
var msn_divwidth = 204;
function do_check () {
msn_closed = false;
}
function msn_position() {
if(!msn_closed) {
msn_top = document.body.scrollTop + document.body.clientHeight - msn_divheight;
msn_left = document.body.clientWidth - msn_divwidth;
document.all.kissme.style.top = msn_top;
document.all.kissme.style.left = msn_left;
document.all.kissme.style.display = "";
}
}
var old_ResizeHandler = window.onresize;
window.onresize = new Function("{if (old_ResizeHandler != null) old_ResizeHandler(); msn_position();}");
var old_ScrollHandler = window.onscroll;
window.onscroll = new Function("{if (old_ScrollHandler != null) old_ScrollHandler(); msn_position();}");
function hideLayer(layer) {
if(document.layers) {
layer = eval('document.layers.' + layer);
if(layer.display != 'none') layer.display = 'none';
else layer.display = '';
return;
}
layer = document.all[layer];
if(layer.style.display != 'none') {
layer.style.display='none';
}
else {
layer.style.display='';
}
msn_closed = true;
}
</script>
<div id="kissme" name="kissme" style="position:absolute; overflow: hidden; z-index: 999999; display: none; width:200; height:160; top:20; left;10;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" background="././files/attach/images/14136/461/017/c4fc85f71dbcf70964ab7e1c49ec329a.png">
<tr>
<td align=left height=20>
<font color="black"><?=$img_icon?> ::: 쪽지알림 :::</font>
</td>
<td align=center>
<a href='.javascript;' title='닫기' onclick='hideLayer("kissme")'><b> </b></button></a>
</td></tr>
<tr>
<td colspan=2 align=center>
<p> <br><b><?=$member[name]?></b> 님께<br><br>쪽지가 도착했습니다.<br>확인하시겠습니까?<br><br>
<button style="border: 1px solid #93ACCF" onclick="window.open('./member_memo.php','member_memo','width=450,height=500,status=no,toolbar=no,resizable=yes,scrollbars=yes');hideLayer('kissme');">Yes</button> <button style="border: 1px solid #93ACCF" onclick='hideLayer("kissme")'> No </button><br>
</td></tr>
</table>
</div>
<?=$run?>
<!-- 레이어로 쪽지창 표시 끝 -->
========================================================================================================================
참고로... 쪽지창인 ./member_memo.php 와 알림창 배경그림인 ././files/attach/images/14136/461/017/c4fc85f71dbcf70964ab7e1c49ec329a.png경로를 맞춰주세요... 지금꺼는 헤더화일이 제로보드와 동일한 위치에 있다는 가정하에 만들어진겁니다.
동봉된 그림중 ./files/attach/images/14136/461/017/c4fc85f71dbcf70964ab7e1c49ec329a.png 는 msn 스타일로 만든 샘플입니다.. 첨엔 사용하다가 다르게 바꿔서 않쓰고 있지만.. 참고하시라고 올립니다.
나머진 제가 사용중인 스샷입니다..
알림창의 위치가 이상하다 싶으실때는... 아래의 숫자들과 div 의 가로세로를 조정해가면서 맞추세요..
var msn_divheight = 180;
var msn_divwidth = 204;
이상입니다.
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상