이미지를 이용하지 않고 테이블과 텍스트로 로딩효과를 내는 팁 입니다.

스킨폴더의 write.skin.php 중간쯤에

<script type="text/javascript">
<!--
function set_menu(obj) {
var nLeft,nTop
pl = 20 // 가로 위치 조절
ph = 20 // 세로 위치 조절
var _x = document.body.clientWidth/2 + document.body.scrollLeft - 100; // 가로 위치
var _y = document.body.clientHeight/2 + document.body.scrollTop - 10; // 세로 위치

eval(obj+".style").posLeft = _x;
eval(obj+".style").posTop = _y;
eval(obj+".style").display='block';
}

function show_menu(obj) {
eval(obj+".style").display='block';
}

function hide_menu(obj) {
eval(obj+".style").display='none';
}
//-->
</script>

위의 스크립트를 추가합니다.

그리고

<form name="fwrite" method="post" action="javascript:fwrite_check(document.fwrite);" enctype="multipart/form-data">

위의 폼을 찾은후 그 폼안에 onsubmit="return set_menu('loading')" 을 추가시켜줍니다.

즉,

<form name="fwrite" method="post" action="javascript:fwrite_check(document.fwrite);" enctype="multipart/form-data" onsubmit="return set_menu('loading')">

이렇게 해주시면 됩니다.

그리고

<input type=hidden name=wr_10 value="<?=$write['wr_10']?>">

위의 인풋 아래에 아래 소스를 추가하면 됩니다.

<table id="loading" width="150" height="5" bgcolor="#FFFFFF" style="position:absolute; display:none; border-width:1; border-color:rgb(153,153,153); border-style:solid; top:100px; left:100px; z-index:1;">
<tr><td width="100%" height="100%" align="center">잠시만 기다려주세요</td></tr>
<tr><td width="100%" height="100%" align="center" style="border-top-width:1; border-bottom-width:1; border-color:rgb(153,153,153); border-top-style:solid; border-bottom-style:solid;" bgcolor="#F5F5F5">
<marquee width="150" height="5" direction="right" scrollamount="10">
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
</tr>
</table>
</marquee>
</td></tr></table>