* 아래 내용은 (http://suni.namoa.net)에서 가져왔습니다.
제겐 상당히 유용한 tip같아 메모하는 차원에서 여기 올려 놓습니다.
필요하신분들은 참고하시기 바랍니다.
1.마우스 롤오버시 테이블 색상과 글자색 바꾸기
마우스 롤오버시 테이블 셀의 색상과 글자색을 바꾸면 아주 이뿌죠..
먼저 테이블을 만들고..당연히 셀도 만들어 주어야 겠죠..
롤오버시 바뀌길 원하는 셀에다 다음소스를 삽입합니다.
<td bgcolor="#FFFFFF" onMouseOver="this.style.backgroundColor='#F6F6F6'" onMouseOut="this.style.backgroundColor='#FFFFFF'">
3*1처럼 하나의 열이 있을시 <tr 뒤에다 삽입해도 됩니다..
위의 소스를 살펴보면 마우스 오버시의 색상과 아웃시의 색상을 조절할수 있습니다..
마지막으로 글자의 색상은 스타일 시트를 이용하여 롤오버시의
색상을 지정하면 복잡하지 않고 아주 간단하게 됩니다..
2.날짜 나타내기
나름대로 제가 테이블 안에 소스를 삽압해봤습니다..
<table width="140" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div align="center"><font color="navy" size="2">
<script language="JavaScript">
<!-- hiding content from old browsers
today = new Date()
if(today.getMinutes() < 10){
pad = "0"
}
else
pad = "";
document.write("오늘은 ",today.getYear(),"년 ",today.getMonth()+1,"월 ",today.getDate(), "일입니다.");
// end hiding content-->
</script>
</font> </div>
</td>
</tr>
</table>
여기서 테이블크기,글자색,글자크기등을 조절하면 됩니다..
3. 실시간 뉴스 삽입하기
실시간 뉴스를 제공하는 곳에 링크를 시켜놓는 것입니다..
업글이 필요없는 아주 편한...^^;
먼저 원하는 크기의 테이블을 만든 다음 그안에 아래 소스를
삽입하면 훨씬 편합니다..
<applet code=Ticker.class codebase=http://news.kbs.co.kr/TICKER name=Ticker width=450 height=15 vspace="3" align="top">
<param name=frame_image value="frame.gif">
<param name=target value="null">
<param name=background value="FFFFFF">
<param name=foreground value="2e5fc2">
<param name="selected" value="cc0033">
</applet>
테이블 테두리에 색상을 주고 그다음 소스안에서
배경색, 글자색, 롤오버 했을때의 글자색
모두 원하는 색상을 지정할수 있습니다
4. 박스 만들기..
iframe은 다른 문서를 불러오는 것이지만 박스는 원하는 내용을 박스크기만큼만 보여주고 나머진 스크롤바가 생깁니다..
<head>와 </head> 사이에
<style type="text/css">
#box {width: 가로크기; height: 세로크기; overflow: auto; padding:박스안의 여백px; border:테두리 두께 solid red;}
</style>
배경색을 넣으려면 background-color:#FF6666 을 추가
배경 이미지를 넣으려면 background:이미지 경로를 추가
만약 배경그림을 반복하지 않고 오른쪽아래에 고정시키고 싶다면 no-repeat fixed right bottom 을 이미지 경로 뒤에 추가하면 됩니다..
마지막으로 <body>와 </body> 사이에 박스를 넣고 싶은 곳에 <div id="box">내용</div> 을 넣어주면 됩니다..
5.게시판에 플래시 삽입...
웹에디터에서 플래시 삽입은 간단합니다..버튼하나로..
근데 게시판 같은곳에 자기가 작업한 플래시를 삽입할려면...
먼저 작업한 플래시를 자기 계정에 올려논 다음..
<param name=movie value="작업한 플래시가 있는 주소">
<param name=quality value=high>
<embed src="작업한 플래시가 있는 주소" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="가로크기" height="세로크기">
</embed>
이소스를 삽입하면 됩니다. 그전에 게시판 옵션에서 html사용에 체크를 해야겠죠..
저위에 가로크기,세로크기는 플래시를 맹글때 치수랑 같게 하면 좋겠죠..
6. 플래시 배경 투명하게...
플래시 작업물을 웹에디터로 가져와서 부득이하게 그 위에 레이어를 삽입해야 한다면..
배경을 투명하게 하지않으면 레이어가 보이지 않습니다. 플래시 밑에 숨는격이 되죠..
<param name=wmode value="transparent"> 이소스를
<param name=어쩌구 저쩌구>가 끝나는 부분에 삽입하구..
wmode="transparent" 이소스를
<embed src=어쩌구 저쩌구 wmode="transparent" >요로케
삽입하면 레이어도 보이구 만약 배경이미지가 있다면
그것도 다 보입니다
7. iframe넣기
한 문서내에서 원하는 위치에 다른 문서를 삽입시키고 싶을때..
<body>와 </body> 사이에 iframe을 삽입하고 싶은 위치에
<iframe src="원하는 문서의 주소" width="600" height="400" scrolling=yes frameborder=no></iframe> 을 넣어줍니다..
스크롤바가 필요없으면 no
필요에 따라 자동으로 할려면 auto
프레임보더가 필요하면 no 대신에 yes
스크롤바를 투명하게 하고 싶으면 불러올 문서안에다
<style type="text/css">
body
{scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #91a3be;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: #91a3be;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #91a3be}
</style>
이 소스를 삽입하면 됩니다..
8. 링크주위의 점선 없애기
링크부분을 클릭하고 나면 주위에 점선이 생겨서 지저분해 보일때
<a href="링크 될 주소" ...요뒤에다가 onfocus='this.blur()'
을 넣어주면 됩니다..
<출처 : http://suni.namoa.net/index.htm> |
|
