★염치 없이 또질문합니다. 메인화면 오른쪽에 상하 스크롤메뉴 소스좀 알려주시면 안될까요? > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

★염치 없이 또질문합니다. 메인화면 오른쪽에 상하 스크롤메뉴 소스좀 알려주시면 안될까요? 정보

★염치 없이 또질문합니다. 메인화면 오른쪽에 상하 스크롤메뉴 소스좀 알려주시면 안될까요?

본문

마우스 스크롤을 아래로 올리거나 내리면 따라오는 상하 스크롤메뉴는 어떻게 만드는 건가요?
쉬운 방법이 있으면 부탁드리겠습니다.

네이버에서 찾아봐도 너무 어렵게 설명이 되있어서요~

댓글 전체

<!--
var stmnLEFT = 815; // 스크롤메뉴의 좌측 위치
var stmnGAP1 = 70; // 페이지 헤더부분의 여백
var stmnGAP2 = 70; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 75; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 0; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 0; // 스크롤되는 속도 (클수록 늦게 움직임)

var stmnTimer;

function ReadCookie(name) {
var label = name + "=";
var labelLen = label.length;
var cLen = document.cookie.length;
var i = 0;

while (i < cLen) {
        var j = i + labelLen;

        if (document.cookie.substring(i, j) == label) {
                var cEnd = document.cookie.indexOf(";", j);
                if (cEnd == -1) cEnd = document.cookie.length;
                return unescape(document.cookie.substring(j, cEnd));
        }
                i++;
    }
  return "";
}

function SaveCookie(name, value, expire) {
var eDate = new Date();
eDate.setDate(eDate.getDate() + expire);
document.cookie = name + "=" + value + "; expires=" +  eDate.toGMTString()+ "; path=/";
}

function RefreshStaticMenu()
        {
                var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;

                stmnStartPoint = parseInt(STATICMENU.style.top, 10);

                                       
                                        stmnEndPoint = document.body.scrollTop + stmnGAP2;

                        stmnLimit = parseInt(window.document.body.scrollHeight) - parseInt(STATICMENU.offsetHeight);
                        if (stmnEndPoint > stmnLimit) stmnEndPoint = stmnLimit;
                                       
                                        if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;

                stmnRefreshTimer = stmnActivateSpeed;

                if ( stmnStartPoint != stmnEndPoint ) {
                        stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
                        STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
                        stmnRefreshTimer = stmnScrollSpeed;
                }

                stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
        }

function ToggleAnimate() {
        if (!ANIMATE.checked) {
                RefreshStaticMenu();
                SaveCookie("ANIMATE", "true", 300);
                } else {
                clearTimeout(stmnTimer);
                STATICMENU.style.top = stmnGAP1;
                SaveCookie("ANIMATE", "false", 300);
        }
}

function InitializeStaticMenu() {
STATICMENU.style.left = stmnLEFT;
        if (ReadCookie("ANIMATE") == "false") {
                ANIMATE.checked = true;
                STATICMENU.style.top = document.body.scrollTop + stmnGAP1;
                } else {
                ANIMATE.checked = false;
                STATICMENU.style.top = document.body.scrollTop + stmnBASE;
                RefreshStaticMenu();
        }
}
//-->


위의 스크립트를 <head></head> 사이에 넣거나 아니면 자바스크립 파일을 만들어
거기에 넣어두고 불러두기 하면 됩니다.

그리고 index 의 <body></body> 사이에 아무곳에나 아래 내용을
집어넣으시면 됩니다. 설정은 알아서 ㅇㅅㅇa

<div id="STATICMENU" style="position:absolute;">
  <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><?=popular("popular_w"); // 검색 ?></td>
  </tr>
    <tr>
      <td height="20">
        <input id="ANIMATE" type="checkbox" onClick="ToggleAnimate();">이동 끄기</td>
    </tr>
  </table>
</div>

<script language="javascript">
<!--
InitializeStaticMenu(); // 스크롤메뉴를 가동하는 자바스크립트
//-->
</script>


저도 찾아서 사용하고 있는 중이예요 ~_~a
에구구~ 저는 그누보드에서 기본으로 주는 템플릿을 사용하는데
head도없고
body도 없어요....
어디다 넣어야 하나요?
초보에요~

