html 로 그누보드 구현하는 방법좀 알려주세요

html 로 그누보드 구현하는 방법좀 알려주세요 정보

html 로 그누보드 구현하는 방법좀 알려주세요

본문

아래소스를보면 html로 그누보드를 셋팅 한것으로 보여집니다

그누보드를 쓰기는 쓰는것같은데 php가 아니라 html이라서

어떤식으로 구현을 하는것인지 궁금 해서 고수님들의 조언을
구합니다

아래사이트 소스 일부분입니다

http://purumi-ne.com

deafault.htm내용

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> 홈페이지</title>
<link rel="stylesheet" href="style.css.htm" type="text/css">
</head>
<script language="javascript">
// 자바스크립트에서 사용하는 전역변수 선언
var g4_path      = ".";
var g4_bbs       = "bbs";
var g4_bbs_img   = "img";
var g4_url       = "http:/홈페이지.com/g";
var g4_is_member = "";
var g4_is_admin = "";
var g4_bo_table = "";
var g4_sca       = "";
var g4_charset   = "euc-kr";
var g4_is_gecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var g4_is_ie     = navigator.userAgent.toLowerCase().indexOf("msie") != -1;

</script>
<script language="javascript" src="js/common.js"></script>
<body topmargin="0" leftmargin="0" >
<a name="g4_head"></a>
<table id='waiting' height='50' cellpadding=0 cellspacing=0 style='position:absolute; visibility:hidden;border:1px solid #666666;'>
<tr><td width='200' height='60'><embed src='swf/loading.swf' width='200' height='60'></td></tr></table>
<script language="javascript">
wb = document.body.offsetHeight/2 - waiting.offsetHeight/2;
wp = document.body.offsetWidth/2 -waiting.offsetWidth/2;
document.all.waiting.style.top=wb;
document.all.waiting.style.left=wp;
document.all.waiting.style.visibility="visible";
</script>

<table width="1000" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top" width="800">
<table align="center" width="800" border="0" cellspacing="0" cellpadding="0" style="border-right-width:1; border-right-color:#D3D1FA;border-right-style:solid;">
<tr><td>

<table id="Table_01" width="800" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="210"><a href="default.htm"><img src="skin/3dan/main_img/tem_06_01.gif" width="210" height="113" border="0" alt=""></a></td>
<td valign="top" width="590"><img src="skin/3dan/main_img/tem_06_02.gif" width="590" usemap="#top_Map" border="0"></td>
</tr>
<tr>
<td background="skin/3dan/main_img/tem_06_03.gif" width="210"></td>
<td width="590">

<table cellspacing="0" cellpadding="0" align="right">
<tr>
    <td align="right">
<div id="popular2" style="display:none;">
<img src="skin/popular/ssh/img/top_center_2.gif" align="absmiddle">
<a href='bbs/search.php^sfl=wr_name__wr_subject__wr_content&sop=and&stx=브라우저.htm'>브라우저</a> <a href='bbs/search.php^sfl=wr_name__wr_subject__wr_content&sop=and&stx=예인이.htm'>예인이</a> <a href='bbs/search.php^sfl=wr_name__wr_subject__wr_content&sop=and&stx=추천.htm'>추천</a> <a href='bbs/search.php^sfl=wr_name__wr_subject__wr_content&sop=and&stx=탄현.htm'>탄현</a> </div>
<div id="popular">
<img src="skin/popular/ssh/img/top_center.gif" align="absmiddle">
</div>
    </td>
<form name="fsearchbox" method="get" action="javascript:fsearchbox_submit(document.fsearchbox);">
    <td>
        <table width="100%" height="33" cellspacing="0" cellpadding="0">

<input type="hidden" name="sfl" value="wr_name||wr_subject||wr_content">
        <input type="hidden" name="sop" value="and">
        <tr>
            <td valign="middle">
              <INPUT name="stx" maxlengt="20" size="20" Onfocus="layer_show_hide('popular',1);" style="font-family:굴림;font-size:10pt;BORDER-BOTTOM: cccccc 1px solid; BORDER-LEFT: cccccc 1px solid; BORDER-RIGHT: cccccc 1px solid; BORDER-TOP: cccccc 1px solid;">
           </td>
           <td>
            <input type="image" src="skin/popular/ssh/img/search_button.gif" border="0" align="absmiddle">

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

} else {
eval(lay+".style.display = ''");
eval(lay+"2.style.display = 'none'");

}
}

