- Katılım
- 10 Nisan 2019
- Mesajlar
- 6,431
- Tepkime puanı
- 9
- Yaş
- 32
- Konum
- istanbul
- Cinsiyet
-
- Bay
- Takım
- Beşiktaş
İnternet üzerinde birçok yukarı çık bağlantısı yapımına yönelik anlatım mevcut. İrc forumlarımız adına sizlere de bu paylaşım aracılığı ile bizde yukarı çık bağlantısını açıklamalı olarak anlatmaya çalışalım.
Bu kodlar genellikle, jQuery ile hazırlanmış olup, bir efekt ile ekranın en üstüne çıkılmasını sağlamaktadır. Yalnızca JavaScript ve CSS kullanılarak, herhangi bir efekt olmaksızın ve Internet Explorer dahil birçok tarayıcı ile uyumlu olan yukarı çık butonu yapımını anlatmaya çalışacağız. Aşağıda yer alan kodları, özellikle CSS olarak dilediğiniz şekilde biçimlendirerek, web sitenizde kolaylıkla kullanabilirsiniz.
1) JavaScript kodlarımız aşağıdaki gibi olacaktır.
Kod:
2) HTML kodlarımız ise aşağıdaki gibi olacaktır.
Kod:
Yukarı Çık
3) CSS kodlarımız ise aşağıdaki gibidir.
Kod:
.yukaricik {
background:
color:
font-size: 20px;
padding: 15px;
width: 100%;
border-bottom: 5px solid
}
Alıntı:
teknobeyin
Bu kodlar genellikle, jQuery ile hazırlanmış olup, bir efekt ile ekranın en üstüne çıkılmasını sağlamaktadır. Yalnızca JavaScript ve CSS kullanılarak, herhangi bir efekt olmaksızın ve Internet Explorer dahil birçok tarayıcı ile uyumlu olan yukarı çık butonu yapımını anlatmaya çalışacağız. Aşağıda yer alan kodları, özellikle CSS olarak dilediğiniz şekilde biçimlendirerek, web sitenizde kolaylıkla kullanabilirsiniz.
1) JavaScript kodlarımız aşağıdaki gibi olacaktır.
Kod:
2) HTML kodlarımız ise aşağıdaki gibi olacaktır.
Kod:
Yukarı Çık
3) CSS kodlarımız ise aşağıdaki gibidir.
Kod:
.yukaricik {
background:
Ziyaretçiler için gizlenmiş link,görmek için
Giriş yap veya üye ol.
color:
Ziyaretçiler için gizlenmiş link,görmek için
Giriş yap veya üye ol.
font-size: 20px;
padding: 15px;
width: 100%;
border-bottom: 5px solid
Ziyaretçiler için gizlenmiş link,görmek için
Giriş yap veya üye ol.
}
Alıntı:
teknobeyin
