İlk mesaja bakıp benzerini yapmaya çalışacam sana kendine göre düzenlersin.
menu.html
<html>
<head> <title>Menü</title>
<style type="text/css">
*{margin:0; padding:0;}
body{
background:#d5e7eb;
}
#menu{
border:3px dotted #000;
width:370px;
}
#menu ul{
list-style-type:circle;
margin:5;
padding:20;
padding-top:5px;
}
#menu ul li{
}
#menu ul li a{
display:inline-block;
height:30px;
font-family:Century Gothic;
color:#000;
font-size:17px;
}
#menu h3{
margin:7;
padding:0;
font-family:Century Gothic;
color:#orange;
font-size:21px;
}
</style>
</head>
<body>
<div id="menu">
<h3>Şarkılar</h3>
<ul>
<li><a href="icerik.html" target="icerik">Eminem ft. Rihanna</a></li>
<li><a href="icerik.html" target="icerik">Eminem ft. Rihanna</a></li>
<li><a href="icerikasdasd.html" target="icerik">Eminem ft. Rihanna</a></li>
<li><a href="icerik.html" target="icerik">Eminem ft. Rihanna</a></li>
</ul>
</div>
</body>
</html>icerik.html
<html>
<head> <title>Menü</title>
<style type="text/css">
*{margin:0; padding:0;}
body{
background:#d5e7eb;
}
</style>
</head>
<body>
<p>Mediaplayer</p>
</body>
</html>index.html
<html>
<body>
<frameset cols="380,*">
<frame src="menu.html" />
<frame src="icerik.html" name="icerik" />
</frameset>
</body>
</html>