function fsearchbox_submit(f)
{
    if (f.stx.value == '')
    {
        alert("검색어를 입력하세요.");
        f.stx.select();
        f.stx.focus();
        return;
    }

    /*
    // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
    var cnt = 0;
    for (var i=0; i<f.stx.value.length; i++)
    {
        if (f.stx.value.charAt(i) == ' ')
            cnt++;
    }

    if (cnt > 1)
    {
        alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
        f.stx.select();
        f.stx.focus();
        return;
    }
    */

f.action = "bbs/search.php.htm";
f.submit();
}
</script>

</td>
</tr>
</table>
<map name="top_Map" id="top_Map">
<area shape="rect" coords="85,39,144,72" href="default.htm" /><area shape="rect" coords="160,40,232,68" href="bbs/contents_view.php^code=1142020649.htm">
<area shape="rect" coords="251,39,319,70" href="bbs/board.php^bo_table=news.htm" /><area shape="rect" coords="336,39,414,71" href="bbs/board.php^bo_table=dictionary.htm" /></map>

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

    if (!chk) {
        alert("항목을 선택하세요");
        return false;
    }

win_poll();
return true;
}

function poll_result(po_id)
{

    win_poll("bbs/poll_result.php^po_id=.htm"+po_id+"&skin_dir="+document.fpoll.skin_dir.value);
}
</script>
</td></tr><tr><td >

<script language="javascript">
    var roll_height_s_ssh0412 = 130;
    var total_area_s_ssh0412 = 0;
    var wait_flag_s_ssh0412 = true;

    var bMouseOver_s_ssh0412 = 1;
    var roll_speed_s_ssh0412 = 1;
    var waitingtime_s_ssh0412 = 1500; //스피드
    var s_tmp_s_ssh0412 = 0;
    var s_amount_s_ssh0412 = 130;
    var roll_text_s_ssh0412 = new Array();
    var startPanel_s_ssh0412 = 0;
    var n_panel_s_ssh0412 = 0;
    var i_s_ssh0412 = 0;

    function start_roll_s_ssh0412()
    {
        i_s_ssh0412 = 0;
        for (i_s_ssh0412 in roll_text_s_ssh0412)
            n_panel_s_ssh0412++;

        n_panel_s_ssh0412 = n_panel_s_ssh0412 -1 ;
        startPanel_s_ssh0412 = Math.round(Math.random()*n_panel_s_ssh0412);
        if(startPanel_s_ssh0412 == 0)
        {
            i_s_ssh0412 = 0;
            for (i_s_ssh0412 in roll_text_s_ssh0412)
                insert_area_s_ssh0412(total_area_s_ssh0412, total_area_s_ssh0412++); // area 삽입
        }
        else if(startPanel_s_ssh0412 == n_panel_s_ssh0412)
        {
            insert_area_s_ssh0412(startPanel_s_ssh0412, total_area_s_ssh0412);
            total_area_s_ssh0412++;
            for (i_s_ssh0412=0; i_s_ssh0412<startPanel_s_ssh0412; i_s_ssh0412++)
            {
                insert_area_s_ssh0412(i_s_ssh0412, total_area_s_ssh0412); // area 삽입
                total_area_s_ssh0412++;
            }
        }
        else if((startPanel_s_ssh0412 > 0) || (startPanel_s_ssh0412 < n_panel_s_ssh0412))
        {
            insert_area_s_ssh0412(startPanel_s_ssh0412, total_area_s_ssh0412);
            total_area_s_ssh0412++;
            for (i_s_ssh0412=startPanel_s_ssh0412+1; i_s_ssh0412<=n_panel_s_ssh0412; i_s_ssh0412++)
            {
                insert_area_s_ssh0412(i_s_ssh0412, total_area_s_ssh0412); // area 삽입
                total_area_s_ssh0412++;
            }
            for (i_s_ssh0412=0; i_s_ssh0412<startPanel_s_ssh0412; i_s_ssh0412++)
            {
                insert_area_s_ssh0412(i_s_ssh0412, total_area_s_ssh0412); // area 삽입
                total_area_s_ssh0412++;
            }
        }
        if ( navigator.appName == "Microsoft Internet Explorer" )
        {
            if ( navigator.appVersion.indexOf ( "MSIE 4" ) > -1 )
            return ;
        }
        window.setTimeout("rolling_s_ssh0412()",waitingtime_s_ssh0412);
    }

    function insert_area_s_ssh0412(idx_s, n_s)
    {
        document.write('<div style="left: 0px; width: 100%; position: absolute; top: '+(roll_height_s_ssh0412*n_s)+'px" id="scroll_area_s_ssh0412'+n_s+'">\n'+roll_text_s_ssh0412[idx_s]+'\n</div>\n');
    }

