Sitenize “Yukarı” düğmesi eklemek

Sitemin sağ alt köşesinde yer alan “yukarı” düğmesini eminim görmüşsünüzdür. Uzayıp giden sayfaların en üstüne çıkmak için güzel bir kısayol diyebiliriz Gelen istek e-postalarının ardından, bunu sitenize nasıl uyarlayabileceğinizi göreceğiz.

Beni hiç lafa tutmayın, hemen giriyorum konuya Yazayım, ders yapacağım dönüp

Önce sitenin en üstüne (tabi kaynak dosyasında) ve

<body>

etiketinden hemen sonra alttaki satırı eklemelisin.

<a id="sayfaustu"></a>

Sitenin kaynak dosyasının en altına ve tabi

</body>

etiketinin üstüne alttaki satırı ekleyebilirsin.

<p id="page-top"><a href="#sayfaustu" title="Sayfanın başına dön">Yukarı</a></p>

Sonrasında ise stil dosyanın ya da satırlarının içerisine,

[CSS]#page-top {
position: fixed;
display: block !important;
display: none; /* Hide from IE6 */
bottom: 5px;
right: 10px;
padding: 2px 0 2px 20px;
background: url(images/sayfa-yukari.png) left center no-repeat;
font-size:11px;
}
#page-top a:link, #page-top a:active, #page-top a:visited, #page-top a:hover {text-decoration:none;}[/CSS]

satırlarını ekliyorsun. Burada adı geçen sayfa-yukari.png dosyası,görünmekte olan yukarı ok oluyor. Eğer kopyalamak istiyorsan,

sayfa yukari Sitenize Yukarı düğmesi eklemek