Kayıtlar

JavaScript ile HTML kod değiştirme, Gizleme, Gösterme – Ders 1

Merhaba bugün JavaScript derslerimizden birincisine başlıyoruz. Bugün sizlerle JavaScript ile HTML kodlarını nasıl değiştirebileceğimizi, HTML kodlarını nasıl gizleyebileceğimizi ve HTML kodlarını nasıl gösterebileceğimizi öğreneceğiz. Haydi başlayalım : ) JavaScript ile HTML kodlarının içeriğini değiştirebiliriz. Bunun için bize gerekli olan getElementById(). Metodudur. Aşağıda vereceğimiz örnekte getElementById(). Metoduyla değiştirmek isteğimiz kodu bulacağız ve isteğimiz şekilde değiştireceğiz. Örnek Kod : <html> <body> <h2>JavaScript İle Neler Yapılabilir?</h2> <p id="demo">Değiştirilecek Cümle</p> <button type="button" onclick='document.getElementById("demo").innerHTML = "Yerine Yazılacak Yazı"'>Tıkla</button> </body> </html> JavaScript’i hem tek tırnak hem de çift tırnakla kullanabiliriz Örnek Kod : <html> <body> <h2>JavaScript İ
Yorum Gönder
Devamı

Wordpress otomatik haber botu 2017 (haberler.com)

Resim
Merhaba arkadaşlar.Uzun bir aradan sonra yeni bir paylaşımla karşınızdayız:) Herkesin aradığı ama çalışan halde bulamadığı Wordpress haber botu yaptık.Bot haberleri haberler.com sitesinden almaktadır.Farklı kategorilerden haberleri wordpress sitenize ekleyebilirsiniz.Üstelik bütün temalarla uyumludur yani botta özel alanlar oluşturmadık. Özellikler: *Sondakika,spor,politika,dünya,teknoloji,kadın,sağlık gibi kategorilerden haberleri otomatik olarak çekme *Resim eklenmeyen haberleri resim eklendikten sonra çekme *Aynı haberi sadece bir defa ekleme *Anlık olarak her kategoriden 20 haber çekebilme *Tamamen ücretsizdir,lisans sorunu yoktur * Cronjob yardımıyla siz hiç müdahale etmeden otomatik olarak girip sitenize haber ekler. Adım adım nasıl kurulacağını anlatmaya başlayalım... 1-Öncelikle bot dosyalarını indirin. (Rar şifresi: yeniwebmaster.blogspot.com) 2-Wordpressin kurulu olduğu dizinde bot adında bir klasör oluşturup bot  dosyalarını içine atın.
1 yorum
Devamı

Mouse ile üzerine gelince değişen resim | HTML + CSS

Merhaba arkadaşlar.Uzun bir aradan sonra yeni bir paylaşım yapıyorum.Basit ama web sayfanizda kullanınca göze güzel görünecek bir özellikten bahsedeceğim.Özelliğimiz; Mouse ile resim üzerine gelince değişip üzerinden çekince eski haline gelen resimler. Bu özelliği menülerde,butonlarda yada resim paylaşımlarında kullanabilirsiniz. Hemen kodları deneyelim.Masaüstünüze index.html,resim1.jpg,resim2.jpg dosyaları ekleyin.Ardından not defteri ile index.html dosyasını açıp içine aşağıdaki kodları ekleyip kaydedelim. <html> <style> #degisenresim {     height: 70px;     width: 120px;     background-image: url('resim1.jpg'); } #degisenresim:hover {     background-image: url('resim2.jpg'); } </style> <img id="Library"> </html> Kodları kaydettikten sonra index.html dosyasını tarayıcı ile açtığınızda sayfada resim1.jpg'yi göreceksiniz üzerine mouse götürdüğünüzde resim1 kaybolacak yerine resim2.jpg görünecektir tekrar m
22 yorum
Devamı

PHP'de çift tırnak ve tek tırnak kullanımı, hataları