roll_text_s_ssh0412[0]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=./bbs/board.php?bo_table=photo&wr_id=523> <img src=\"./data/file/photo/555195768_10e73d78_BBE7C1F8002628902029.jpg\" width=\"150\" height=\"130\" border=0></a></td></tr></table></td></tr></table>'
roll_text_s_ssh0412[1]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=bbs/board.php^bo_table=photo&wr_id=520.htm> <img src=\"./data/file/photo/555195738_c1c7f22d_BBE7C1F80009.jpg\" width=\"150\" height=\"130\" border=0></a></td></tr></table></td></tr></table>'
roll_text_s_ssh0412[2]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=bbs/board.php^bo_table=photo&wr_id=519.htm> <img src=\"./data/file/photo/555195738_3d510e51_BBE7C1F80007.jpg\" width=\"150\" height=\"130\" border=0></a></td></tr></table></td></tr></table>'
roll_text_s_ssh0412[3]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=bbs/board.php^bo_table=photo&wr_id=518.htm> <img src=\"./data/file/photo/555195742_37d143ed_DSC00284.JPG\" width=\"150\" height=\"130\" border=0></a></td></tr></table></td></tr></table>'
roll_text_s_ssh0412[4]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=bbs/board.php^bo_table=photo&wr_id=516.htm> <img src=\"./data/file/photo/555195742_e955fe56_BBE7C1F80007.jpg\" width=\"150\" height=\"130\" border=0></a></td></tr></table></td></tr></table>'
roll_text_s_ssh0412[5]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=bbs/board.php^bo_table=photo&wr_id=512.htm> <img src=\"./data/file/photo/555195737_9cbbecad_DSC0031128360429.jpg\" width=\"150\" height=\"130\" border=0></a></td></tr></table></td></tr></table>'
roll_text_s_ssh0412[6]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=bbs/board.php^bo_table=photo&wr_id=511.htm> <img src=\"./data/file/photo/627264904_d30ff875_hani.jpg\" width=\"150\" height=\"130\" border=0></a></td></tr></table></td></tr></table>'
roll_text_s_ssh0412[7]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=bbs/board.php^bo_table=photo&wr_id=510.htm> <img src=\"./data/file/photo/627264904_44ca6e4e_444.jpg\" width=\"150\" height=\"130\" border=0></a></td></tr></table></td></tr></table>'
</script>
<table width="170" height="170" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td colspan="3"><a href='bbs/board.php^bo_table=photo.htm'><img src="skin/latest/img_roll/img/bd_main_01.gif" alt="" width="170" height="33" border="0"></a></td>
</tr>
<tr>
    <td><img src="skin/latest/img_roll/img/bd_main_02.gif" width="8" height="131" alt=""></td>
    <td width="154" height="131">
<div style="center: 0px; width: 154px; position: relative; top: 0px; height: 131px; overflow:hidden;" onMouseover="bMouseOver_s_ssh0412=0" onMouseout="bMouseOver_s_ssh0412=1" id="scroll_image_s">
      <script>
        var no_script_flag_s_ssh0412 = false ;
        if ( navigator.appName == "Microsoft Internet Explorer" )
        {
            if ( navigator.appVersion.indexOf ( "MSIE 4" ) > -1 )
            {
                document.write ( roll_text_s_ssh0412[0] ) ;
                no_script_flag_s_ssh0412 = true ;
            }
        }
        if ( no_script_flag_s_ssh0412 == false )
            start_roll_s_ssh0412();
    </script>
    </div>
</td>
    <td><img src="skin/latest/img_roll/img/bd_main_04.gif" width="8" height="131" alt=""></td>
</tr>
<tr>
    <td colspan="3"><img src="skin/latest/img_roll/img/bd_main_05.gif" width="170" height="6" alt=""></td>
</tr>
</table>

