Etiket: tema

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(...