영원한사랑

인터넷정보 +1252

클릭하면 예쁜 꽃과 낙엽들이......

인터넷정보2007. 10. 16. 17:19
http://oxtag.com/html/ex/mouse_fok.html



'인터넷정보' 카테고리의 다른 글

문서에 들어가고 나갈때 인사말 창  (0) 2007.10.16
귀여운 창퍽  (0) 2007.10.16
마우스 오버시 이미지가 흑백으로 변하는 태그  (0) 2007.10.16
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그  (0) 2007.10.16
마우스 오버시 테이블 컬러가 변하는 태그  (0) 2007.10.16
이쁜 공지창  (0) 2007.10.16
새로고침 / 뒤로가기 / 앞으로가기  (0) 2007.10.16
문서에 테두리 두르기  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16

이쁜 공지창

인터넷정보2007. 10. 16. 17:18

요기에 할말 쓰시구영~

여기도 할말..

요기두..할말...^^



<table border="3" bordercolor="hotpink" background="" align="center" width="500" cellspacing="3" bordercolordark="" bordercolorlight="">
   <tr>
   <td width="280" height="340" rowspan="2" style="border-width:3; border-color:FFDDDD; border-style:dotted;">
   <FIELDSET style="border: 2px  ; padding=7; width=280; height=340; overflow: auto">
   <p align="center">
요기에 할말 쓰시구영~
<td width="220" height="170" style="border-width:3; border-color:FFDDDD; border-style:dotted;">
   <FIELDSET style="border: 1px  ; padding=7; width=220; height=170; overflow: auto">
   <p align="center">
   <font size="2" color="hotpink" face="휴먼엽서체">
    여기도 할말..<p>
  </font></p>
   <p align="left"><FONT size=2 color= >
  </FONT></p></fieldset>
   </td>
   </tr>
   <tr>
   <td width="220" height="170" style="border-width:3; border-color:FFDDDD; border-style:dotted;">
   <FIELDSET style="border: 1px  ; padding=7; width=220; height=170; overflow: auto">
   <p align="center"><font size="2" color="hotpink">
<img src=http://w01.hompy.com/zina/frame/icon/human/little/man03_43.gif>
<img src=http://w01.hompy.com/zina/frame/icon/human/little/man03_42.gif><p>
          요기두..할말...^^<p>
</td></TR>
</TABLE>

'인터넷정보' 카테고리의 다른 글

귀여운 창퍽  (0) 2007.10.16
마우스 오버시 이미지가 흑백으로 변하는 태그  (0) 2007.10.16
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그  (0) 2007.10.16
마우스 오버시 테이블 컬러가 변하는 태그  (0) 2007.10.16
클릭하면 예쁜 꽃과 낙엽들이......  (0) 2007.10.16
새로고침 / 뒤로가기 / 앞으로가기  (0) 2007.10.16
문서에 테두리 두르기  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16
마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16

새로고침 / 뒤로가기 / 앞으로가기

인터넷정보2007. 10. 16. 17:18
뒤로가기 : <a href="javascript:history.back()">뒤로갈껴~</a>
새로고침 : <a href="javascript:location.reload()">새로고칠껴~</a>
앞으로 가기 : <a href="javascript:history.forward()">앞으로</a>

나모에서는 하이퍼링크 만들 문자나 그림을 선택한 후 '주소'창에
javascript:history.back() 을 적으면 뒤로 단추이고
javascript:location.reload() 을 새로고침 단추가 됩니다.
javascript:history.forward() 를 적으면 앞으로 가기가 됩니다.
(물론 이미지로도 링크 되겟죠.)


다른 방법....

:: 뒤로가기
<a href="javascript:history.go(-1)">back</a>

:: 새로고침
<a href="javascript:location.reload()">reload</a>

:: 앞으로가기
<a href="javascript:history.go(1)">앞으로가기</a>

'인터넷정보' 카테고리의 다른 글

마우스 오버시 이미지가 흑백으로 변하는 태그  (0) 2007.10.16
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그  (0) 2007.10.16
마우스 오버시 테이블 컬러가 변하는 태그  (0) 2007.10.16
클릭하면 예쁜 꽃과 낙엽들이......  (0) 2007.10.16
이쁜 공지창  (0) 2007.10.16
문서에 테두리 두르기  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16
마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16
화면 캡쳐하는 방법  (0) 2007.10.16

문서에 테두리 두르기

인터넷정보2007. 10. 16. 17:18
우측 프레임에 빨간색 테두리가 있죠. 이렇게 문서전체에 여백없이 깔끔한 테두리를 만들어주는 소스입니다.
(이 창은 프레임이 나눠져 있어서 이 페이지의 테두리만 둘러졌죠.)
요즘은 커뮤니티나 까페같은 곳에서도 종종 보이고, 새창으로 띄운 웹페이지에도
간혹 테두리를 두른 모습이 보이더군요. 테두리의 모양과 색상만 변경하시면 됩니다.
________________________________________________________________________________________________________
<body>와 </body>안에 넣어주세요. 즉,</body>의 바로 위에 삽입해주심
간단하겠죠.
________________________________________________________________________________________________________
<script>
if (document.all)
document.body.style.cssText="border:10 outset FF9999"
</script>
_______________________________________________________________________________________________________
위의 소스에서 테두리의 모양과 색상을 바꾸시려면
border:10 - 테두리두께. 수치를 조절하면 됨
       outset - 테두리의 모양
                  dotted, dashed, solid, double, groove, ridge, indet, outset
                  등으로 바꿔서 사용가능.solid 로 하면 단순한모양의 한줄 테두리
      FF9999  - 테두리의 색상 . 색상표를 참고로 다양한 색상으로 변경
_______________________________________________________________________________________________________

또 다른 방법은 <style>body{border:10 ridge blue;}</style> 이렇게 style를 이용하시면 됩니다. 설명은 안해도 되겠죠.
________________________________________________________________________________________________________

'인터넷정보' 카테고리의 다른 글

마우스 오버시 글자 테두리 배경 컬러가 변하는 태그  (0) 2007.10.16
마우스 오버시 테이블 컬러가 변하는 태그  (0) 2007.10.16
클릭하면 예쁜 꽃과 낙엽들이......  (0) 2007.10.16
이쁜 공지창  (0) 2007.10.16
새로고침 / 뒤로가기 / 앞으로가기  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16
마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16
화면 캡쳐하는 방법  (0) 2007.10.16
iframe(아이프레임) 태그  (0) 2007.10.16

이쁜 공지창(fieldset)

인터넷정보2007. 10. 16. 17:18
필드셋에 대한 것두 올려야 되는데.....^^;;
간단한거 하나만 올릴깨요. 우측 현재 접속자 나오는 부분도 필드셋 태그입니다.

