<head>와</head>사이에 아래 소스를 넣습니다.

 

 

 

<style type="text/css">
 <!--
 #floater {
 position:absolute;
 visibility: visible;
}
 -->
 </style>

 

다음에는 <body></body> 사이에 퀵메뉴를 넣어줄 셀 안에 넣어주세요.

내용넣기 부분에는 퀵메뉴를 넣어주면 됩니다.

사이즈는 본인에게 맞게 수정해서 사용하세요.

 

 

 

<div id=floater style=" top:120; width:100; height:100; z-index:10; position;relative">

내용넣기
    </div>
<script language="javascript">
 var scrollStat = true;
 position_start = 0;
 lastScrollY = 0;
 NS = (document.layers) ? 1 : 0;
 IE = (document.all) ? 1 : 0;
 OP = ((document.getElementById) && (navigator.appName == "Opera")) ? 1 : 0;
 NSSECHS = ((document.getElementById) && (navigator.appName == "Netscape")) ? 1 : 0;
 if (IE) {
   position = document.all.floater.style.pixelTop;
 }
 if (OP) {
   position = document.getElementById("floater").style.pixelTop;
 }
 if (NS) {
   position_start = 15;
   position = document.floater.top;
 }

 function abstand()
 {
   if ( scrollStat == false ) return;
   if (IE) { diffY = document.body.scrollTop; }
   if (NS) { diffY = self.pageYOffset; }
   if (OP) { diffY =  document.getElementsByTagName("body") [0] .scrollTop; }

   if (diffY != lastScrollY) {
 
  percent = .1 * (diffY - lastScrollY);

  if (percent > 0) percent = Math.ceil(percent);
     else percent = Math.floor(percent);

     if (IE) {
       position += percent;
       document.all.floater.style.pixelTop = position + position_start ;
     if (document.all.floater.style.pixelTop < 50){
     document.all.floater.style.pixelTop = 50;
  }

  }
     if (OP) {
       position += percent;
       document.getElementById("floater").style.PixelTop = position + position_start;
     }
     if (NS) {
       position += percent;
       document.floater.top = position + position_start;
     }
  lastScrollY = lastScrollY + percent;
     }
 }
 if (NS || IE || OP ) action = window.setInterval("abstand()",1);
 </script>

============================


위 파일 인클루드 시키고..
div id 명은 floater로 position : absolute 지정
크기는 css 가 아닌 div 내 태그로 지정 그럼 끗~!


1) Magazine @ H.O.G.E.R.



#2002.04.19. 고등학교 2학년
때는 고등학교 2학년 시절.. 홈페이지도 별로 없던 시절
스스로 독학을해서 플래쉬와 포토샵을 이용해서 만든 홈페이지
링크가 많이 깨져서 부누부분 흰 여백으로 나타나있지만
저부분이 전부 플래쉬가 삽입된 부분이었다.
하나의 웹진 형식으로 여러 종류의 컨텐츠를 다루고
윈앰프 방송까지 실시간으로 하게끔 구상한 최초의 홈페이지




2)  H.O.G.E.R. in Chaos

#2003.02.19. 고등학교 3학년
고3을 맞이하여 이런저런 이야기를 닮고싶어서 만든 홈페이지
저당시는 무척이나 고3이란 기간이라서 혼돈에 빠져있는 스스로를 표현해보았다 ㅋ
아마 저때쯤부터 슬슬 싸이월드가 인기를 타기시작했는데..
개인홈페이지 유지해 보겠다며 꿋꿋이 버티기 시작했던거 같다.


3) Hoger in Blue Sky!!



#2004.01.20. 대학교 1학년
내 스스로가 가장 만족한 개인 홈페이지였다.
링크가 다 깨져서 메뉴구성도 완전 엉망인 채로 남아있지만
오른족 메뉴를 하나씩 누를때마다 새로운 팝업이 뜨는 구조로
나름 팬시하면서 알찬 내용을 담고있었다.
하늘을 좋아라하는 이유로 전체적으로 하늘의 느낌을 나게 디자인하였지만..
링크가 다깨져서 하얀 여백으로만 남아있어서 아쉽다.. 한번 뒤져봐야겠다
분명 어디 남아있을텐데...


4) 순천고등학교 홈페이지


#2002.00.00. 고등학교 2학년
고등학교 시절 교내에서 정보통신 부장을 맡은관계로
홈페이지도 만들고 관리하고 그런일을 했었다.
그당시의 고등학교 홈페이지의 선호 디자인은 요즘의 그것과는 사뭇 달랐다
신기술도 없을뿐더라 그냥 무난하게 단정한것을 요구했다.


<script src="common/iezn_embed_patch.0.43.js" type="text/javascript"></script>
<div style="position:absolute;left:47px;top:45px">
<param name='movie' value='http://serviceapi.nmv.naver.com/flash/NFPlayer.swf?vid=17E0FDF53BFD33859FA7BBC72B7A66561CB9&outKey=0198ea20559c43dfe4e0df17501f0e50e86cc2fc0e5360371b4276fc5afcbbd6ed176e9d01e398d5401a1edeff35dad3' />
<param name='wmode' value='transparent' />
<embed src='http://mech.skku.ac.kr/img/menu_0.swf' wmode='transparent' width='586' height='159' type='application/x-shockwave-flash' />
</div>

<div style="position:absolute;left:47px;top:660px">
<param name='movie' value='http://serviceapi.nmv.naver.com/flash/NFPlayer.swf?vid=17E0FDF53BFD33859FA7BBC72B7A66561CB9&outKey=0198ea20559c43dfe4e0df17501f0e50e86cc2fc0e5360371b4276fc5afcbbd6ed176e9d01e398d5401a1edeff35dad3' />
<param name='wmode' value='transparent' />
<embed src='http://mech.skku.ac.kr/img/menu_0.swf' wmode='transparent' width='586' height='159' type='application/x-shockwave-flash' />
</div>
<div style="position:absolute;left:524px;top:0px">
<IMG SRC="img/mech_ui.jpg" WIDTH="500" HEIGHT="109" BORDER="0" ALT="">
</div>

+ Recent posts