anasayfada olacak sayfa içinde butonla aşağı açılacak sayfa

arkadaşlar çok kullanışlı olduğunu düşündüğüm web sitelerimize yer kazandıran estetik bir araç aşağıda iki tür örneği var bunu bizler nereden bulabiliriz?

http://esmertokatli.tr.gg/resimliPs.htm buradakinden daha esnek olacak
tam örneği aşağıdaki sitede mevcut
http://www.koxuz.org/anasayfa/

bu css den oluşturulan siteye nasıl yapılabilir bunun bir kodu varmı ve css ye nasıl uygulayabiliriz

şimdiden teşekkürler
______________

aslında böyle bir şey ama benim istediğim yazı ile kumanda değil butonla kumanda olacak ve daha esnek bir şekilde açılacak ayrıca yanyana butonlarla olacak ve her buton başka bir yazıyı gösterecek

ben bunu denedim çalışıyor fakat sonra kayboluyor çalışmaz hale geliyor bunun nedenini anlamadım





<meta content="text/html;charset=iso-8859-1" http-equiv="content-type" /><!--ortions by Topsec Technology, Ireland--><SCRIPT src="General.js" type="text/javascript"></SCRIPT><script language="JavaScript" type="text/javascript">
<!--
function ToggleView(LayerToToggle)
{
if (document.getElementById)
{
var StyleToChange = document.getElementById(LayerToToggle).style;
StyleToChange.display = StyleToChange.display? "":"block";
}
else if (document.all)
{
var StyleToChange = document.all[LayerToToggle].style;
StyleToChange.display = StyleToChange.display? "":"block";
}
else if (document.layers)
{
var StyleToChange = document.layers[LayerToToggle].style;
StyleToChange.display = StyleToChange.display? "":"block";
}
}
//-->
</script><style type="text/css">
<!--
div#MyDiv1{
margin: 0px 0px 0px 0px;
display: none;
}
--></style>
<table border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#eef3ff">
<tbody>
<tr>
<td bgcolor="#333333" colspan="4">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#333333"><center><b><font color="#ff0000" face="Arial, Verdana, Helvetica, sans-serif">
<p>&nbsp;</p>
</font></b><span style="color: #ffffff"><a href="javascript:ToggleView('MyDiv1')"><span><span style="font-size: medium">Reklam &Uuml;creti Ne Kadar?</span></span></a><span><span style="font-size: medium"> <br />
</span></span></span></center></td>
</tr>
</tbody>
</table>
<div id="MyDiv1">
<table border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#eef3ff">
<tbody>
<tr>
<td bgcolor="#333333" colspan="4">
<p>&nbsp;</p>
</td>
</tr>
<tr>
<td bgcolor="#333333">
<p>&nbsp;</p>
<center></center>
<p>&nbsp;</p>
<center><b><font color="#ff0000" face="Arial, Verdana, Helvetica, sans-serif">
<h3>Arkadaşlar Reklam &Uuml;creti Yok.Yani Bedava...</h3>
</font></b><span style="color: #ffffff"><font size="2" face="Arial, Verdana, Helvetica, sans-serif"><br />
</font></span></center>
<p><span style="color: #ffffff">&nbsp;Arkadaşlar &quot;Nasıl Yani Bedava&quot; Dediğinizi Duyar Gibiyim. Nasılmı Bedava.Şimdi Biz Sizin 125x125 Pixel Boyutlarındaki Bannerinizi Reklam Alanlarından Birine Ekliyoruz.Sizde Aynı Şekilde Bizim 125x125 Pixel Boyutundaki Bannerimizi Sitenize Ekliyorsunuz. Bir Nevi Banner Takas Gibi Birşey...<br />
Fakat Bu Reklam Kampanyamız Sadece 2 Kişi İle Sınırlı Reklam Vermek İ&ccedil;in <a href="http://www.sempati-tasarim.tr.gg/iletisim.htm">Tıkla</a>...</span></p>
<p><span style="color: #ffffff">&nbsp;</span></p>
</td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
______________