테스트 사이트 - 개발 중인 베타 버전입니다

뮤직바 질문 채택완료

강댕2 10년 전 조회 4,958

http://www.di.fm/channels">http://www.di.fm/channels

 

이 사이트처럼 아래쪽에 뮤직바를 넣을려하는데

 

어떻게 넣나용? 소스도 못구하겠네요 오래전에 있었던거같은데 어디갔는지 ㅠㅠ 없어진거같구..

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
p
10년 전

하단 부분에 뮤직바 레이아웃을 고정하는 형태는 아래의 소스를 응용해서 사용하시면 도움이 되실 듯 합니다.

 

</p><p><!doctype html>
<head>
<meta charset="UTF-8">
<title>하단고정레이아웃</title>
<style>
html { overflow: hidden; }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
#wrapper{ width: 100%; height: 100%; position: absolute; overflow-y:scroll; }
#content { width: 100%; }
#footer 
{ 
 overflow: hidden;
 position: absolute;
 bottom: 0; 
 height: 50px; width:100%; text-align: center;
 margin-left:0px; margin-bottom:-1px;
 background:#CCC;
}
</style>
</head></p><p><body>
<div id="wrapper">
 <div id="content">
 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 본문내용... 

 </div>
</div>
<div id="footer">
 풋터내용
</div>
</body>
</html> ​</p><p>
 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

p
10년 전

뮤직바(?)

위 사이트 클릭해보니 별다른게 없는 것 같은데 뮤직바는 어떤 걸 얘기하시는 건지? 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

강댕2
10년 전
음악 클릭하시면 아래쪽에 뜨는 뮤직바요 윈엠프 처럼 나오는거~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인