</td>
</tr>
<tr><td>
<script language="javascript">
    var roll_height_s_ssh0413 = 86;
    var total_area_s_ssh0413 = 0;
    var wait_flag_s_ssh0413 = true;

    var bMouseOver_s_ssh0413 = 1;
    var roll_speed_s_ssh0413 = 1;
    var waitingtime_s_ssh0413 = 3000; //스피드
    var s_tmp_s_ssh0413 = 0;
    var s_amount_s_ssh0413 = 86;
    var roll_text_s_ssh0413 = new Array();
    var startPanel_s_ssh0413 = 0;
    var n_panel_s_ssh0413 = 0;
    var i_s_ssh0413 = 0;

    function start_roll_s_ssh0413()
    {
        i_s_ssh0413 = 0;
        for (i_s_ssh0413 in roll_text_s_ssh0413)
            n_panel_s_ssh0413++;

        n_panel_s_ssh0413 = n_panel_s_ssh0413 -1 ;
        startPanel_s_ssh0413 = Math.round(Math.random()*n_panel_s_ssh0413);
        if(startPanel_s_ssh0413 == 0)
        {
            i_s_ssh0413 = 0;
            for (i_s_ssh0413 in roll_text_s_ssh0413)
                insert_area_s_ssh0413(total_area_s_ssh0413, total_area_s_ssh0413++); // area 삽입
        }
        else if(startPanel_s_ssh0413 == n_panel_s_ssh0413)
        {
            insert_area_s_ssh0413(startPanel_s_ssh0413, total_area_s_ssh0413);
            total_area_s_ssh0413++;
            for (i_s_ssh0413=0; i_s_ssh0413<startPanel_s_ssh0413; i_s_ssh0413++)
            {
                insert_area_s_ssh0413(i_s_ssh0413, total_area_s_ssh0413); // area 삽입
                total_area_s_ssh0413++;
            }
        }
        else if((startPanel_s_ssh0413 > 0) || (startPanel_s_ssh0413 < n_panel_s_ssh0413))
        {
            insert_area_s_ssh0413(startPanel_s_ssh0413, total_area_s_ssh0413);
            total_area_s_ssh0413++;
            for (i_s_ssh0413=startPanel_s_ssh0413+1; i_s_ssh0413<=n_panel_s_ssh0413; i_s_ssh0413++)
            {
                insert_area_s_ssh0413(i_s_ssh0413, total_area_s_ssh0413); // area 삽입
                total_area_s_ssh0413++;
            }
            for (i_s_ssh0413=0; i_s_ssh0413<startPanel_s_ssh0413; i_s_ssh0413++)
            {
                insert_area_s_ssh0413(i_s_ssh0413, total_area_s_ssh0413); // area 삽입
                total_area_s_ssh0413++;
            }
        }
        if ( navigator.appName == "Microsoft Internet Explorer" )
        {
            if ( navigator.appVersion.indexOf ( "MSIE 4" ) > -1 )
            return ;
        }
        window.setTimeout("rolling_s_ssh0413()",waitingtime_s_ssh0413);
    }

    function insert_area_s_ssh0413(idx_s, n_s)
    {
        document.write('<div style="left: 0px; width: 100%; position: absolute; top: '+(roll_height_s_ssh0413*n_s)+'px" id="scroll_area_s_ssh0413'+n_s+'">\n'+roll_text_s_ssh0413[idx_s]+'\n</div>\n');
    }

roll_text_s_ssh0413[0]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=http://www.sir.co.kr target=_blank> <img src=\"./data/file/banner/555195768_684ecce6_logo.gif\" border=\"0\" border=0></a></td></tr></table></td></tr></table>'
roll_text_s_ssh0413[1]='<table width=100% cellpadding=1 cellspacing=0 border=0><tr><td width=100%><table width=100% cellpadding=1 cellspacing=0 border=0><tr><td align=center><a href=http://www.website114.com/ target=_blank> <img src=\"./data/file/banner/555195768_b911bce7_elpis_b.gif\" border=\"0\" border=0></a></td></tr></table></td></tr></table>'
</script>
<table height="86" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td >
<div style="center: 0px; width: 200px; height:86px;position: relative; top: 0px; overflow:hidden;" onMouseover="bMouseOver_s_ssh0413=0" onMouseout="bMouseOver_s_ssh0413=1" id="scroll_image_s">
      <script>
        var no_script_flag_s_ssh0413 = false ;
        if ( navigator.appName == "Microsoft Internet Explorer" )
        {
            if ( navigator.appVersion.indexOf ( "MSIE 4" ) > -1 )
            {
                document.write ( roll_text_s_ssh0413[0] ) ;
                no_script_flag_s_ssh0413 = true ;
            }
        }
        if ( no_script_flag_s_ssh0413 == false )
            start_roll_s_ssh0413();
    </script>
    </div>
</td>
</tr>
</table></td>
</tr>

...... 중략