똘이아빠님의 최신글 입니다.

똘이아빠님의 최신글 입니다. 정보

일반 똘이아빠님의 최신글 입니다.

첨부파일

latest.skin.php (2.6K) 38회 다운로드 2005-05-31 18:19:46

본문

팁 정도에 올리고 싶은데 나중에 팁텍으로 옮겨 주셨으면 하네요.
똘이아빠님의 최신글 스킨이 심플하고 제 홈페이지와 분위기가 맞아 사용을 했는데 제목만 나와 좀 아쉬웠습니다.
그렇다고 지저분한것을 넣으면 스킨 바탕이 깨지므로 툴팁을 표시 하기로 했습니다.
우선 제가 만든것이 아니고 직접 허락도 받지 않았기 때문에 파일로 배포를 하지 않겠습니다.
http://www.sir.co.kr/?doc=bbs/gnuboard.php&bo_table=g4_skin&page=2&wr_id=495
의 스킨을 약간 바꿔준것 입니다.
이곳에서 스킨을 다운 받으신후
우선
그누 루트에 있는 head.sub.php에

<DIV ID="overDiv" STYLE="width:100px; height:19px; position:absolute; left:179px; top:6px; z-index:2; visibility:hide;">
<p> </p>
</DIV>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

// Microsoft Stupidity Check.
if (ie4) {
if (navigator.userAgent.indexOf('MSIE 5')>0) {
ie5 = true;
} else {
ie5 = false; }
} else {
ie5 = false;
}

var x = 0;
var y = 0;
var snow = 0;
var sw = 0;
var cnt = 0;
var dir = 1;
if ( (ns4) || (ie4) ) {
if (ns4) over = document.overDiv
if (ie4) over = overDiv.style
document.onmousemove = mouseMove
if (ns4) document.captureEvents(Event.MOUSEMOVE)
}

// Public functions to be used on pages.

// 팝업오른쪽
function drc(text, title, osy) {
dtc(1, text, title, osy);
}

// 팝업왼쪽
function dlc(text, title, osy) {
dtc(0, text, title, osy);
}

// 팝업가운데
function dcc(text, title, osy) {
dtc(2, text, title, osy);
}

// Clears popups if appropriate
function nd() {
if ( cnt >= 1 ) { sw = 0 };
if ( (ns4) || (ie4) ) {
if ( sw == 0 ) {
snow = 0;
hideObject(over);
} else {
cnt++;
}
}
}

// Non public functions. These are called by other functions etc.

// Caption popup
function dtc(d, text, title, osy) {
txt = "<TABLE WIDTH="+width+" CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=5 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD STYLE='BACKGROUND:URL(http://suldo.x-y.net/img/back012.gif) FIXED NO-REPEAT 200% 51%'><SPAN ID=\"PST\"><FONT COLOR=\""+textcolor+"\">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"
layerWrite(txt);
dir = d;
offsety = osy;
disp();
}

// Common calls
function disp() {
if ( (ns4) || (ie4) ) {
if (snow == 0) {
if (dir == 2) { // Center
moveTo(over,x+offsetx-(width/2),y+offsety);
}
if (dir == 1) { // Right
moveTo(over,x+offsetx,y+offsety);
}
if (dir == 0) { // Left
moveTo(over,x-offsetx-width,y+offsety);
}
showObject(over);
snow = 1;
}
}
// Here you can make the text goto the statusbar.
}

// Moves the layer
function mouseMove(e) {
if (ns4) {x=e.pageX; y=e.pageY;}
if (ie4) {x=event.x; y=event.y;}
if (ie5) {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}
if (snow) {
if (dir == 2) { // Center
moveTo(over,x+offsetx-(width/2),y+offsety);
}
if (dir == 1) { // Right
moveTo(over,x+offsetx,y+offsety);
}
if (dir == 0) { // Left
moveTo(over,x-offsetx-width,y+offsety);
}
}
}

// The Close onMouseOver function for Sticky
function cClick() {
hideObject(over);
sw=0;
}

// Writes to a layer
function layerWrite(txt) {
if (ns4) {
var lyr = document.overDiv.document
lyr.write(txt)
lyr.close()
}
else if (ie4) document.all["overDiv"].innerHTML = txt
}

// Make an object visible
function showObject(obj) {
if (ns4) obj.visibility = "show"
else if (ie4) obj.visibility = "visible"
}

// Hides an object
function hideObject(obj) {
if (ns4) obj.visibility = "hide"
else if (ie4) obj.visibility = "hidden"
}

// Move a layer
function moveTo(obj,xL,yL) {
obj.left = xL
obj.top = yL
}
</SCRIPT>


위의 코드를 넣어 주십시요.
스킨에 넣어도 되지만 어느 페이지에서도 사용 가능하고 다른곳에서 활용할 수 있도록 head.sub.php에 넣었습니다.
사용 방법은 필요한곳에
<a onMouseOver="dcc(툴팁내용','',20)" onMouseOut="nd()" href='링크'>
입니다. 툴팁내용만 바꿔주고 링크만 바꿔주면 되겠지요.

그리고 여기서 사용한 똘이아빠님의 스킨을 다운받아 아래의 코드로 바꾸시거나
바뀐부분 이라고 되어 있는곳을 바꿔주세요.


<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>

<br>
<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'><font style='font-family:돋움; font-size:9pt; color:#696969;'><strong><?=$board[bo_subject]?></strong></font></a> </td>
</tr>
<tr>
<td HEIGHT="1" COLSPAN="2" BACKGROUND="<?=$latest_skin_path?>/img/back_hor01.gif" style="background-repeat:no-repeat;"></td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td width="10" height="22" align="RIGHT" valign="middle" background="<?=$latest_skin_path?>/img/board_bg_line.gif"><img src="<?=$latest_skin_path?>/img/board_icon.gif" width="9" height="13" BORDER="0"> </td>
<td background="<?=$latest_skin_path?>/img/board_bg_line.gif">
<?
echo $list[$i][icon_reply] . " ";
echo "<a onMouseOver=\"dcc('작성자: {$list[$i][wr_name]}  <br>날짜:{$list[$i][wr_datetime]}','',20)\" onMouseOut=\"nd()\" href='{$list[$i][href]}'>";/////바뀐부분
if ($list[$i][is_notice])
echo "<font style='font-family:돋움; font-size:9pt; color:#2C88B9;'><strong>{$list[$i][subject]}</strong></font>";
else
echo "<font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$list[$i][subject]}</font>";
echo "</a>";

if ($list[$i][comment_cnt])
echo " <a href=\"{$list[$i][comment_href]}\"><span style='font-family:돋움; font-size:8pt; color:#FF9900;'>{$list[$i][comment_cnt]}</a>";

// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

echo " " . $list[$i][icon_new];
/* echo " " . $list[$i][icon_file];
echo " " . $list[$i][icon_link];
echo " " . $list[$i][icon_hot]; */
echo " " . $list[$i][icon_secret];
?>
</td>
</tr>
<tr>
<td height="1" align="center" valign="middle"></td>
<td background="<?=$latest_skin_path?>/img/line_shadow.gif"><img src="<?=$latest_skin_path?>/img/line_shadow01.gif"></td>
</tr>
<? } ?>

<? if (count($list) == 0) { ?>
<tr><td colspan=2 align=center height=30 background="<?=$latest_skin_path?>/img/board_bg_line.gif">게시물이 없습니다.</td></tr>
<? } ?>
</table>

</td></tr></table>


이렇게 해 주면 됩니다.

당연히 사용 방법은 똘이아빠님 스킨과 똑같습니다.