웹마스터 팁

제로보드XE 로 만든 홈페이지에도 음악을 넣으면 좋을 것 같습니다.
 
제로보드5로 만든 홈페이지에 넣어봤습니다.. 미리보기-->
http://necast.dnip.net

음악이 나오면 홈페이지 분위기가 많이 달라지지요

BGM 을 넣는방법에는 여러가지가 있습니다.
프레임으로 분리된 홈피에는 간단하게 아이프레임으로 고정된 프레임에 넣으시거나 ,
제로보드와 같은 경우는 프레임셋으로 분리해서 상단프레임에 넣기 등..



  

      


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

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

적용된 것 미리보기는 --->   
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://music24.kr/bgm/16.php" width="159" height="87" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>       </td>
  </tr>
</table>
------------------------------------------------------------------------------------

제로보드와 같은 원프레임홈페이지에서는 프레임셋으로 분리해서 상단프레임에 뮤직플레이어를 넣고 메인프레임에 제로보드를 불러오면 음악이 끊김없이 나오게 할 수 있습니다.

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

웹서버에 부담을 주지않고 홈페이지에 음악넣기 팁(프레임 이용)

제로보드나 티티보드등의 원프레임홈페이지에는 이 방법이 가장 좋습니다
프레임으로 분리해서 상단이나 하단에 뮤직플레이어를 넣고 메인프레임에는 홈페이지를 넣는 방법입니다

사용자 삽입 이미지



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

*이 방법은 제로보드 등으로 만든 원프레임(한개의 프레임으로 이루어진 사이트)홈페이지를 프레임셋으로

분리해서 끊김없는 음악재생이 가능하게 하는 방법입니다(원프레임 홈페이지에 아이프레임 방식으로 뮤직플레이

어를 넣을 경우는 사이트내에서 다른 페이지를 보려고 클릭할 때마다 음악이 잠시 끊기는 현상이 있는데

그것을  없애는 방법입니다.)

* 투명한(보이지 않는) 뮤직플레이어로 하시려면 뮤직플레이어가 든 프레임 사이즈를 0으로 하시면 됩니다.


홈페이지의 메인 index.htm 페이지를 프레임셋 소스를 이용해서 만들어 주고, 메인 index 파일 이름을 변경해주면

됩니다.   아래의 설명을 따라서 한번 해보세요
-------------------------------------------------------------------------------------------

1.원래의 홈페이지 메인 index.html 파일의 이름을 main.html ( htm 이 아니고 html 임)로 바꾸고 나서

2.첨부파일을 다운 받아 압축 푸시면 나오는 index.html 파일을  메모장으로 열어서

  아래의 설명과 같은 위치에  main.html (위에서 이름을 바꾸어 두었던 것)의

  인터넷 주소를 써넣고 저장시킨다.

3.위의 2번에서 수정한 그 index.html 파일을 웹서버( 원래의 메인 index.html 파일 있어야
 
  할  곳) 에 대신 복사해 넣는다

-----------------------------------------------------------------------------------------
이하 2번 설명 관련

첨부파일을 압축풀면 나오는 index.html을 메모장으로 열면 아래와 같이 나옵니다.

<html>
<head>
<title>환영합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<frameset rows="30,*" rows1="30,*" rows2_disabled="60,*" frameborder="0" framespacing="0" name="fst">
  <frame src="
http://music24.kr/aquamp/index.html" name="aquamp" frameborder="0" noresize>
       <frame src="http://이곳에 자신의 홈페이지 main.html의 주소를 넣습니다or카페주소" frameborder="0" noresize>
</frameset>
</html>


-----------------------------------------------------------------------------------------

첨부파일

-----------------------------------------------------------------------------------------

위와 같이 하시고 홈페이지로 접속해 보시면, 맨위에 음악이 나오는 아쿠아 엠프가 생겼을 겁니다.

미리보기는 여기를 눌러보세요-->
http://lovene.dnip.net      


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


홈페이지 하단에 뮤직플레이어를 위치시키려면 아래의 소스로 대신하시면 됩니다


<html>
<head>
<title>환영합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<frameset rows="*,30" rows1="*,30" rows2_disabled="60,*" frameborder="0" framespacing="0" name="fst">

<frame src="http://이곳에 자신의 홈페이지 main.html의 주소를 넣습니다or카페주소" frameborder="0" noresize>
<frame src=http://music24.kr/aquamp/footer.php name="aquamp" frameborder="0" noresize>
</frameset>
</html>


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


홈페이지에는 보이지 않는  투명뮤직플레이어로를 넣으시려면 아래의 소스로 대신하시면 됩니다

뮤직플레이어가 든 프레임 사이즈를 0으로 하면 배경음만 나오고 보이지 않는 뮤직플레이어가 되는 원리입니다.
(그러나 투명 플레이어로 한다면 조절바가 보이지 않으므로 음악리스트와 플레이어조절기능을 사용하지 못하는 단점이 있습니다)



<html>
<head>
<title>환영합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<frameset rows="*,0" rows1="*,30" rows2_disabled="60,*" frameborder="0" framespacing="0" name="fst">

<frame src="http://이곳에 자신의 홈페이지 main.html의 주소를 넣습니다or카페주소" frameborder="0" noresize>
<frame src=http://music24.kr/aquamp/footer.php name="aquamp" frameborder="0" noresize>
</frameset>
</html>



---------------