Merhaba arkadaşlar.Bu konumuzda PHP içinde tırnak kullanımlarını anlatmaya çalışacağım.PHP'de en çok kullanılan karakterlerden biridir tırnak.Yeni başladığım zaman en çok karşılaştığım hata çift tırnak içinde çift tırnak veya tek tırnak içinde tek tırnak kullandığımdan kaynaklanıyordu.Sonradan öğrendim bunun çözüm yolunu.Şimdi bilmeyen arkadaşlara o konuda da yardımcı olmaya çalışacağım. Aşağıdaki tırnak kullanımları çalışmaktadır. <?php echo "buraya yazi veya $degisken"; echo "buraya 'tek' tirnak veya $degisken"; echo "buraya \"çift\" tirnak veya $degisken"; echo 'buraya yazi veya '.$degisken.''; echo 'buraya "çift" tirnak veya '.$degisken.''; echo 'buraya \'tek\' tirnak veya '.$degisken.''; ?>
Yorum Gönder
Devamı

PHP for döngüsü kullanımı ve count

PHP ile for döngüsü...For döngüsü ile otomatik olarak sayı artırması yapılır.Örnek verecek olursak; Sayfada 10 a kadar sayı saydırmanız gerekiyorsa bu sayıları tek tek yazmıyorsunuz. for ($i=0 ; $i < 9; $i++ ) { echo $i.'<br>'; } Yukarıdaki kodu sayfanıza ekleyince otomatik olarak alt alta sayıları sayacak ve 10 da duracak.Yukarıdaki kodları sayfanıza ekleyip deneyebilirsiniz. Çıktı: 1 2 3 4 5 6 7 8 9 10 şeklinde olacaktır.Bunu arrayları sıralama içinde kullanabiliriz.Aşağıdaki kodlar da bunun için. $veriler[4] şeklinde bir arrayım var count ile bu array içindeki veri sayısını buluyorum.Bulunan sayıyı for döngüsüne bağlıyorum ve otomatik olarak arrayın içinde kaç tane veri var ise onları sayıyor ve ekrana yazdırıyor. <?php $say=count($veriler[4]); for ($i=0 ; $i < $say; $i++ ) { echo $siteler[4][$i].'<br>'; } ?> İyi çalışmalar..
Yorum Gönder
Devamı

PHP Array içinde kelime arama

Merhaba arkadaşlar bu konumuzda PHP ile array dizisi içinde kelime araması yapacağız. Basit bir kod.Ağaşıdaki kodlara bakınca mantığını anlayacaksınız.Diziler içinde 3 tane kelime var webmaster,php,html olmak üzere.Biz de bu diziler içinde webmaster kelimesi var mı yok mu onu kontrol ediyoruz. Ve çıktı olarak bize "webmaster kelimesi dizinin içinde var" veriyor.Çünkü webmaster kelimesi arrayın içinde var.İyi çalışmalar. <? $diziler= array("webmaster", "php", "html"); if (in_array("webmaster", $diziler)) { echo "'webmaster' kelimesi dizinin içinde var!"; } else { echo "'webmaster' kelimesi dizinin içinde yok!"; } ?>
Yorum Gönder
Devamı

CSS ile site arka plana resim ekleme veya rengini değiştirme

Site görüntüsünü en çok etkileyen faktörlerden biridir arkaplan.Tek resimle bile site tasarımını daha profesyonel göstermek mümkün olabilir.Bu işlerde eğer yeniyseniz ilk öğrenmeniz gereken şeylerden biri budur ama ben bunu paylaşmada geç kaldım sanırım :) Yine de yeni başlamış olanlar olacaktır aramızda onlara anlatmış olalım. Sitenin arkaplanına resim eklemek istiyorsanız background-image: url("resim adresi"); kodunu css dosyanızın body tag kısmına eklemeniz yeterli olacaktır.Background repeat ise resimin tekrar yapıp yapmayacağını belirtir.Bunu eklemezsek tek resim olarak görünür ve resim ekrandan küçük ise diğer kısımlar boş görünür.onun için sağa doğru ve aşağıya doğru tekrar ettirmek mümkün. Sağa doğru resmi tekrar ettirmek için; background-repeat: repeat-x; Aşağıya doğru tekrar ettirmek için; background-repeat: repeat-y; Sayfanın tamamını kaplaması için hem sağ hem aşağı doğru tekrar etmesi için ise; background-repeat: repeat; kodunu eklemek yeterlidir.Eğer re
Yorum Gönder
Devamı