★head.php --->소스시작
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");

//print_r2(get_defined_constants());

// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.

$table_width = 1004;
?>

<!-- 상단 배경 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
    <!-- <td background="<?=$g4[path]?>/img/top_img_bg.gif">
        <table width="100%" height="52" cellspacing="0" cellpadding="0"> -->
        <tr>
 <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<img src="\img\top_img.gif" width="1004" height="52" border="0" usemap="#ImageMap1"><map name="ImageMap1">
<area shape="rect" coords="305, 5, 359, 24" href="http://pcink.co.kr/bbs/board.php?bo_table=news">
<area shape="rect" coords="367, 6, 430, 23" href="http://pcink.co.kr/bbs/board.php?bo_table=qna">
<area shape="rect" coords="440, 7, 492, 23" href="http://pcink.co.kr/bbs/board.php?bo_table=lecture">
<area shape="rect" coords="500, 7, 552, 23" href="http://pcink.co.kr/bbs/board.php?bo_table=data">
<area shape="rect" coords="561, 5, 632, 23" href="http://pcink.co.kr/bbs/board.php?bo_table=ipchul">
<area shape="rect" coords="643, 6, 723, 23" href="http://pcink.co.kr/bbs/board.php?bo_table=g">
<area shape="rect" coords="731, 5, 782, 22" href="http://pcink.co.kr/bbs/board.php?bo_table=info">
<area shape="rect" coords="791, 5, 854, 23" href="http://pcink.co.kr/bbs/board.php?bo_table=inter">
<area shape="rect" coords="863, 6, 928, 23" href="http://pcink.co.kr/bbs/board.php?bo_table=free">
<area shape="rect" coords="938, 7, 1000, 24" href="http://pcink.co.kr/bbs/board.php?bo_table=gallery">
<area shape="rect" coords="411, 28, 483, 47" href="http://pcink.co.kr/bbs/board.php?bo_table=com">
<area shape="rect" coords="495, 29, 583, 48" href="http://pcink.co.kr/bbs/board.php?bo_table=net_sangpum">
<area shape="rect" coords="594, 29, 695, 48" href="http://pcink.co.kr/bbs/board.php?bo_table=t_printer">
<area shape="rect" coords="707, 29, 863, 48" href="http://pcink.co.kr/bbs/board.php?bo_table=ink_toner">
<area shape="rect" coords="874, 27, 932, 48" href="http://pcink.co.kr/bbs/board.php?bo_table=im">
<area shape="rect" coords="942, 28, 977, 47" href="http://pcink.co.kr/bbs/board.php?bo_table=old">
<area shape="rect" coords="39, 18, 136, 50" href="http://pcink.co.kr/bbs/board.php?bo_table=net_as">
<area shape="rect" coords="146, 30, 178, 48" href="http://pcink.co.kr/bbs/board.php?bo_table=mtm">
<area shape="rect" coords="187, 30, 236, 49" href="http://pcink.co.kr/bbs/board.php?bo_table=admin_page">
<area shape="rect" coords="325, 29, 388, 48" href="http://www.pcink.co.kr">
</map>
        </tr>
        </table></td>
</tr>
</table>
<!-- 상단 배경 끝 -->