뮤직플레이어를 하단프레임에 넣을 때 스크롤바가 생기는 현상이 있더군요..

그 해결방법은 별도의 footer 프레임페이지를 만들어서 그곳에 아이프레임 방식으로 뮤직플레이어를 삽입하고

프레임셋 소스에서는 footer 페이지를 불러들이게 하면 됩니다.

아래에 프레임셋 과 푸터 프레임의 소스를 예제로 공개합니다.

---------------
프레임셋 소스
---------------
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>환영합니다.</title>

<base target="_self">
</head>

<frameset rows="100%, 30" border="0">
  <frame src="이곳에 자신의 홈페이지 메인창 주소를 넣습니다" marginwidth="0" marginheight="0">
  <frame src="
http://music24.kr/aquamp/footer.php" scrolling="no" marginwidth="0" marginheight="0">
  <noframes>
  <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
  <p>이 페이지를 보려면, 프레임을 볼 수 있는 브라우저가 필요합니다.</p>
  </body>
  </noframes>
</frameset>

</html>



--------------------
푸터(footer)소스
---------------------
<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">
<table align="center" style="WIDTH: 100%; HEIGHT: 30px" cellSpacing=0 >
  <tr>
     <td width="100%" height="30">
       <IFRAME src="
http://music24.kr/aquamp/index.html" width="100%" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

    </td>
  </tr>
</table>
</body>

</html>





실제 적용된 사이트 --> http://11sadan.kr



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

아래와 같은 모양으로 넣으시려면  아래의 소스로 대체하시면 됩니다.. 주황색글 부분이 바뀌는 것입니다

사용자 삽입 이미지






<html>
<head>
<title>환영합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<frameset rows="30,*" rows1="30,*" rows2_disabled="60,*" frameborder="0" framespacing="0" name="fst">
  <frame src="
http://music24.kr/bgm/50.php" name="aquamp" frameborder="0" noresize>
       <frame src="http://이곳에 자신의 홈페이지 main.html의 주소를 넣습니다or카페주소" frameborder="0" noresize>
</frameset>
</html>


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


사용자 삽입 이미지





<html>
<head>
<title>환영합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<frameset rows="18, 1*" cols="1*" border="0">
       <frame name="top" scrolling="no" marginwidth="0" marginheight="0" noresize src="
http://music24.kr/bgm/1.php">
       <frame name="main" scrolling="auto" marginwidth="0" marginheight="0" src="http://이곳에 자신의 홈페이지 main.html의 주소를 넣습니다or카페주소" noresize>
<noframes>
<body ></body>
</noframes>
</frameset>
</html>

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







작은 것
========================================================================


<iframe src="http://music24.kr/tv/cube_s_music24.kr.html" width="160" height="130" scrolling="no" frameborder="0" allowtransparency="true"></iframe>


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



큰 것
========================================================================
<iframe src="http://music24.kr/tv/cube_b_music24.kr.html" width="360" height="260" scrolling="no" frameborder="0" allowtransparency="true"></iframe>



더 자세한 설명은 http://music24.kr
  에 해두었습니다..

50여가지의 뮤직플레이어와 시계 날씨 등의

홈페이지 악세사리들이 있습니다. 

글이 마음에 드시면 우측하단에  "이 게시물을 .." 글자를 누르셔서 추천 한번 꾹. 부탁해요 ^^*

제목 글쓴이 날짜
XE이전 작업순서 elancer 2019.03.28
1.11.3 업로드 패치 이후 업로드 오류 관련 우소푸 2019.04.21
로그인 실패시 실패내역 쪽지와 메일 발송 되는걸 발송 안 되게 하려면.. sejin7940 2019.05.21
스케치북5 게시판 사용자정의에 색상 적용하기 file 아데나 2019.05.31
관리자페이지의 회원목록에서 타회원들의 비밀번호 찾기 질문/답변 수정 가능하도록 하려면.. sejin7940 2019.07.03
VSCODE에서 PRETTIER-PHP 사용하기 (중급자용) reactux 2019.07.29
관리자 아이디/비번을 잃어버렸을때, 관리자페이지 접속을 못할 때 TIP [1] file 플레이웹 2019.08.13
회원가입품 연락처항목 공백잇을시 질문입니다. 해운거사2 2019.08.16
xe 기본회원가입품 연락처항목 공백&숫자 유효성검사 질문입니다. 해운거사2 2019.08.25
코드 이미지 생성해주는 사이트 [2] file reactux 2019.10.06
대부분 쉬운설치로 인해 홈페이지 빈 페이지가 뜨는 에러는.. CJM 2019.10.24
ZB게시판에 구글광고 달수 없나요? [2] 손주사랑 2019.11.23
AI 개발에 적합한 5가지 프로그래밍 언어 ppumweb 2020.01.06
커뮤니션 쪽지 보내기 기능을 모바일 에서 실행시 로그인 풀림 현상 인천한량 2020.04.14
XE를 다른디렉토리에 설치후 리다이렉트하기 디자인플렉스 2020.04.24
content 위젯에서 태그로 글 뽑기 날아올라 2021.02.07
XE 1.4에서 HTML5 에디터 사용하기 (Flash 없는) [3] file Toby 2021.02.24
불법광고 댓글 greentown 2021.05.18
검색엔진 네이버 사이트 순위 SEO 검색엔진 최적화 작업해도 안 올라간다면.. [1] file CJM 2022.05.16