8 Nisan 2014 Salı

Sitenize Yukarı düğmesi eklemek
















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

HTML-Kodu:
<body>
etiketinden hemen sonra alttaki satırı eklemelisin.
HTML-Kodu:
<a id="sayfaustu"></a>
Sitenin kaynak dosyasının en altına ve tabi 

HTML-Kodu:
</body>
etiketinin üstüne alttaki satırı ekleyebilirsin.

HTML-Kodu:
<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,

Kod:
#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.
Not : eğer stil dosyasının içerisine koymayıpta html dosyanıza koyacaksanız kodların başına <style>, sonunada </style> ekleyin.

Hiç yorum yok:
Write yorum

Labels