<!-- 상단 로고 및 버튼 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
    <td width="43" height="57"></td>
    <!-- 로고 -->
    <td width="220"><a href="<?=$g4[path]?>/"><img src="<?=$g4[path]?>/img/logo.jpg" width="220" height="57" border="0"></a></td>
    <td>
        <table width=100% border=0 cellpadding=0 cellspacing=0>
        <tr>
            <td>&nbsp;</td>
        </tr>
        </table>
    </td>
    <td width="390" align="right">
        <table border="0" cellspacing="0" cellpadding="0">
        <tr>
            <!-- 처음으로 버튼 -->
            <td width="78"><a href="<?=$g4[path]?>/"><img src="<?=$g4[path]?>/img/top_m01.gif" width="78" height="31" border="0"></a></td>

            <? if (!$member[mb_id]) { ?>
            <!-- 로그인 이전 -->
            <td width="78"><a href="<?=$g4[bbs_path]?>/login.php?url=<?=$urlencode?>"><img src="<?=$g4[path]?>/img/top_m02.gif" width="78" height="31" border="0"></a></td>
            <td width="78"><a href="<?=$g4[bbs_path]?>/register.php"><img src="<?=$g4[path]?>/img/top_m03.gif" width="78" height="31" border="0"></a></td>
            <? } else { ?>
            <!-- 로그인 이후 -->
            <td width="78"><a href="<?=$g4[bbs_path]?>/logout.php"><img src="<?=$g4[path]?>/img/top_m04.gif" width="78" height="31" border="0"></a></td>
            <td width="78"><a href="<?=$g4[bbs_path]?>/member_confirm.php?url=register_form.php"><img src="<?=$g4[path]?>/img/top_m05.gif" width="78" height="31" border="0"></a></td>
            <? } ?>
           
            <!-- 최근게시물 버튼 -->
            <td width="78"><a href="<?=$g4[bbs_path]?>/new.php"><img src="<?=$g4[path]?>/img/top_m06.gif" width="78" height="31" border="0"></a></td>

        </tr>
        </table></td>
    <td width="35"></td>
</tr>
</table>
<!-- 상단 로고 및 버튼 끝 -->

<!-- 검색 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
    <td width="43" height="11"></td>
    <td width="220"></td>
    <td width=""></td>
    <td width="234"><img src="<?=$g4[path]?>/img/search_top.gif" width="234" height="11"></td>
    <td width="35"></td>
</tr>
<tr>
    <td height="33"><img src="<?=$g4[path]?>/img/bar_01.gif" width="43" height="33"></td>
    <td><img src="<?=$g4[path]?>/img/bar_02.gif" width="220" height="33"></td>
    <td background="<?=$g4[path]?>/img/bar_03.gif" width="472" height="33"><table width=100% cellpadding=0 cellspacing=0><tr><td width=25>&nbsp;</td><td><?//=popular();?></td></tr></table></td>
    <td>
        <table width="100%" height="33" cellspacing="0" cellpadding="0">
        <form name="fsearchbox" method="get" action="javascript:fsearchbox_submit(document.fsearchbox);">
        <!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
        <input type="hidden" name="sfl" value="wr_subject||wr_content">
        <input type="hidden" name="sop" value="and">
        <tr>
            <td width="25" height="25"><img src="<?=$g4[path]?>/img/search_01.gif" width="25" height="25"></td>
            <td width="136" valign="middle" bgcolor="#F4F4F4"><INPUT name="stx" maxlengt=20 style="BORDER : 0px solid; width: 125px; HEIGHT: 20px; BACKGROUND-COLOR: #F4F4F4" maxlength="20"></td>
            <td width="12"><img src="<?=$g4[path]?>/img/search_02.gif" width="12" height="25"></td>
            <td width="48"><input type="image" src="<?=$g4[path]?>/img/search_button.gif" width="48" height="25" border="0"></td>
            <td width="13"><img src="<?=$g4[path]?>/img/search_03.gif" width="13" height="25"></td>
        </tr>
        <tr>
            <td width="234" height="8" colspan="5"><img src="<?=$g4[path]?>/img/search_down.gif" width="234" height="8"></td>
        </tr>
        </form>
        </table></td>
    <td></td>
</tr>
</table>

<script language="JavaScript">
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 = "<?=$g4[bbs_path]?>/search.php";
    f.submit();
}
</script>
<!-- 검색 끝 -->

<div style='height:18px;'></div>

<style type="text/css">
#middiv {
width:<?=$table_width?>px;
position:relative;
margin:0px auto;
    vertical-align:top;
    float:left;
}
#middiv #mleft  { width:220px; float:left; padding:0 0 0 43; }
#middiv #mright { width:683px; float:left; padding:0 0 0 15; }
</style>

<table width='<?=$table_width?>' cellpadding=0 cellspacing=0>
<tr>
    <td width=43></td>
    <!-- 왼쪽 메뉴 -->
    <td width=220 valign=top>
        <?=outlogin("basic"); // 외부 로그인 ?>

        <div style='height:10px;'></div>

        <?=poll("basic"); // 설문조사 ?>

        <div style='height:10px;'></div>

        <?=visit("basic"); // 방문자수 ?>

        <div style='height:10px;'></div>

        <?=connect(); // 현재 접속자수 ?>
    </td>
    <!-- 중간 -->
    <td width=683 valign=top>

