배경음악,연월일,시간, 코멘트 함께 묶었습니다. 필요한부분 수정하여 사용하세여...
(테이블 width=650~625, height=25~30 정도가 보기 좋네요...)

미리보기 http://minpd.ivyro.net/



<!-- 배경음악,연,월,일,시간,코멘트 시작입니다.-->

                          
<table width="650" height="25"  border="0" align="left" bgcolor="#E6F0E1">
  
<tr>
<td align="left"><embed src="http://minpd.ivyro.net/music/c100.mid" width="74" height="25"></embed></td>
                                           <!-- 윗부분 음악경로 수정하세요. -->
    
<td height="25" align="left">  
<script language="JavaScript">
<!--
var days = new Array();
days[0] = " <font color=red size=2><b>일</b></font> <font size=2 color=#869380>요일</font>";
days[1] = " <font color=#fdb303 size=2><b>월</b></font> <font size=2 color=#869380>요일</font>";
days[2] = " <font color=#fdb303 size=2><b>화</b></font> <font size=2 color=#869380>요일</font>";
days[3] = " <font color=#fdb303 size=2><b>수</b></font> <font size=2 color=#869380>요일</font>";
days[4] = " <font color=#fdb303 size=2><b>목</b></font> <font size=2 color=#869380>요일</font>";
days[5] = " <font color=#fdb303 size=2><b>금</b></font> <font size=2 color=#869380>요일</font>";
days[6] = " <font color=#fdb303 size=2><b>토</b></font> <font size=2 color=#869380>요일</font>";

var months = new Array();
months[0] = "<font color=#fdb303 size=2><b>1</b></font>";
months[1] = "<font color=#fdb303 size=2><b>2</b></font>";
months[2] = "<font color=#fdb303 size=2><b>3</b></font>";
months[3] = "<font color=#fdb303 size=2><b>4</b></font>";
months[4] = "<font color=#fdb303 size=2><b>5</b></font>";
months[5] = "<font color=#fdb303 size=2><b>6</b></font>";
months[6] = "<font color=#fdb303 size=2><b>7</b></font>";
months[7] = "<font color=#fdb303 size=2><b>8</b></font>";
months[8] = "<font color=#fdb303 size=2><b>9</b></font>";
months[9] = "<font color=#fdb303 size=2><b>10</b></font>";
months[10] = "<font color=#fdb303 size=2><b>11</b></font>";
months[11] = "<font color=#fdb303 size=2><b>12</b></font>";
// -->
</script>
<font color=#fdb303 size=2><b>2004</b></font> <font size=2 color=#869380>년</font>
<script language="JavaScript"><!--
var now = new Date();
document.write(months[now.getMonth()]  +"</b></font> <font size=2 color=#869380>월 </font><font color=#fdb303 size=2><b>" + now.getDate() +"</b></font> <font size=2 color=#869380>일</font>" + days[now.getDay()]);
// --></script>  </td>

<td height="25" align="left" >
<div id="Clock" >  </div>
<script>
function tick() {
var  ap, hours, minutes, seconds;
var intHours, intMinutes, intSeconds;
var today;

today = new Date();

intHours = today.getHours();
intMinutes= today.getMinutes();
intSeconds = today.getSeconds();

if (intHours == 0) {
hours = "12:";
ap = "<font size=2 color=#869380>자정 </font><font color=#fdb303 size=2><b>";
} else if (intHours<12) {
hours = intHours+ ":";
ap = "<font size=2 color=#869380>오전 </font><font color=#fdb303 size=2><b>";
} else if (intHours ==12) {
hours = "12:";
ap = "<font size=2 color=#869380>정오 </font><font color=#fdb303 size=2><b>";
} else {
intHours = intHours - 12
hours = intHours + ":";
ap = "<font size=2 color=#869380>오후 </font><font color=#fdb303 size=2><b>";
}

if (intMinutes <10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}

if (intSeconds <10) {
seconds = "0"+intSeconds+"";
} else {
seconds = intSeconds+"";
}

timeString = ap+hours+minutes+seconds;

Clock.innerHTML = timeString;

window.setTimeout("tick();", 100);
}

window.onload = tick;

</script></td>

<td height="25" align="left" ></b></font><font size=2 color=#869380>초입니다.</font>
</td>

<td height="25" align="left" >
<script language="JavaScript">
<!--
today = new Date();
h = today.getHours();
m = today.getMinutes();
s = today.getSeconds();
document.write("");
if((h >4) && (h <=9)){        //5~10시의 처리
        document.write(" <font color=#fdb303 size=2>좋은 아침입니다! 즐거운 하루되세요!</font>");
} else if((h >9) && (h <= 11)){        //10~12시의 처리        
        document.write(" <font color=#fdb303 size=2>오늘도 신명나고 보람찬 하루되세요!</font>");
} else if((h >11) && (h <= 12)){ //12~13시의 처리        
        document.write(" <font color=#fdb303 size=2>바빠도 점심은 챙겨드시고 일하세요!</font>");
} else if((h >12) && (h <= 17)){ //13~18시의 처리        
        document.write(" <font color=#fdb303 size=2>피곤하시겠지만 조금만 더 힘내세요!</font>");
} else if((h >17) && (h <= 18)){ //18~19시의 처리        
        document.write(" <font color=#fdb303 size=2>바빠도 저녁은 챙겨드시고 일하세요!</font>");
} else if((h >18) && (h <= 22)){ //19~23시의 처리        
        document.write(" <font color=#fdb303 size=2>일은 끝나셨는지요? 좋은저녁 되세요!</font>");
} else if((h >22) && (h <= 23)){ //23~24시의 처리        
        document.write(" <font color=#fdb303 size=2>밤이 꽤 깊었네요, 이제 주무셔야죠!</font>");
} else { //그 이외의 처리        
        document.write(" <font color=#fdb303 size=2>아직 안주무시나요? 건강 조심하세요!</font>");
}
//-->
</script></td>
</tr>
</table>
<!-- 날짜 시간 코멘트 끝입니다.-->