요기는 제목 적는곳
내용적는곳임다^^
이곳에도 내용이 들어가지요


<fieldset align=center style="padding:5; border-top-width:1; border-right-width:8; border-bottom-width:1; border-left-width:8; border-style:solid; width:280; height:80; border-color:FF9E00;">
<legend align="center"> <span style="font-size:9pt;"> <font face="Tahoma" color="#FF7F00">요기는 제목 적는곳
</font></span> <span style="font-size:9pt;"> <font face="Tahoma" color="#FDB304"><br>
내용적는곳임다^^<br> 이곳에도 내용이 들어가지요 </font></span></legend></fieldset>



'인터넷정보' 카테고리의 다른 글

마우스 오버시 테이블 컬러가 변하는 태그  (0) 2007.10.16
클릭하면 예쁜 꽃과 낙엽들이......  (0) 2007.10.16
이쁜 공지창  (0) 2007.10.16
새로고침 / 뒤로가기 / 앞으로가기  (0) 2007.10.16
문서에 테두리 두르기  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16
마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16
화면 캡쳐하는 방법  (0) 2007.10.16
iframe(아이프레임) 태그  (0) 2007.10.16
글자 주변 번지는 컬러  (0) 2007.10.16

아이콘 모음 ( 고문편 )

인터넷정보2007. 10. 16. 17:17
귀싸대기

베틀쿠르저

똥침

풀어줘~~"

뻐엉

곤장

질질질

채직질

버둥버둥

박아

이눔이눔

'인터넷정보' 카테고리의 다른 글

클릭하면 예쁜 꽃과 낙엽들이......  (0) 2007.10.16
이쁜 공지창  (0) 2007.10.16
새로고침 / 뒤로가기 / 앞으로가기  (0) 2007.10.16
문서에 테두리 두르기  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16
화면 캡쳐하는 방법  (0) 2007.10.16
iframe(아이프레임) 태그  (0) 2007.10.16
글자 주변 번지는 컬러  (0) 2007.10.16
마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16

마퀴 태그를 이용한 테이블 공지창

인터넷정보2007. 10. 16. 17:17
<center><table border=1 width=170 height=120 cellspacing=1 cellpadding=0 bordercolor=red>
<tr><td width=170 height=12 valign=top>
<table border=0 cellpadding=0 cellspacing=0 width=100% height=20>
<tr><td width=100%><p align="center">
<font style = font-size:9pt>공지사항</font></p>
</td></tr>
</table>
<tr><td width=170 height=125>
<marquee direction=up scrollamount=2 height=125 onmouseover=stop() onmouseout=start()>
<font style = font-size:9pt>
101번째 프로포즈
<br>
<br>
<br>
구글....
<br>
<br>
<br>
한메일
<br><br><br>
네이버
</marquee>
</td>
</tr>
</table>
</center>

'인터넷정보' 카테고리의 다른 글

이쁜 공지창  (0) 2007.10.16
새로고침 / 뒤로가기 / 앞으로가기  (0) 2007.10.16
문서에 테두리 두르기  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16
화면 캡쳐하는 방법  (0) 2007.10.16
iframe(아이프레임) 태그  (0) 2007.10.16
글자 주변 번지는 컬러  (0) 2007.10.16
마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16
이미지와 문자 정렬하기  (0) 2007.10.16

화면 캡쳐하는 방법

인터넷정보2007. 10. 16. 17:17
윈도우상에서 현재 보이는 그대로의 화면을 캡쳐하고 싶을 때가 있습니다.

보통은 캡쳐 전용프로그램을 사용하기도 하지만 그것이

여의치 못할 때는 윈도우 자체에 있는 기능만으로도 화면을 캡쳐해서 그림파일로 저장할 수 있습니다.

윈도우에서 캡쳐하기를 원하는 화면에서 F12키 옆에 있는 Print Screen 키를 누르세요.

아무런 변화도 없는것처럼 보이지만 메모리에는 임시로 그 화면이 저장되어 있는 상태입니다.

Print Screen 키를 누르셨으면 윈도우의 [보조프로그램]안에 있는 [그림판]을 실행합니다.

그림판이 실행되면 [편집(E)] 에서"붙여넣기(P)" 를 실행후 저장하면 됩니다.

포토샵에두 새로열기해서 붙여넣기 하셔두 되구요.

여기서 하나 알아두실 것은 그냥 간단히 PrintScreen 키만 누르면 화면 전체가 캡쳐 되구요
 
Alt + PrintScreen 키를 누르면 현재 활성화된 창만 캡쳐 된다는 겁니다

※p/s 복사를 실행하면 윈도우 클립보드로 복사가 되는데,이 클립보드는 하나씩밖에

저장이 안되고 있죠.한 개 저장후 다시 print screen을 사용하거나, 복사를 하게 되면 먼저

저장되어 있던 파일위로 그대로 덮어써 버리기 때문에 복사후에는 반드시 다른데로 붙여넣기를 해 줘야 합니다.

'인터넷정보' 카테고리의 다른 글

새로고침 / 뒤로가기 / 앞으로가기  (0) 2007.10.16
문서에 테두리 두르기  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16
마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16
iframe(아이프레임) 태그  (0) 2007.10.16
글자 주변 번지는 컬러  (0) 2007.10.16
마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16
이미지와 문자 정렬하기  (0) 2007.10.16
백그라운드에 배경 이미지 넣기  (0) 2007.10.16

iframe(아이프레임) 태그

인터넷정보2007. 10. 16. 17:17

<iframe width=450 height=300 src="URL" frameborder=1 marginheight=0 marginwidth=0 scrolling=auto>
</iframe>



width : 가로길이

height : 세로길이를 정해줍니다.

frameborder : 프레임경계선 두께

marginheight : 프레임의 상하여백

marginwidth : 프레임의 좌우여백

scrolling : 스크롤바가 나오게 하느냐 말게 하느냐의 여부입니다.
(YES:보임,NO:안보임,AUTO:자동)

좀더 자세히 공부하고 싶으신 분은 좌측 html 강좌 아이프레임 태그를 참조하세요.

'인터넷정보' 카테고리의 다른 글

문서에 테두리 두르기  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16
마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16
화면 캡쳐하는 방법  (0) 2007.10.16
글자 주변 번지는 컬러  (0) 2007.10.16
마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16
이미지와 문자 정렬하기  (0) 2007.10.16
백그라운드에 배경 이미지 넣기  (0) 2007.10.16
소스보기 금지태그 1  (0) 2007.10.16

글자 주변 번지는 컬러

인터넷정보2007. 10. 16. 17:17 


불어펜으로 만든 글자입니다.~~~~!!
오렌지색 임다~^^*


<span style=" width:100%; height: 30; font-size: 10pt; color: teal; valign:bottom; Filter: glow(color=orange,strength:15); font-weight:none;">
불어펜으로 만든 글자입니다.~~~~!!
오렌지색 임다~^^*
</span>

'인터넷정보' 카테고리의 다른 글

이쁜 공지창(fieldset)  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16
마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16
화면 캡쳐하는 방법  (0) 2007.10.16
iframe(아이프레임) 태그  (0) 2007.10.16
마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16
이미지와 문자 정렬하기  (0) 2007.10.16
백그라운드에 배경 이미지 넣기  (0) 2007.10.16
소스보기 금지태그 1  (0) 2007.10.16
이미지에 여러가지 효과 주기  (0) 2007.10.16

마우스를 올리면 배경화면 색상이 바뀝니다.

인터넷정보2007. 10. 16. 17:16
하얀 노란 파란 빨간 오렌지 녹색 적갈 올리브 군청 보라 회색 연두 하늘 진분홍 밝은회색 청록 검정
<div align="center"><table border="0" cellspacing="1">
    <tr>
        <td bgcolor="white" onmouseover="document.bgColor='white'"><font
             size="2">하얀</font></td>
        <td bgcolor="yellow" onmouseover="document.bgColor='yellow'"><font
             size="2">노란</font></td>
        <td bgcolor="blue" onmouseover="document.bgColor='blue'"><font
             size="2" color="white">파란</font></a></td>
        <td bgcolor="red" onmouseover="document.bgColor='red'"><font
             size="2">빨간</font></td>
        <td bgcolor="orange" onmouseover="document.bgColor='orange'"><font
             size="2">오렌지</font></td>
        <td bgcolor="green" onmouseover="document.bgColor='green'"><font
             size="2">녹색</font></td>
        <td bgcolor="maroon" onmouseover="document.bgColor='maroon'"><font
             size="2">적갈</font></td>
        <td bgcolor="olive" onmouseover="document.bgColor='olive'"><font
             size="2">올리브</font></td>
        <td bgcolor="navy" onmouseover="document.bgColor='navy'"><font
             size="2">군청</font></td>
        <td bgcolor="purple" onmouseover="document.bgColor='purple'"><font
             size="2">보라</font></td>
        <td bgcolor="gray" onmouseover="document.bgColor='gray'"><font
             size="2">회색</font></td>
        <td bgcolor="lime" onmouseover="document.bgColor='lime'"><font
             size="2">연두</font></td>
        <td bgcolor="aqua" onmouseover="document.bgColor='aqua'"><font
             size="2">하늘</font></td>
        <td bgcolor="fuchsia" onmouseover="document.bgColor='fuchsia'"><font
             size="2">진분홍</font></td>
        <td bgcolor="silver" onmouseover="document.bgColor='silver'"><font
             size="2">밝은회색</font></td>
        <td bgcolor="teal" onmouseover="document.bgColor='teal'"><font
             size="2">청록</font></td>
        <td bgcolor="black" onmouseover="document.bgColor='black'"><font
             size="2">검정</font></td>
    </tr>
</table></div>

'인터넷정보' 카테고리의 다른 글

아이콘 모음 ( 고문편 )  (0) 2007.10.16
마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16
화면 캡쳐하는 방법  (0) 2007.10.16
iframe(아이프레임) 태그  (0) 2007.10.16
글자 주변 번지는 컬러  (0) 2007.10.16
이미지와 문자 정렬하기  (0) 2007.10.16
백그라운드에 배경 이미지 넣기  (0) 2007.10.16
소스보기 금지태그 1  (0) 2007.10.16
이미지에 여러가지 효과 주기  (0) 2007.10.16
잼나는 퍽 소스  (0) 2007.10.16

이미지와 문자 정렬하기

인터넷정보2007. 10. 16. 17:16 
이 문장은 이미지 위에 정렬된 것입니다.



이 문장은 이미지 가운데 정렬된 것입니다.



이 문장은 이미지 아래 정렬된 것입니다.

lign=top/middle/bottom을 사용해서 문장을 정렬하세요.

hspace=2를 사용하면 정렬이 이쁘게 되죠.(align=right나 left로 이미지 조정)

'인터넷정보' 카테고리의 다른 글

마퀴 태그를 이용한 테이블 공지창  (0) 2007.10.16
화면 캡쳐하는 방법  (0) 2007.10.16
iframe(아이프레임) 태그  (0) 2007.10.16
글자 주변 번지는 컬러  (0) 2007.10.16
마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16
백그라운드에 배경 이미지 넣기  (0) 2007.10.16
소스보기 금지태그 1  (0) 2007.10.16
이미지에 여러가지 효과 주기  (0) 2007.10.16
잼나는 퍽 소스  (0) 2007.10.16
마우스 오버시 뜨는 경고창  (0) 2007.10.16

백그라운드에 배경 이미지 넣기

인터넷정보2007. 10. 16. 17:16
자세한 설명은 Html 강좌와 자주묻는 질문을 참조하세요.

아래는 간단한 태그이지만 여기에 여러가지 속성을 넣을 수 있습니다.

<body background="그림주소">



















'인터넷정보' 카테고리의 다른 글

화면 캡쳐하는 방법  (0) 2007.10.16
iframe(아이프레임) 태그  (0) 2007.10.16
글자 주변 번지는 컬러  (0) 2007.10.16
마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16
이미지와 문자 정렬하기  (0) 2007.10.16
소스보기 금지태그 1  (0) 2007.10.16
이미지에 여러가지 효과 주기  (0) 2007.10.16
잼나는 퍽 소스  (0) 2007.10.16
마우스 오버시 뜨는 경고창  (0) 2007.10.16
마우스를 대면 커지는 글씨  (0) 2007.10.16

소스보기 금지태그 1

인터넷정보2007. 10. 16. 17:15

소스보기 금지태그 1

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">


소스 설명 :

위의 소스는 body 태그에서 사용합니다.

html 문서에 있던 body 태그에...

oncontextmenu="return false" onselectstart="return false" ondragstart="return false"

부분을 붙여넣기 하기만 하면 됩니다.

필요한 것만 넣어서 사용해도 되고 모두 사용해도 됩니다.

oncontextmenu="return false"    
마우스 오른쪽 버튼을 눌렀을 때 바로가기 메뉴가 나타나지 않도록 합니다.

onselectstart="return false"    
마우스로 선택을 하지 못하게 합니다.

ondragstart="return false"      
마우스로 드래그를 하지 못하게 합니다.

onkeydown="return false"        
키보드 제어입니다.(글이 안써지죠.)


'인터넷정보' 카테고리의 다른 글

