아이프레임을 이용한 뮤직플레이어 넣기

Posted by sangnok yoojin
2007. 6. 3. 15:27 홈페이지 정보/● 홈페이지 tip ▶

아이프레임을 이용한 뮤직플레이어 넣기

사용자 삽입 이미지
사용자 삽입 이미지






사용자 삽입 이미지


==================================================================
*아이프레임 태그를 이용해서 홈페이지에 간단히 음악을 넣을 수 있습니다.
아래의 태그를 복사해서 홈페이지 body 소스의 적당한 부분에 복사해 넣으시면 됩니다.

*이 방법은 프레임으로 나뉜 홈피의 좌측메뉴나 상단, 하단에 적용해야 홈페이지상에서 음악의 끊김이 없습니다
원프레임 홈페이지에서는 다음 글에 설명된 프레임셋 이용하는 방법 이나 팝업형 뮤직플레이어(<-클릭)를 이용하세요

적용된 것 미리보기는 ---> --->http://lovene.dnip.net/
http://lovene.ohpy.com/


방법1-네모난 뮤직플레이어(<--클릭)


===================================================================================
아래의 소스를 홈페이지의 적당한 곳에 복사해서 넣으시면 됩니다
-----------------------------------------------------------------------------------

<table align="left" style="WIDTH: 159px; HEIGHT: 91px" borderColor=#e7e7e7 cellSpacing=0 cellPadding=2 bgColor=#ffffff border=1 >
<tr>
<td width="159" height="87">
<IFRAME src="http://lovene.dnip.net/bgm/bgm.php" width="159" height="87" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
</td>
</tr>
</table>
------------------------------------------------------------------------------------






방법2-가로형식 길다란 빨간 뮤직플레이어(<--클릭)
사용자 삽입 이미지


=================================================================================
<table align="left" style="WIDTH: 800px; HEIGHT: 30px" cellSpacing=0 >
<tr>
<td width="800" height="30">
<IFRAME src="http://lovene.dnip.net/aquamp/index.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

</td>
</tr>
</table>
=====================================================================================


적용된 것 미리보기는 ---> ---> http://lovene.dnip.net


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



방법3-깜찍한 미니 뮤직플레이어(<--클릭)

사용자 삽입 이미지






===================================================================================
아래의 소스를 홈페이지의 적당한 곳에 복사해서 넣으시면 됩니다
-----------------------------------------------------------------------------------

<table align="left" style="WIDTH: 141px; HEIGHT: 58px" borderColor=#e7e7e7 cellSpacing=0 cellPadding=2 bgColor=#ffffff border=0 >
<tr>
<td width="139" height="56">
<IFRAME src="http://lovene.dnip.net/mini_player.php" width="139" height="56" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
</td>
</tr>
</table>
------------------------------------------------------------------------------------








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


아래에는 홈페이지 소스에 적용한 예문입니다.참고하세요
---------------------------------------------------

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>따뜻한 음악이 있는 곳</title>

</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" topmargin="0">
<IFRAME src="http://lovene.dnip.net/aquamp/index.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

</html>


----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
*참고: 위의 소스 중에 leftmargin="0" topmargin="0" 이것을 홈페이지의 body 소스에 넣으면 여백이 없이 좌측상단에 딱 붙게 됩니다

이 댓글을 비밀 댓글로