소스보기 하셔서 퍼가세요. 태그피아 대문에 이 소스가 적용이 되었습니다.
테이블의 테두리를 감추고 가로/세로 크기를 100%로 해서 아무곳이나 클릭하면 메인으로 들어오죠.
후후 아래 예제는 예전의 계정에 있을때 만든거라서 현재의 태그피아 대문에 쓰인거와는 조금 다릅니다.
현재는 대문에 보이는 문서 전체에 링크를 걸었죠. 이 소스를 바디 시작태그에 넣으시면 됩니다.
<html>
<head>
<title>테이블 링크</title>
<script language="JavaScript">
<!--
function Tagpia_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
toolbar_str = toolbar ? 'yes' : 'no';
menubar_str = menubar ? 'yes' : 'no';
statusbar_str = statusbar ? 'yes' : 'no';
scrollbar_str = scrollbar ? 'yes' : 'no';
resizable_str = resizable ? 'yes' : 'no';
window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}
//-->
</script>
<!-- 위 소스는 새창을 열때 환경 설정 부분입니다. 수정 하실 수 있는 분들은 고쳐서 쓰시구요.
그렇지 못한 분들은 그냥 쓰시기를 바랍니다. -->
</head>
<body bgcolor='#CCCCCC' text='black' link='blue' vlink='purple' alink='red'>
<table border=1 cellpadding=0 cellspacing=0 width=650 bordercolor=teal align=center OnMouseOver="this.style.cursor='hand'; this.style.backgroundColor='orange';"
Onmouseout = "this.style.backgroundColor='#FFFFFF';"
OnClick="Tagpia_open_window('newtable', 'http://oxtag.com.ne.kr', 0, 0, 900, 600, 0, 1, 0, 1, 1);" bgcolor="#FFFFFF">
<tr>
<td align=center height=22 align=center width="303">
<p align="center"><font color=teal size="2">여기에는 글 내용을 적습니다.</font>
</td>
<td width="341">
<p align="center"><font size="2" color="fuchsia">이 태그는 테이블 자체에 링크를 시킨것입니다.</font>
</td>
</tr>
<tr>
<td width="646" colspan="2">
<p align="center"><font size="2" color="blue">테이블의 아무 곳이나 클릭해보세요. 그럼 연결된 url로 이동 됩니다.</font>
</td>
</tr>
</table>
<!--
위의 태그 중 ('newtable', 'http://oxtag.com.ne.kr', 0, 0, 900, 600, 0, 1, 0, 1, 1) 이 부분은 수정해서 사용하세요.
새 창으로 띄울 경우는 newtable은 새창의 이름이기 때문에 여러분의 홈을 프레임 나눴다면 프레임 명이 아닌 적당한 이름을
지정해주시구요. 프레임 안에 띄울려면 프레임명을 쓰면 됩니다. 그리구 뒤의 숫자는 대충 아시겠죠. 이것은 프레임 안에
새창이 열리게 할 경우는 필요 없는 부분이구요. 새창으로 띄울 경우는 상단의 스크립트 부분을 보시면 순서대로 이니까
수정하시면 됩니다. url 다음의 0,0,은 좌표 값입니다. 좌측에서 0px, top에서 0px에 띄워지겠죠. 그리구 뒤의 900, 600는
새창의 가로/세로 크기 지정이구요. 다음의 숫자들은 절대 값인 0과 1을 갖습니다. 0은 yes 1은 no입니다. 0, 1, 0, 1, 1를
순서대로 위 스크립트를 보시면 알겠지만 첫번째가 툴바, 두번째가 메뉴바..... 이런식으로 됩니다. 이걸 0과 1로 설정을
해주시면 됩니다. (새창 띄우기의 방법을 자세히 배우고 싶으신 분은 좌측의 소스천국>강좌&팁란에 가보세요.
OnMouseOver="this.style.cursor='hand'; this.style.backgroundColor='orange';"
Onmouseout = "this.style.backgroundColor='#FFFFFF';"
OnClick="Tagpia_open_window('newtable', 'http://oxtag.com.ne.kr', 0, 0, 900, 600, 0, 1, 0, 1, 1);"
이 부분은 현재 table 전체에 넣어줬죠. 각 셀에 따로 링크를 거실려면 tr에 넣으셔두 되구 td에 넣어두 됩니다.
tr에 넣으면 그 줄의 셀 전체에 링크가 걸리구 td에 넣으면 당연히 한 칸에만 링크가 걸리겠죠.
-->
</body>
</html>
'인터넷정보' 카테고리의 다른 글
| 테이블에 마우스 배경컬러 롤오버 효과 (0) | 2007.10.16 |
|---|---|
| 마우스 오버시 이미지가 컬러가 변합니당! (0) | 2007.10.16 |
| 마우스 오버시 이미지가 컬러가 변합니당! (0) | 2007.10.16 |
| SUBMIT 버튼을 이미지로 바꾸기 (0) | 2007.10.16 |
| SUBMIT 버튼을 이미지로 바꾸기 (0) | 2007.10.16 |
| 테이블 자체에 링크 걸기 (0) | 2007.10.16 |
| 테이블 투명하게 하기 (0) | 2007.10.16 |
| 테이블 투명하게 하기 (0) | 2007.10.16 |
| 스크롤바를 좌측으로 꾸미기 (0) | 2007.10.16 |
| 스크롤바를 좌측으로 꾸미기 (0) | 2007.10.16 |