iframe(아이프레임) 태그  (0) 2007.10.16
글자 주변 번지는 컬러  (0) 2007.10.16
마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16
이미지와 문자 정렬하기  (0) 2007.10.16
백그라운드에 배경 이미지 넣기  (0) 2007.10.16
이미지에 여러가지 효과 주기  (0) 2007.10.16
잼나는 퍽 소스  (0) 2007.10.16
마우스 오버시 뜨는 경고창  (0) 2007.10.16
마우스를 대면 커지는 글씨  (0) 2007.10.16
얼굴문자 이미지  (0) 2007.10.16

이미지에 여러가지 효과 주기

인터넷정보2007. 10. 16. 17:15 
아래 외의 필터 태그를 알고 싶으시면 좌측 html강좌 필터태그를 읽어보세요.

<img src="http://oxtag.com/html/img/banner3.gif"> 
칼라 - ★ 
 

<img src="http://oxtag.com/html/img/banner3.gif"style="filter:gray()">
 요건 흑백!!@_@!! 


<img src="http://oxtag.com/html/img/banner3.gif" onmouseover="this.style.filter='gray'" onmouseout="this.style.filter=''">
마우스를 대면 흑백으로 변합니다 


<img src="http://oxtag.com/html/img/banner3.gif"style="filter:blur(direction=135,strength=100)">
와~ 싱기!!뿌옇게하기.. 


<img src="http://oxtag.com/html/img/banner3.gif"style="filter:alpha(opacity=100,style=2,finishopacity=0)">
헉,안개효과!!
 

<img src="http://oxtag.com/html/img/banner3.gif" style="filter:fliph()">
좌우가 바뀜 
 

<img src="http://oxtag.com/html/img/banner3.gif" style="filter:flipv()"> 
위 아래가 바뀜 


<img src="http://oxtag.com/html/img/banner3.gif" style="filter:invert()"> 
그림자 효과 
 

<img src="http://oxtag.com/html/img/banner3.gif" style="filter:wave(strength=8,freq=3,lightstrength=10,phase=25,add=0)">
물결


<img src="http://oxtag.com/html/img/banner3.gif" style="filter:xray()">
x-ray(?)

'인터넷정보' 카테고리의 다른 글

글자 주변 번지는 컬러  (0) 2007.10.16
마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16
이미지와 문자 정렬하기  (0) 2007.10.16
백그라운드에 배경 이미지 넣기  (0) 2007.10.16
소스보기 금지태그 1  (0) 2007.10.16
잼나는 퍽 소스  (0) 2007.10.16
마우스 오버시 뜨는 경고창  (0) 2007.10.16
마우스를 대면 커지는 글씨  (0) 2007.10.16
얼굴문자 이미지  (0) 2007.10.16
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16

잼나는 퍽 소스

인터넷정보2007. 10. 16. 17:15



소스 :
<input type=button value="클릭하시면 책임 못집니다!" onclick="alert(' 눌러봐요!');alert('큰일 났네..');alert('지겨울 텐데...');alert('언제 끝날까요?');alert('나도 몰라~');alert('열받져?');alert('화나져?');alert('근데 어쩔래나..');alert('언제 끝날지 저두 몰러여~');alert('왜냐구요?');alert('띰띠마니까...!');alert('이제 구만?!?');alert('시로여~');alert('*^^*');alert('이제 정말정말 구만할까요?');alert('알았어요');alert('그럼 정말루?');alert('이제 빠빠~');alert('이데루 보낼수는 없지...');alert('멜렁~!!');alert('끝낼까? 말까?');alert('나두 끝내기는 싫지만.. ');alert('끝내길 원한다면 할수 없져..');alert('누른게 잘못이지..');alert('그니까 누르지 말라니까!!');alert('왜 눌렀어!!!!!!');alert('아에 끝내지 말까부당...');alert('내가 바졌다..');alert('이젠 정말 빠빠~');alert('이제 정말 ByeBye')">

alert(' 눌러봐요!'); 이 부분만 추가하시면 얼마든지 늘릴 수 있습니다.


'인터넷정보' 카테고리의 다른 글

마우스를 올리면 배경화면 색상이 바뀝니다.  (0) 2007.10.16
이미지와 문자 정렬하기  (0) 2007.10.16
백그라운드에 배경 이미지 넣기  (0) 2007.10.16
소스보기 금지태그 1  (0) 2007.10.16
이미지에 여러가지 효과 주기  (0) 2007.10.16
마우스 오버시 뜨는 경고창  (0) 2007.10.16
마우스를 대면 커지는 글씨  (0) 2007.10.16
얼굴문자 이미지  (0) 2007.10.16
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16
테이블에 간단한 라인효과주기  (0) 2007.10.16

마우스 오버시 뜨는 경고창

인터넷정보2007. 10. 16. 17:14






☞이곳에 마우스를 대보세요.☜

<a onmouseover="alert('재밌나요?')"> ☞이곳에 마우스를 대보세요.☜</a>

onmouseover을 onlick로 바꾸시면 클릭시 경고창이 뜹니다.

'인터넷정보' 카테고리의 다른 글

이미지와 문자 정렬하기  (0) 2007.10.16
백그라운드에 배경 이미지 넣기  (0) 2007.10.16
소스보기 금지태그 1  (0) 2007.10.16
이미지에 여러가지 효과 주기  (0) 2007.10.16
잼나는 퍽 소스  (0) 2007.10.16
마우스를 대면 커지는 글씨  (0) 2007.10.16
얼굴문자 이미지  (0) 2007.10.16
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16
테이블에 간단한 라인효과주기  (0) 2007.10.16
익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16

마우스를 대면 커지는 글씨

인터넷정보2007. 10. 16. 17:14


마우스를 대면 커지는 글씨...^^*


마우스를 위의 글자에 올려 보세요.
<p style=font-size:24 onMouseOver=this.style.fontSize=35 onMouseOut=this.style.fontSize=20>마우스를 대면 커지는 글씨...^^*</p>

font-size:24는 마우스 대기전 크기
fontsize=35는  마우스를 올렸을때 크기
fontsize=20은  마우스가 내려왔을때 크기입니다.

'인터넷정보' 카테고리의 다른 글

백그라운드에 배경 이미지 넣기  (0) 2007.10.16
소스보기 금지태그 1  (0) 2007.10.16
이미지에 여러가지 효과 주기  (0) 2007.10.16
잼나는 퍽 소스  (0) 2007.10.16
마우스 오버시 뜨는 경고창  (0) 2007.10.16
얼굴문자 이미지  (0) 2007.10.16
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16
테이블에 간단한 라인효과주기  (0) 2007.10.16
익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16
라디오 버튼을 이용한 alert 창  (0) 2007.10.16

얼굴문자 이미지

인터넷정보2007. 10. 16. 17:13
권투선수

날개를 펴고....날아라...

널뛰기 파울....