★head.php 소스끝----

★index.php 소스시작 ----------
<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");

$g4[title] = "";
include_once("./_head.php");
?>

<!-- 메인화면 최신글 시작 -->
<table width="100%" cellpadding=0 cellspacing=0 border="0">
                          <!--1줄  연속프린터테스트 동영상 , 공지사항 -->
<tr>
    <td valign=top><embed width=333 height=195 src=http://pcink.co.kr/test/test_printer.wmv mute=1 ShowControls="false" playcount="0"></embed></td><td valign=top width=10></td>
<td valign="top"><?=latest("basic", "news","5","48");?> </td>
</tr>
                          <!--2줄  질문과답변 , 기술자료실 -->

<tr>
    <td valign="top" colspan=3 height=8></td>
</tr>

<tr>
    <td valign=top>
    <!--      올라가는스크롤갯수,제목길이,"보여지는겟수,글 아래위간격" -->
<?=latest("scroll", "qna",15,35,"7,20");?></td><td width=10></td>
<td valign="top"><?=latest("scroll", "lecture",15,35,"7,20");?> </td>
</tr>

<tr>
    <td valign="top" colspan=3 height=8></td>
</tr>

<tr>
    <td valign="top"><?=latest("scroll2", "ipchul",15,35,"7,20");?></td><td width=10></td>
<td valign="middle" width=333 height=180><a href=http://pcink.co.kr/bbs/board.php?bo_table=inter><img src="/image/inter.gif" border=0></a>
</td>
</tr>
<tr>
    <td valign="top" colspan=3></td>
</tr>

<tr> <td valign="top" colspan="3" height=8></td></tr>

     
<!-- 컴퓨터관련 -->
<tr>
    <td valign="top" colspan="3" border="0"><img src="/gesi_gif/m_title.gif" border="0"></td>
</tr>
<tr>
<td valign="top" height=10 colspan="3" border="0"></td>
</tr>

<tr>
    <td valign="top"><?=latest("latestgallery","com",6,8);?></td>
    <td valign="top" width=10></td>
<td valign="top"><?=latest("latestgallery","im",6,8);?></td>
</tr>
<tr><td valign="top" colspan=3 height=12></td></tr>


 <!--3줄 잉크소모품및 잉크연속공급기 -->

<tr>
    <td valign="top" colspan="3" border="0"><img src="/gesi_gif/somo.gif" border="0"></td>
</tr>

<tr>
<td valign="top" height=10 colspan="3" border="0"></td>
</tr>

<tr>
    <td valign="top"><?=latest("latestgallery2","ink_toner",6,8);?></td>
    <td valign="top" width=10></td>
<td valign="top"><?=latest("latestgallery2","t_printer",6,8);?></td>
</tr>

                            <!-- 중고제품 -->

<tr>
<td valign="top" colspan=3 height=12></td>
</tr>


<tr>
<td valign="top" colspan=3><img src=/gesi_gif/l.gif></td>
</tr>

<tr>
<td valign="top" colspan=3 height=12></td>
</tr>



<tr>
    <td valign ="top" colspan=3><?=latest("latestgallery3","old",8,10);?></td>
</tr>











</table>
<!-- 메인화면 최신글 끝 -->

<?
include_once("./_tail.php");
?>
★index.php 소스끝--------------------------------
head.sub.php에
body 및 head 속성을 적용시킬수 있습니다...
마찬가지로 tail.sub.php에 body와 html을 닫는 코드가 있구요...

head가 없다고 하셨지만 head.php에
 include_once("$g4[path]/head.sub.php");
이 구문이 선언되어 있는이상..
이미 head가  head.php를 불러오는 페이지마다 들어가 있다고 보시면 됩니다...

즉 노프레임 한페이지가 구성되기 위해선..

head.sub.php
head.php(_head.php에서 불러옴)
본문.php
tail.php(_tail.php에서 불러옴)
tail.sub.php

위와같은 파일들이 유기적으로 연결되어서 한페이지로 보여지게 됩니다...
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT