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

etiketinden hemen sonra alttaki satırı eklemelisin.

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

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

Yukarı

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

#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;}

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

Yukarı Ok

simgesine sağ tıkla ve resmi farklı kaydet 😉

İşte bu kadar 🙂