Html&CSS

JavaScript Günün Sözü Kodu Sayfa Yenilendikçe Değişen
Html&CSS

JavaScript Günün Sözü Kodu Sayfa Yenilendikçe Değişen

Javascript günün sözü kodu altında ama sayfa yenilendikce sözlerin de değişen javascript kodunu sizlerle paylaşmak istiyoruz. Aşağıdaki kodu yazınızın nerede gözükmesini istiyorsanız o alana kodu ekleyip geriye sadece kod içerisindeki sözleri değişmek kalıyor. Önçe kodu verelim daha sonra resim ile örnek verelim. <p align="center"> <script language="JavaScript1.1" type="text/javascript"> <!-- quotes = new Array(11); quotes[0] = "0"; quotes[1] = "1"; quotes[2] = "2"; quotes[3] = "3"; quotes[4] = "4"; quotes[5] = "5"; quotes[6] = "6"; quotes[7] = "7"; quotes[8] = "8"; quotes[9] = "9"; quotes[10] = "10"; quotes[11] = "11"; quotes[12] = "12"; quotes[13] = "13"; quotes[14] = "14"; quotes[15] = "15"; quotes&...
JavaScript Günün Sözü Kodu Sabit
Html&CSS

JavaScript Günün Sözü Kodu Sabit

Javascript ile günün sözü kodunu paylaşmadan önçe aşağıdaki kodları günün sözün'ün nerede gözükmesini istiyorsanız kodu o alana eklemelisiniz. Ardından kod içerisindeki bilgileri kendiniz değiştirmelisiniz yani kendi günlük sözlerinizi eklemelisiniz. Birde kodları her ayın 1.ci günü önçesinden yenilemelisiniz aksi halde geçmiş ay ile aynı sözü paylaşmış olacaksınız. Sayfa yenilendiğinde söz değişmez ayrıca sayfa yenilendiğince söz değişmesini bir sonraki yazımızda paylaşmayı planlıyoruz. Aşağıdaki kodları gözükmesini istediğiniz yere ekleyiniz </header> önçesine ekleme hatasına düşmeyin. <script> <!-- start var soz; var sozler=new Array( "Güzel söz bir", "Güzel söz iki", "Güzel söz üç", "Güzel söz dört", "Güzel söz beş", "Güzel söz altı", "Güzel söz yedi", "Güzel s...
Siteyi Yönlendirme Kodu Zamanlı Veya Zamansız
Html&CSS

Siteyi Yönlendirme Kodu Zamanlı Veya Zamansız

Bir sebeble siteyi yönlendirmek isteyebilirsiniz bu durumda ise size oldukca kullanışlı bazı kodlar gerekiyor. </header> önçesine bir iki satırlık kod ekleyerek bu işi kökten çözebilirsiniz. Uyarıda bulunmak isteriz ki kullanılabilir bir web sitesinde aşağıdaki işlemleri yapmanız uygun değildir. Aşağıdaki uygulamaları yapmanız belli bir sebleriniz olabilir ama arama motorları için pek uygun olmayıp ziyaretçi kaybı yaşayabilirsiniz. Aşağıdaki kod'da göründüğü gibi content karşılığı 0 verilmiş bu sayı saniye cisminden yazılmıştır eğer 0 sayısını 3 ile değiştirirsek web sitesi bağlantı oluştuğundan itibaren ve 3 saniyeyi doldurduğunda yönlendirme işlemi başlaması için istek gönderip yönlendirecektir. Alttaki kodu </header> önçesine uygun yere ekleyin yönlendirecek adres...
JavaScript Sayfayı Yazdırma Kodu
Html&CSS

JavaScript Sayfayı Yazdırma Kodu

JavaScript sayfayı yazdırma kodunu temanızda uygun yere ekleyerek ziyaretçilerinize sayfanızı yazdırabilirsiniz. Wordpress cms sisteminde temalarda genelde single.php yada page.php sayfalarına eklenmektedir. Eğer wordpress içerisinde kodu geliştirerek header footer ve sidebar kısmını devre dışı bıraktırarak sadece yazı içerisini de yazdırtabilirsiniz. Wordpress sistemi dışında da çoğu php sistemler ile çalışmaktadır. Konumuz ne kadar html içerisinde olsada bilmenizde fayda olacağını düşündüğümüz için bazı konulara da değinmemizde sakınca olmayacağını düşündük. Kodu temanızda uygun yere ekleyerek genelde yazı altında olmak üzere yazınızı ziyaretçilere yazdırtmaya başlatabilirsiniz. <input onclick="window.print();" type="button" value="sayfayı yazdır"> Hepsi bu kadar. ...
JavaScript Sayfa Yüklenirken Uyarı Mesajı
Html&CSS

JavaScript Sayfa Yüklenirken Uyarı Mesajı

Sayfa yüklenirken herhangi bir uyarıyı "pop-up" şeklinde gösterebilirsiniz. Aşağıdaki resimde görüldüğü gibi edge de bu şekilde görünüyor diğer tarayıcılarda ise aynı benzer şekilde görünmektedir. Örnek bir resimde inçeleyelim. Resimde pop-up pençeresi içerisinde görünen "Web siteme hoş geldiniz." yazıyor bu yazıyı istediğiniz gibi değiştirip ziyaretçilerinize sunabilirsiniz. Aşağıdaki kodu </header> önçesine uygun yere eklemeniz yeterlidir. Ardından kaydedip çıktığınızda ve sayfayı yenilediğiniz de pop-up pençresi ile karşılaşacaksınız. Unutmadan kodu da verelim. <SCRIPT LANGUAGE="JavaScript"> alert("Web siteme hoş geldiniz."); </SCRIPT> Biraz önçe bahsettiğimiz gibi kodları temanızda </header> önçesine eklemelisiniz. Hepsi bu kadar. ...
Tema İçerisinde Bulunan Resimlerin Üzerine Geldiğinde Resimler Renklensin
Html&CSS

Tema İçerisinde Bulunan Resimlerin Üzerine Geldiğinde Resimler Renklensin

Başlıkta belirttiğimiz gibi temanızın içerisinde bulunan görsellerinizde aşağıdaki kodları yerleştirdiğinizde bütün resimleriniz siyah beyaza çevirerek ama yalnız üzerine fare ile gelindiğinde renklenmesini istiyorsanız hatta tam tersinide yapabilirsiniz yani fare ile görsellerinizin üzerine geldiğinizde siyah beyaz olur tek yapmanız gereken aşağıdaki kodları tanımak ve gerekli yere temanızın css kısmına yerleştirmek. Önçe bir resim paylaşmak istiyoruz bu resimde görüldüğü gibi resimler siyah beyaz şeklinde peki bir alttaki resme inelim ve; Alttaki resimde görüldüğü gibi fare ile resmin üzerine gelindiğinde resmin renklendiğini görebilirsiniz. Aşağıdaki kodu alıp düzenleyip ve temanızın uygun yere yerleştirmeniz yeterli olacaktır. .test-img { -webkit-filter: grayscale(...