웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
색다른 링크법(새창)
2002.12.30 19:13
MSN메신저 온라인도움말 페이지에서 퍼왔습니다.
그런데 응용할만데가 있을지는 모르겠네요...^^;
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987">
<STYLE>
.clsButtonFace {BORDER-RIGHT: gray 1px solid;
BORDER-BOTTOM: gray 1px solid;
BORDER-LEFT: white 1px solid;
BORDER-TOP: white 1px solid;
PADDING-RIGHT: 2px;
FONT: 10pt verdana;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: center;
CURSOR: hand;}
.clsButtonFaceDown {BORDER-RIGHT: #ffffff 1px solid;
BORDER-BOTTOM: #ffffff 1px solid;
BORDER-LEFT: gray 1px solid;
BORDER-TOP: gray 1px solid;
PADDING-TOP: 2px;
FONT: 10pt verdana;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: center;
CURSOR: hand;
TEXT-INDENT: 2px;}
</STYLE>
</HEAD>
<BODY style="background:#f1f1f1;" leftMargin=0 topMargin=0 rightMargin=0>
<br><center>
<TABLE cellSpacing=0 cellPadding=0 border=0 width="500" height="30">
<TBODY>
<TR>
<TD class=clsButtonFace
onmouseup="this.className='clsButtonFace';"
onmousedown="this.className='clsButtonFaceDown';"
onmouseout="if(this.className!='+ 'clsButtonFace'){this.className='clsButtonFace'}"
onclick=showidx.click()>
<A href="연습.htm" target="_blank" id=showidx
onclick="event.cancelBubble = true;">링크1</A>
</TD>
<td> </td>
<TD class=clsButtonFace
onmouseup="this.className='clsButtonFace';"
onmousedown="this.className='clsButtonFaceDown';"
onmouseout="if(this.className!='clsButtonFace'){this.className='clsButtonFace';}"
onclick=showtoc.click()> 링크2
</TD>
</TR>
</TBODY>
</TABLE></center>
<A href="연습.htm" target="_blank" id=showtoc onclick="event.cancelBubble = true;" style="visibility:hidden;"> </A>
</BODY>
</HTML>
중복자료거나 잘못된 부분이 있다면 지적해주세요~
그런데 응용할만데가 있을지는 모르겠네요...^^;
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987">
<STYLE>
.clsButtonFace {BORDER-RIGHT: gray 1px solid;
BORDER-BOTTOM: gray 1px solid;
BORDER-LEFT: white 1px solid;
BORDER-TOP: white 1px solid;
PADDING-RIGHT: 2px;
FONT: 10pt verdana;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: center;
CURSOR: hand;}
.clsButtonFaceDown {BORDER-RIGHT: #ffffff 1px solid;
BORDER-BOTTOM: #ffffff 1px solid;
BORDER-LEFT: gray 1px solid;
BORDER-TOP: gray 1px solid;
PADDING-TOP: 2px;
FONT: 10pt verdana;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: center;
CURSOR: hand;
TEXT-INDENT: 2px;}
</STYLE>
</HEAD>
<BODY style="background:#f1f1f1;" leftMargin=0 topMargin=0 rightMargin=0>
<br><center>
<TABLE cellSpacing=0 cellPadding=0 border=0 width="500" height="30">
<TBODY>
<TR>
<TD class=clsButtonFace
onmouseup="this.className='clsButtonFace';"
onmousedown="this.className='clsButtonFaceDown';"
onmouseout="if(this.className!='+ 'clsButtonFace'){this.className='clsButtonFace'}"
onclick=showidx.click()>
<A href="연습.htm" target="_blank" id=showidx
onclick="event.cancelBubble = true;">링크1</A>
</TD>
<td> </td>
<TD class=clsButtonFace
onmouseup="this.className='clsButtonFace';"
onmousedown="this.className='clsButtonFaceDown';"
onmouseout="if(this.className!='clsButtonFace'){this.className='clsButtonFace';}"
onclick=showtoc.click()> 링크2
</TD>
</TR>
</TBODY>
</TABLE></center>
<A href="연습.htm" target="_blank" id=showtoc onclick="event.cancelBubble = true;" style="visibility:hidden;"> </A>
</BODY>
</HTML>
중복자료거나 잘못된 부분이 있다면 지적해주세요~
제목 | 글쓴이 | 날짜 |
---|---|---|
시작페이지 만들기 [1] | 정재선 | 2006.06.16 |
'검색'창에 페이지 띄우기 [8] | KLclub | 2006.05.14 |
플래쉬에 회색 상자 뜨지 않게 하기. [8] | 김관석 | 2006.05.13 |
하이퍼링크를 이용한 2가지 유용한 팁 [2] | 웹스터디 | 2006.05.11 |
[동영상] 제2강 글자 관련 태그 [1] | 인테리어뱅크 | 2006.04.11 |
[동영상] 제1강 html 개요 사용방법 | 인테리어뱅크 | 2006.04.11 |
페이지 자동 이동 태그입니다. | 인테리어뱅크 | 2006.04.10 |
오른쪽버튼 금지 및 드래그금지 태그 [3] | 인테리어뱅크 | 2006.04.10 |
브라우저 도메인 주소 안나타나게 하기 [2] | 인테리어뱅크 | 2006.04.10 |
제 홈페이지 분석(뭐징?) [5] | 박현우 | 2006.03.11 |
게시판 글 적을 시에 주소 입력 후 링크연결 안되게 하는 법 [2] | 트릭썬더 | 2006.01.27 |
본문만들기 2장 [4] | 민개 | 2005.12.15 |
HTML 이란? 1장 [1] | 민개 | 2005.12.13 |
게임차트에서 가져오는 실시간 게임순위 [2] | 絶世美男@ | 2005.12.11 |
[HTML] 동영상 강좌_ html 기초부분 [1] | 다모폐인 | 2005.11.15 |
무지 짧은 소스로 스크롤바를 왼쪽으로 옮겨보자 [4] | 한용 | 2005.11.10 |
[동영상강좌] 노프레임 홈페이지만들기 [8] | 꼬냐닷컴 | 2005.10.02 |
필터를 적용한 EMBED 태그 | SHINIYA | 2005.10.01 |
FTP로 홈페이지 출판하기 | 어린공주 | 2005.09.30 |
배경을 가로 또는 세로로 반복하여 보여주는 기능. [1] | 꼬냐닷컴 | 2005.09.19 |
아래에 넣은 주소가 링크2에 걸리고
상당히 깔끔 입니다.