Sitenize “Yukarı” düğmesi eklemek

15 Haziran 2007, 23:34 tarihinde yazılmış olup, 971 kez okunmuş ve 7 yorum almış

Etiketler:

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 :P Gelen istek e-postalarının ardından, bunu sitenize nasıl uyarlayabileceğinizi göreceğiz.

3.17
Yazı ebatı büyüt Yazı ebatı küçült Arkadaşına yolla Bu yazıyı paylaş Yorum yap Yazının geri izleme adresi Yazıyı XML ile takip et


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

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

PLAIN TEXT
HTML:

etiketinden hemen sonra alttaki satırı eklemelisin.

PLAIN TEXT
HTML:
  1. <a id="sayfaustu"></a>

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

PLAIN TEXT
HTML:
  1. </body>

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

PLAIN TEXT
HTML:
  1. <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,

PLAIN TEXT
CSS:
  1. #page-top {
  2.     position: fixed;
  3.     display: block !important;
  4.     display: none; /* Hide from IE6 */
  5.     bottom: 5px;
  6.     right: 10px;
  7.     padding: 2px 0 2px 20px;
  8.     background: url(images/sayfa-yukari.png) left center no-repeat;
  9.     font-size:11px;
  10. }
  11. #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 :)

Bunu okuyanlar, alttakileri de okudu

Bu yazılar da ilginizi çekebilir ;)

Wordpress.Org Lisans Kullanım Şartları Dmry.net Hakkında

Kullanım şartları yerine getirilmeden hiçbir şekilde kopyala-yapıştır yapılamaz.
eXTReMe Tracker