연설중.....친애하는...

눈물 뚝뚝...

Help Me!! 살려줘~

두리번~ 두리번~

얼굴 찌르기 장난-2(앗~ 살벌)

얼굴 찌르기 장난-2(앗~ 살벌)

얼굴 찌르기 장난-3(들킴)

미끄럼틀 타다 쿵~~

아무도 없지? 변신!

뛰다가 엎어짐

뛰다가 엎어짐

울면서 코 훌쩍~~

잠 쿨쿨~~

좀더 모여봐~ 사진 찰칵!

폭탄.. 왜 안터져~ 펑~

공부 중~ 필승!!

안녕히~~ 빠이~~

'인터넷정보' 카테고리의 다른 글

소스보기 금지태그 1  (0) 2007.10.16
이미지에 여러가지 효과 주기  (0) 2007.10.16
잼나는 퍽 소스  (0) 2007.10.16
마우스 오버시 뜨는 경고창  (0) 2007.10.16
마우스를 대면 커지는 글씨  (0) 2007.10.16
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16
테이블에 간단한 라인효과주기  (0) 2007.10.16
익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16
라디오 버튼을 이용한 alert 창  (0) 2007.10.16
배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16

링크된 곳 밑줄/컬러/배경/크기 지정하는 태그

인터넷정보2007. 10. 16. 16:44
아래 소스들은 모두 <head>와 </head> 사이에 넣으세요.

링크에 밑줄 없애기
<style>
<!--
A { text-decoration:none; }
-->
</style>

링크에 마우스 오버시 밑줄 생기게하기
<style>
<!--
a { text-decoration:none; }
A:hover { text-decoration:underline; }
-->
</style>

링크에 마우스 오버시 윗줄 생기게하기
<style>
<!--
a { text-decoration:none; }
A:hover { text-decoration:overline; }
-->
</style>

링크 위아래로 줄생성하기
<style>
<!--
A:link { text-decoration:none; }
A:visited { text-decoration:none; }
A:active { text-decoration:none; }
A:hover { text-decoration:underline overline; }
-->
</style>

링크 주변에 칼라 번지게 하기
<style>
<!--
A:hover { text-decoration: none; background: DDF6DD; }
-->
</style>

링크 글자 롤오버 효과
<style>
<!--
A:hover { text-decoration: none; color: red; }
-->
</style>

