Category Archives: HTML/CSS/JS

Değişen Copyright Yılı Oluşturmak

Sanırım en basit ve en kısa ipucu bu olacak. Amaç gayet basit, footer’a eklediğiniz, Copyright © 2008 – 2009 blabla.com yazısının elle değiştirmeye gerek kalmadan değişmesini sağlayacağız. Yapacağınız ilk şey, bu yazının bulunduğu dosyayı (ki genelde footer.php içerisinde olur) açmak. Daha sonra ilgili satırı bulmak ve şu şekilde değiştirmek: hepsi bu kadar  Sene 2017 olduğunda şöyle…

Read More

Body Class Nedir ? Ne İşe Yarar ?

body_class, HTML Body elementine class isimlerini eklemeye yarayan fonksiyondur. Bu fonksiyon sayesinde anasayfa, blog sayfası, arşiv, arama sayfası, kategori sayfası, etiket sayfası, tekil yazı sayfası, normal sayfa ve özel sayfalar için farklı css özellikleri kullanılabilmektedir. Örnek kullanımı şu şekildedir; Class ekleme Eğer bir class adı eklemeniz gerekirse şu şekilde yapılmaktadır; Birden fazla class eklemek için ise,…

Read More

HTML Otomatik Sayfa Yenileme Kodu

Evett, yeni bir yazıyla daha buradayım. Bu yazıda haber sitelerinin çoğunda bulunan otomatik sayfa yenileme kodunu paylaşacağım. Tüm Sayfaları Otomatik Sayfa Yenileme Kodu: Bu kodu temanızın </head> tagından hemen önce eklediğinizde sitenize ait o an açık olan herhangi bir sayfa her 300 saniyede bir yenilecektir. Seçilen Sayfaları Otomatik Yenileme Kodu: Bu kodu HEAD tagları arasına…

Read More

CSS ile Katmanlı Kağıt Yapımı

Merhaba dostlar. Css ile katman halinde kağıt şeklini nasıl verebileceğinizi anlatacağım. Katman yukarıdaki gibi olacaktır. Kodlarımız aşağıdaki gibidir; Öncelikle Css dosyamıza aşağıdaki kodları ekliyoruz. Html dosyamızda ise katman-kagit isminde bir div oluşturuyoruz. (Bu şekilde <div class=”katman-kagit”></div>)   See the Pen YyMYRL by Emirhan BÜLBÜL (@emirhanbulbul) on CodePen.

Css İle 3d Yazı Yazmak

Merhaba kodcu arkadaşlarım. Bu yazımda css ile 3d yazı efekti vermeyi anlatmaya çalışacağım. Efekt tam olarak üstteki resim gibi olacak. (Bu arada “dipcukadam” benim kullanıcı adım.) Aşağıdaki kodları stil dosyanıza ekleyin. Yazı boyutu nasıl değiştirilir ? Yazı boyutunu değiştirmek için font: 900 100px/1 yazan kısımdan 100px‘i kendinize göre ayarlayabilirsiniz. Yazı rengi nasıl değiştirilir ? Yazı rengini…

Read More

Css ile Bulanık Yazı Efekti Vermek {Blurry Text}

Yine bir Cumartesi sabahı erken uyandım ve canım sıkılınca kahvaltıdan önce kişisel blogda bir şeyler paylaşmaya karar verdim. Bugün ki konumuz css ile bulanık yazı efekti vermek. Tek yapmanız  gereken bulanıklaştırmak istediğiniz metnin css kodlarını aşağıdaki gibi yapmak. Demo görünüm aşağıdaki gibidir;   See the Pen QjQXvV by Emirhan BÜLBÜL (@emirhanbulbul) on CodePen.

CSS Sarsıntı Efekti Vermek

Merhaba bloğumun sevgi ve saygıdeğer takipçileri. Bu yazımda sizlere yabancı kaynaklarda rastlamış olduğum sarsıntı efektini nasıl kullanabileceğinizi anlatacağım. Sarsıntı efekti olarak kastettiğim şey tam olarak aşağıdaki gibidir. Resimlerde ve yazılarda kullanılan güzel bir özellik. See the Pen “Shake” CSS snippet for CSS-Tricks by Sarah Drasner (@sdras) on CodePen. Nasıl Kullanılır Bu ? Nasıl kullanılacağına gelecek…

Read More

jQuery İle Yazı Efekti Oluşturma

Merhaba dostlar. Bu dersimde sizlere bloğumun üst kısmında görmüş olduğunuz yazılıp silinen, tıpkı bir yazı yazma editörü gibi olan isim koyamadığım şeyi yapmayı göstereceğim. Matt Boldt isimli bir arkadaşımız bunu yapmış ve Typed.js olarak isimlendirmiş. Ben de ondan gördüm ve bloğum da uyguladım. Öncelikle aşağıdaki kod ile jQuery dosyamızı sayfaya dahil ediyoruz. <script src=”https://cdn.jsdelivr.net/npm/typed.js@2.0.9″></script> Sonra typed.js…

Read More

Siteye Favicon Ekleme

Merhaba dostlar. Sitenize favicon eklemek istiyorsanız bu yazımızı okumaya devam edin. Öncelikle favicon olarak kullanmak istediğiniz resmin uzantısı .ico .jpg .gif .png uzantılarından bir tanesi olması lazım. Bu uzantıların dışında bir uzantı çalışmayacaktır. Ben .ico uzantısını kullanmanızı öneririm. Şimdi sıra geldi kodları eklemeye. Sitenizde bulunan <head> </head> tagları arasına aşağıdaki kodu ekliyoruz. WordPress kullanıyorsanız bu…

Read More

CSS Font Özellikleri

CSS’de yazdığınız yazıları düzenlemek, daha hoş bir görüntü oluşturmak için bazı font özelliklerini bu yazımda anlatmaya çalışacağım. Yazınıza renk vermenizi sağlar. Burada #fff beyaz renk kodudur istediğiniz rengin kodunu ekleyebilirsiniz. Yazı tipi eklemenizi sağlar. Aldığı yazı tipleri genelde Verdana, Arial, Helvetica, sans-serif şeklinde kullanılır. Burada 4 adet yazı fontu bulunmasının nedeni eğer tarayıcınızda verdana fontu yoksa…

Read More