링크된 글씨 커지게 하기.
(밑줄은 없어지고.. 밑줄을 그대로 둘려면.. text-decoration:underlink 하시면 됩니다.
<style>
<!--
A:hover {color:#008000; text-decoration:none; font-weight:bold; font-size:20pt }
-->
</style>

마우스 오버시 점선.
<style type="text/css">
<!--
A:hover { border-bottom: dotted green 1px; text-decoration:none}
-->
</style>

'인터넷정보' 카테고리의 다른 글

이미지에 여러가지 효과 주기  (0) 2007.10.16
잼나는 퍽 소스  (0) 2007.10.16
마우스 오버시 뜨는 경고창  (0) 2007.10.16
마우스를 대면 커지는 글씨  (0) 2007.10.16
얼굴문자 이미지  (0) 2007.10.16
테이블에 간단한 라인효과주기  (0) 2007.10.16
익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16
라디오 버튼을 이용한 alert 창  (0) 2007.10.16
배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16
천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16

테이블에 간단한 라인효과주기

인터넷정보2007. 10. 16. 16:42
소스:
<table width="500" cellspacing="0" cellpadding="4" bordercolor=#999999 frame=hsides> <tr> <td bgcolor="#efefef" align=center> 간단하게 라인 표현하기</td> </tr> </table>

간단하게 라인 표현하기


frame=hsides는 가로줄, frame=vsides는 세로줄을 표시합니다. 세로줄의 예를 보시죠.

간단하게 라인 표현하기


소스에는 cellspacing="0"으로 했습니다만 cellspacing="1"로 하면
        또 다른 느낌의 표를 만들 수 있습니다.

간단하게 라인 표현하기

'인터넷정보' 카테고리의 다른 글

잼나는 퍽 소스  (0) 2007.10.16
마우스 오버시 뜨는 경고창  (0) 2007.10.16
마우스를 대면 커지는 글씨  (0) 2007.10.16
얼굴문자 이미지  (0) 2007.10.16
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16
익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16
라디오 버튼을 이용한 alert 창  (0) 2007.10.16
배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16
천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16
투명한 스크롤바 만들기  (0) 2007.10.16

익스플로러 창 조절하기 - resize, 리사이즈

인터넷정보2007. 10. 16. 16:42
1024... 혹은... 그 이상의 해상도에서 홈페이지 제작 작업하시는 분들께는 아주 유용한 팁일껍니다.

자기가 만들어 놓은 홈페이지가. 1024*768 또는 800*600에서 어케 보일지 궁금해서 간혹 자기의 모니터

해상도를 바꾸시는분이 안계신지여... 이젠 그러지 마시고,  


주소창에. 다음과 같이 넣구선 즐겨찾기. 혹은 연결Bar에 등록하셔서. 언제든지 써먹읍시다.

1024*768루 창을 세팅 ---> javascript:window.resizeTo(1024,768);
800*600으루 창을 세팅 ---> javascript:window.resizeTo(800,600);

근데. 막상 저넘의 소스를 보니 어디에 어떻게 붙여야할지 고민이 되더군요.

일단 익스플로러의 주소적는 창에 그냥 붙여봅시다.

javascript:window.resizeTo(800,600);

요런 식으로 다른 주소는 필요없어요.
그리고 엔터를 팍! 쳐버리면 800*600으로 화면이 확! 변할꺼예요.
다른 홈을 요렇게 보면 깨지는 곳도 꽤 있습니다. 태그피아도 조금 그렇군요...ㅠㅠ

즐겨찾기에 등록하는 방법...
이것도 그냥 등록을 하니까 되지 않더군요.
일단 등록한 즐겨찾기 하나를 써먹어 봅시다.
메뉴에서 '즐겨찾기 구성'에 들어가면 즐겨찾기 주소가 주루룩 나오죠?
거기서 만만한 주소를 하나 찾아서 오른쪽 클릭-->등록정보 를 누르시면  주소적는 창이 나와요.
여기에다가
(ex) javascript:window.resizeTo(800,600)

이렇게 적어주시면 끝~~~~~~!!! 입니다.
이름은 맘대로 바꿔주시구요.
나중에 800*600으로 보고 싶으면 위에서 만든 즐겨찾기를 클릭하면 바로 바뀝니다.

왜 이 팁이 맘에 들었냐면은...
일단 홈페이지를 만들때 해상도를 신경쓰지 않는 사람들도 있지만...
아직까지 800*600에서 보는 사람도 많다는걸 염두에 두고 홈을 만드는것이 좋습니다.
그런 해상도에 따른 홈의 모양을 홈을 만들면서 볼때 유용하게 쓰일것 같아서입니다.

'인터넷정보' 카테고리의 다른 글

마우스 오버시 뜨는 경고창  (0) 2007.10.16
마우스를 대면 커지는 글씨  (0) 2007.10.16
얼굴문자 이미지  (0) 2007.10.16
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16
테이블에 간단한 라인효과주기  (0) 2007.10.16
라디오 버튼을 이용한 alert 창  (0) 2007.10.16
배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16
천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16
투명한 스크롤바 만들기  (0) 2007.10.16
게시판 글 목록 테이블을 투명하게(배경 이미지 적용시)  (0) 2007.10.16

라디오 버튼을 이용한 alert 창

인터넷정보2007. 10. 16. 16:42
아래 라디오 버튼을 클릭해보세요.

０  
--->   <input type=radio onclick="alert('0원히 사랑할께')">０  

１  
--->   <input type=radio onclick="alert('1일이 챙겨줄께')">１  

２  
--->   <input type=radio onclick="alert('2젠 너밖에 없으니깐...')">２  

３  
--->   <input type=radio onclick="alert('3년이 지나도 우리사랑 변함 없을꺼야~')">３  

４  
--->   <input type=radio onclick="alert('4랑이란 말로 부족해')">４  

５  
--->   <input type=radio onclick="alert('5랜 기다림이 지나도 널 사랑하는 마음은 변치 않을께~!')">５

６  
--->   <input type=radio onclick="alert('6십세가 된다고 해도 나에겐 소중하니깐 때론... ')">６
７  
--->   <input type=radio onclick="alert('7수도 있고 때릴수도 있지만..')">７  

８  
--->   <input type=radio onclick="alert('8로 안아주고 입술로 내마음을 전해줄꺼야')">８  

９  
--->   <input type=radio onclick="alert('9슬픈 눈물흘리지 않게...그런후..')">９

10  
--->   <input type=radio onclick="alert('10년뒤에 고백할께 정말루 사랑해~')">10  

100(백)  
--->   <input type=radio onclick="alert('백살이 되도록 너만 사랑할거야 ')">100(백)

1000(천)  
--->   <input type=radio onclick="alert('천일동안 널 기다릴거구.. ')">1000(천)

10000(만)  
--->   <input type=radio onclick="alert('만사 다 재쳐놓고 너만 사랑할거야 ')">10000(만)

100000(십만)  
--->   <input type=radio onclick="alert('십만원이 있다면 자전거를 사서 너랑 전국을 누비며 사랑할래')">100000(십만)

1000000(백만)  
--->   <input type=radio onclick="alert('백만원이 생기면 까페를 빌려서 널위한 특별한 하루를 만들거고')">1000000(백만)

10000000(천만)  
--->   <input type=radio onclick="alert('천만원이 생기면 영화관을 빌려서 종일 단둘이 영화를 볼거고')">10000000(천만)

100000000(억)  
--->   <input type=radio onclick="alert('억수로 사랑한데이... ')">100000000(억)

1000000000000(조)  
--->   <input type=radio onclick="alert('조용히 너에게만 말하고 싶다. ')">1000000000000(조)
 
10000000000000000(경)  
--->   <input type=radio onclick="alert('경호원이 돼서 널 평생 지키고 싶어 ')">10000000000000000(경)

100000000000000000000(해)  
--->   <input type=radio onclick="alert('해가 동쪽에서 떠오르는 동안 난 널 사랑할거야^^*')">100000000000000000000(해)

'인터넷정보' 카테고리의 다른 글

마우스를 대면 커지는 글씨  (0) 2007.10.16
얼굴문자 이미지  (0) 2007.10.16
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16
테이블에 간단한 라인효과주기  (0) 2007.10.16
익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16
배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16
천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16
투명한 스크롤바 만들기  (0) 2007.10.16
게시판 글 목록 테이블을 투명하게(배경 이미지 적용시)  (0) 2007.10.16
홈 들어갈 때와 나갈 때 인사말창 띄워주기  (0) 2007.10.16

배경이미지가 보이는 투명한 아이프레임 만들기

인터넷정보2007. 10. 16. 16:42
불러올 문서 즉 아이프레임의 문서 헤드 안에 아래 태그를 넣으세요.

<style type="text/css">
<!--
body {background-color:transparent; filter: Alpha(Opacity=40)} // 수치가 클수록 불투명.
// Opacity 값은 0에서 100까지 지정해줄 수 있습니다. 0은 완전투명, 100은 완전불투명
-->
</style>


그리고 위 문서를 삽입하는 문서에 아이프레임 태그안에 allowTransparency="true" 태그를 넣습니다.


<iframe src="위스타일시트가 들어간 문서 경로" allowTransparency="true"></iframe>


미리보기는 없구요. 이런 transparent를 적용한 게시판입니다 위 링크를 클릭해보세요.

이와 같은 형태입니다. 이미지를 대충 했더니 좀 어지럽죠. board1은 위 태그를 적용한거구요.

board2는 배경 이미지만 적용한 것입니다. 원래 이 게시판은 무료게시판의 글 목록 투명하게하기 에제라는....

'인터넷정보' 카테고리의 다른 글

얼굴문자 이미지  (0) 2007.10.16
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16
테이블에 간단한 라인효과주기  (0) 2007.10.16
익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16
라디오 버튼을 이용한 alert 창  (0) 2007.10.16
천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16
투명한 스크롤바 만들기  (0) 2007.10.16
게시판 글 목록 테이블을 투명하게(배경 이미지 적용시)  (0) 2007.10.16
홈 들어갈 때와 나갈 때 인사말창 띄워주기  (0) 2007.10.16
배경음악 삽입하기 - bgsound/embed  (0) 2007.10.16

천사가 날아가는 간단한 마퀴태그

인터넷정보2007. 10. 16. 16:41



<marquee direction="up" behavior="alternate" scrollamount="1" scrolldelay="70" width="100%"><marquee direction="right" scrollamount="1" width="100%"><img src="http://oxtag.com/html/img/angel2.gif" border=0></marquee></marquee>

마퀴태그의 소스 설명은 좌측 html 메뉴에 자세하게 있습니다. 참조하세요.

'인터넷정보' 카테고리의 다른 글

링크된 곳 밑줄/컬러/배경/크기 지정하는 태그  (0) 2007.10.16
테이블에 간단한 라인효과주기  (0) 2007.10.16
익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16
라디오 버튼을 이용한 alert 창  (0) 2007.10.16
배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16
투명한 스크롤바 만들기  (0) 2007.10.16
게시판 글 목록 테이블을 투명하게(배경 이미지 적용시)  (0) 2007.10.16
홈 들어갈 때와 나갈 때 인사말창 띄워주기  (0) 2007.10.16
배경음악 삽입하기 - bgsound/embed  (0) 2007.10.16
음악 플레이 멈춤 기능  (0) 2007.10.16

투명한 스크롤바 만들기

인터넷정보2007. 10. 16. 16:41
투명 스크롤바 예제 : http://oxtag.com/html/ex/scrollbar_color.html

스크롤바 명칭 : http://oxtag.com/html/ex/scrollbar.html

<style type="text/css">
body {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #20b2aa;
scrollbar-highlight-color: #20b2aa;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #20b2aa
}
</style>

'인터넷정보' 카테고리의 다른 글

테이블에 간단한 라인효과주기  (0) 2007.10.16
익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16
라디오 버튼을 이용한 alert 창  (0) 2007.10.16
배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16
천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16
게시판 글 목록 테이블을 투명하게(배경 이미지 적용시)  (0) 2007.10.16
홈 들어갈 때와 나갈 때 인사말창 띄워주기  (0) 2007.10.16
배경음악 삽입하기 - bgsound/embed  (0) 2007.10.16
음악 플레이 멈춤 기능  (0) 2007.10.16
dotted 이미지 없이 링크에 점선 밑줄 나타내는 태그  (0) 2007.10.16

게시판 글 목록 테이블을 투명하게(배경 이미지 적용시)

인터넷정보2007. 10. 16. 16:41
무료로 제공하는 게시판을 링크로 사용하시는 분들에게 아주 유용한 소스 같네요.
게시판에 백그라운드 이미지를 넣더라도 게시판 글목록에 가려지죠. 그래서 글 목록을
투명하게하는 소스를 소개합니다.

1번 링크는 아래 스타일시트를 적용한 게시판이구요. 2번 링크는 원래의 게시판에 백그라운드 이미지만
적용했습니다. 일반적으로 2번 링크 처럼 사용을 하죠. 제가 적용한 이미지는 테스트라 별루 안이쁘지만
여러분이 응용을 해보세요. 그럼 무료 게시판이라구 하더라도 이쁘게 만들 수 있습니다.

<style>
table { background-color: transparent; }
tr { background-color: transparent; }
td { background-color: transparent; }
</style>

<table>과 <tr>, <td> 태그에서의 배경 색을 투명하게 만든 것입니다.
게시판 관리자 설정 부분에서 HTML 태그를 입력할 수 있는 곳에다 소스를 붙여넣기 하면 됩니다.
그리고 게시판 화면에 배경그림을 지정하고 싶다면 글 목록 화면의 배경그림 지정하는 부분에서
지정해줘도 되구요. 게시판 화면 전체에 배경그림 지정할 수 있도록 style 부분에 body 부분을
추가해도 됩니다. 아래 소스는 게시판에 배경색과 백그라운드 이미지를 지정한 경우입니다.

<style>
body { background:배경색 url("배경그림주소") no-repeat fixed right bottom; }
table { background-color: transparent; }
tr { background-color: transparent; }
td { background-color: transparent; }
</style>


'배경색'이라는 글씨 대신 white, black 또는 16진수를 써서 색이름을 써주면 됩니다.
'배경그림주소'에는 http:// 로 시작하는 배경으로 사용할 그림의 주소를 적어주면 됩니다.
no-repeat는 화면에 그림이 하나만 나오게 하는 경우구요.(무반복) 화면 전체에 그림이 계속
나오게 하려면 repeat 라고 고치구요. repeat-x는 가로로만 연달아 그림이 나오게 하는거구요.
repeat-y는 세로로만 연달아 그림이 나오게 하는거랍니다.

fixed 는 화면에서 배경 그림이 고정되도록 하는 것이랍니다. 스크롤바를 움직여도 배경그림은
움직이지 않고 그대로 있는 것이죠. right bottom 는 화면에서 오른쪽(right), 아래(bottom)에 배경
그림이 나타나게 하는 것이랍니다. 왼쪽은 left, 가운데는 center, 오른쪽은 right 라고 써주구요.
위는 top, 가운데는 center, 아래는 bottom 이라고 써주세요. 그러면 배경 그림은 원하는 위치에 나오게
할 수 있겠죠? 배경 그림의 위치를 지정해줬어도 repeat라고 해주면 그림은 위치에 상관없이 화면에
모두 나오게 될꺼에요. 그리고 작은 그림이 커져서 화면 가득히 나오게는 못합니다.

'인터넷정보' 카테고리의 다른 글

익스플로러 창 조절하기 - resize, 리사이즈  (0) 2007.10.16
라디오 버튼을 이용한 alert 창  (0) 2007.10.16
배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16
천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16
투명한 스크롤바 만들기  (0) 2007.10.16
홈 들어갈 때와 나갈 때 인사말창 띄워주기  (0) 2007.10.16
배경음악 삽입하기 - bgsound/embed  (0) 2007.10.16
음악 플레이 멈춤 기능  (0) 2007.10.16
dotted 이미지 없이 링크에 점선 밑줄 나타내는 태그  (0) 2007.10.16
vml을 이용한 풍선 툴팁 만들기  (0) 2007.10.16

홈 들어갈 때와 나갈 때 인사말창 띄워주기

인터넷정보2007. 10. 16. 16:41
<body onload="alert('어서오세여~')"> 처럼 body 태그에서
onload="alert('들어갈 때 나타나는 메시지창의 글자')"를 붙여 넣으세요..


그리고 나갈 때에는..........

<body onunload="alert('안녕히 가세여~')"> 처럼 body 태그에서

onunload="alert('들어갈 때 나타나는 메시지창의 글자')"를 붙이면 됩니다..

<body onload="alert('어서오세여~')" onunload="alert('안녕히 가세여~')">

처럼 하면 들어갈 때에는 어서오세여~ 라는 창이 뜨구 나갈 때에는 안녕히 가세여~ 라는 창이 뜹니다.

근데 프레임이 나뉘어 있다면 메뉴 프래임 창에서 불러오는 메뉴 HTML 문서에서 사용하세요.

메뉴 프래임은 한번만 뜨는 것이니 홈에 들어오는 경우와 나가는 경우에만 메시지창이 뜨겠죠.

즉 변하지 안고 고정된 프레임 문서에 삽입을 하세요.
그리고 대문이 있는 경우에는 onload 부분은 대문 HTML에서 사용하고 메뉴에서 다시 또 사용하지는 말구요.

그리고 메시지가 여러번 나타났으면 하는 분도 있는데요. 홈에 사람들이 처음 오는 경우가 아니라면 매 번 들어오거나

화면을 새로고침 할 때마다 메시지창이 여러 번 뜬다면 엄청 짜증을 내겠죠.
그러니 메시지창은 최소로 사용을 하는 게 좋답니다.^^

'인터넷정보' 카테고리의 다른 글

라디오 버튼을 이용한 alert 창  (0) 2007.10.16
배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16
천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16
투명한 스크롤바 만들기  (0) 2007.10.16
게시판 글 목록 테이블을 투명하게(배경 이미지 적용시)  (0) 2007.10.16
배경음악 삽입하기 - bgsound/embed  (0) 2007.10.16
음악 플레이 멈춤 기능  (0) 2007.10.16
dotted 이미지 없이 링크에 점선 밑줄 나타내는 태그  (0) 2007.10.16
vml을 이용한 풍선 툴팁 만들기  (0) 2007.10.16
마퀴태그를 이용해서 텍스트 멋지게 꾸미기  (0) 2007.10.16

배경음악 삽입하기 - bgsound/embed

인터넷정보2007. 10. 16. 16:30
<bgsound src="배경음악파일주소" loop="infinite">
<embed src="배경음악파일주소" loop="true" autostart="true" hidden="true">

위의 bgsound는 익스플로러에서만 실행이되구요.
넷스케이프에서 들리게 하려면 embed를 사용해야합니다.
bgsound에서는 주로 mid 파일(미디파일)이나 wav 파일을 사용을 합니다.
mp3나 asx, asf 등의 파일도 사용이 가능하지만 이러한 파일은 대부분 embed 태그를 사용합니다.

bgsound 태그에서 loop="숫자" 로 해주면 지정한 숫자만큼 배경음악을 반복해서 들려주고요.
loop="infinite" 처럼 쓰면 계속 반복해서 들려준답니다.

embed 태그에서 loop="숫자"는 bgsound 태그의 loop와 같구요..
loop="true" 또는 loop="-1" 이라고 지정하면 계속 반복해서 들려준답니다..
autostart="true"는요.. 어쩌다가 자동으로 실행이 안되는 경우가 있어서 자동으로 실행하라고 써 놓은 것입니다.
hidden="true"는 화면에 플레이 화면이 보여지지 말라고 쓴거랍니다.
플레이 화면이 보여지게 하려면 width="숫자"와 height="숫자"로 가로(width)와 height(세로)을 지정하면 됩니다.
bgsound는 배경음악 태그라서 따로 지정해주는게 없지만 embed 태그는 배경음악에만 사용되지 않고 동영상이나 플래시 파일들을 보여줄 때도 사용이 되어서 이렇게 적어줘야 한답니다.
embed 태그는 좌측 html 강좌중 음악태그를 보시면 자세하게 나와있습니다.

그리고 mp3 파일도 embed 태그로 가능하지만 파일이 커서 속도도 느려지고 음악도 제대로 안들리고 끊겨서 들립니다.
즉, 버퍼링이 심하죠. 가능하면 mp3 파일을 배경음악으로 사용하지 말구여. 정 하구 싶다면 mp3 파일을 asf나 wma 파일로
변환하는 프로그램으로 변환을 시켜서 사용하세요.  변환하는 방법은 좌측 강좌&팁란에 있습니다.

'인터넷정보' 카테고리의 다른 글

배경이미지가 보이는 투명한 아이프레임 만들기  (0) 2007.10.16
천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16
투명한 스크롤바 만들기  (0) 2007.10.16
게시판 글 목록 테이블을 투명하게(배경 이미지 적용시)  (0) 2007.10.16
홈 들어갈 때와 나갈 때 인사말창 띄워주기  (0) 2007.10.16
음악 플레이 멈춤 기능  (0) 2007.10.16
dotted 이미지 없이 링크에 점선 밑줄 나타내는 태그  (0) 2007.10.16
vml을 이용한 풍선 툴팁 만들기  (0) 2007.10.16
마퀴태그를 이용해서 텍스트 멋지게 꾸미기  (0) 2007.10.16
PHP로 DB 사용용량, 남은용량 알아내기.  (0) 2007.10.16

음악 플레이 멈춤 기능

인터넷정보2007. 10. 16. 16:30
음악이 나오는 화면에서 음악을 듣기 싫어서 Esc 키를 누르거나 익스플로러의 중지 버튼을 누르면 애니메이션 GIF 같은 경우에도 멈춰버리잖아여.. 그런 분들을 위한 간단히 플레이하고 멈춤 버튼만 나오게 하는 기능입니다..

아래 내용이 소스랍니다..

<a href="javascript:document.embeds[0].play()"><font size=2>Play</font></a>
<a href="javascript:document.embeds[0].stop()"><font size=2>Stop</font></a>


위의 소스를 사용하고 싶은 html 문서에 붙여넣기 하세요..
Play, Stop 이라는 글씨 대신에 그림이나 버튼을 써두 되겠죠?
이 기능은 자바스크립트 기능이거든요.

javascript:document.embeds[0].play()

이걸 풀어서 얘길 하면요..
"자바스크립트 명령을 쓰는데 현재 문서(document)의 embed 태그를 사용한 배경음악의 첫번째(embeds[0]를 play() 함수에 의해서 플레이 시켜라" 이거구요..

javascript:document.embeds[0].stop()

이걸 풀어서 얘길 하면..
"자바스크립트 명령을 쓰는데 현재 문서(document)의 embed 태그를 사용한 배경음악의 첫번째(embeds[0]를 Stop() 함수에 의해서 멈춰라" 라는 뜻입니다.. 쉽죠?



배경음악은 embed 태그로 써주셔야만 음악이 나옵니다..
버튼으로 사용하는 경우에 대한 소스는 아래에 있습니다..

<input type="button" name="play" onclick="javascript:document.embeds[0].play()" value="play">
<input type="button" name="stop" onclick="javascript:document.embeds[0].stop()" value="stop">

'인터넷정보' 카테고리의 다른 글

천사가 날아가는 간단한 마퀴태그  (0) 2007.10.16
투명한 스크롤바 만들기  (0) 2007.10.16
게시판 글 목록 테이블을 투명하게(배경 이미지 적용시)  (0) 2007.10.16
홈 들어갈 때와 나갈 때 인사말창 띄워주기  (0) 2007.10.16
배경음악 삽입하기 - bgsound/embed  (0) 2007.10.16
dotted 이미지 없이 링크에 점선 밑줄 나타내는 태그  (0) 2007.10.16
vml을 이용한 풍선 툴팁 만들기  (0) 2007.10.16
마퀴태그를 이용해서 텍스트 멋지게 꾸미기  (0) 2007.10.16
PHP로 DB 사용용량, 남은용량 알아내기.  (0) 2007.10.16
PHP로 사용용량, 남은용량 알아내기  (0) 2007.10.16

티스토리툴바