10 Mart 2013 Pazar

Google Web Fonts Kullanımı

google_web_fonts_logo
Google 'ın ücretsiz olarak sunmuş oldugu ve Webmaster ların çok işine yarayan,oldukça popüler olan Google Web Fonts un kullanımını ve küçük detaylarını sizlerle paylaşacağım.

Google Web Fonts şu anda tam 622 font ailesine sahip ve zamanla font ailesi sayısı artmakta olan google web fonts basit kullanımı sayesinde kullanıcılarına büyük bir kolaylık sağlamaktadır.


google_web_fonts




Preview Text : yazan yere görüntülemek istediğiniz fontu girebilir ve fontun metninize nasıl bir görünüm kazandırdıgını görebilirsiniz.Ayrıca harf olarak paragraf ve poster şeklindede önizlemeler yapabilirsiniz.

8 Mart 2013 Cuma

Photoshop Metal Yazı Efekti

photoshop_metal_yazi

Bu makalemde sizlere ; Photoshop'da Metal Yazı efekti oluşturmayı adım adım göstereceğim.

Başlamadan önce ve font ve arkaplan için sizler kendi istedikleriniz seçebilirsiniz.Ben elimde olan bir adet siyah pattern ve Brownwood NF adlı fontu kullandım sizlerde dilerseniz internetten aynı fontu bulup kullanabilirsiniz.

18 Şubat 2013 Pazartesi

Ücretsiz Sosyal Medya İkonları

Sosyal Medya insanlarla iletişim kurabilmek için en etkili ve en önemli yoldur. Ayrıca sosyal medya sayesinde sitenizin erişebilirliğini artırabilir ve websitenizin değerini artırabilirsiniz.Bu nedenle kendinizin olsun veya üzerinde çalıstıgınız herhangi bir websitesi için olsun sosyal medya linkleri önemlidir.

O yüzden çeşitli sosyal medya ikonları kullanarak olusturdugunuz websitelerinde güzel bir görünüm kazandırabilirsiniz.Genellikle ücretsiz olarak erişebileceginiz sosyal medya ikonları içinde kendimce belirlediğim ücretsiz sosyal medya ikonlarını bu makalemde paylaşacağım.

1.Grunge Peeling Stickers Social Media Icons

sosyal medya ikon

Katlanmış efektli sosyal medya ikon paketini bilgisayarınıza indirebilir ve siteniz de kullanabilirsiniz.

30 Ocak 2013 Çarşamba

Dreamweaver ile Mail Doğrulama

Siteniz için oluşturdugunuz iletişim formlarında e-mail doğrulama yöntemini dreamweaver form validation özelliğini kullanarak sitenize gelen kullanıcıya doğru mail girme zorunlulugunda oldugunu hatırlatabilirsiniz.E-mail doğrulama işlemini dreamweaver kullanarak iletişim formunuza basit bir şekilde uygulayabilirsiniz.

Öncelikle Tag inspector panel ine tıklayarak behaviors sekmesinden + işaretine tıklayarak
validate form yani form dogrulama seçeneğine tıklayalım.

dreamweaver mail dogrulama

Resimde de görüldüğü gibi Validate Form seçeneğine tıkladığımız da form doğrulama işlemini başlatmış oluruz.

dreamweaver mail dogrulama

Gerekli işlemleri form dogrulama kutusunda düzenleyebilirsiniz,Yani required kutsunu onayladıgınız zaman seçtiginiz input için bilgi girilmesi zorunlu olacak ve ayrıca email adresi olarak ayarladıgınız zaman email adresi düzeninde girilmesini zorunlu duruma getirmiş olursunuz.

dreamweaver mail dogrulama




Ve Sonuç;
iletişim formununa mail adresi yerine herhangi bir şey yazdgınızda direk mail adresi girmeniz konusunda sizi otomatik olarak uyaracaktır.

dreamweaver mail dogrulama

Böylelikle dreamweaver sayesinde email doğrulatma işlemini form validation seçeneğini kullarak kendi formumuza uygulayabiliriz.

8 Ocak 2013 Salı

Css Text Shadow ( yazı gölge efekti )


 css3
Css ile yazı ya gölge efekti vermek ( css text shadow ) uygulamasını kısaca anlatmak istiyorum.

Css3 ile gelen özellliklerden biride Text shadow yani yazı gölge efekti dir.Site görünümünde doğru kullanıldığı zaman yazı ve başlıklarda  görsellik açısından oldukça güzel bir görünüm elde edebilirsiniz.


Kısaca  css text shadow kullanımını sizlerle paylasacagım aynı kodları kullanarak sizlerde css3 ile yazıya gölge efekti uygulayabilirsiniz.

ilk olarak css kodumuzu olusturuyoruz. Burada gördüğünüz üzere p etiketine text shadow niteliğini verdik , ve şimdi gelelim piksel değerlerine

.p {text-shadow: 3px 1px white; } 


 ilk pixel imiz yatay eksene gölge verir.
  • İkinci pixel imiz ise dikey eksene gölge efekti uygular.
  • Üçüncü değerimiz ise renk efektidir.Siyah bir yazı üstüne ben beyaz rengi tercih ettim siz isterseniz yazıyla veya rgb , hex kodları kullanarak istediğiniz gibi bir renk atayabilirsiniz.

Eğer blur efekti uygulamak istiyorsanız eğer o zaman da  3 cü bir pixel değeri girmeniz gerekir.Blur efekti ni kullanarak gölgeyi bulanıklaştırabilirsiniz. Sonuç aşağıdaki gibidir.

 
 
Burak Emek Blogspot
 
 
 *internet explorer desteği yoktur.

1 Ocak 2013 Salı

10 Yararlı Seo İpucu

seo_ipucu


Eğer yeni bir site kurduysanız veya yeni bir blog oluşturduysanız,belirli bir ziyaretçi kitlesi sağlayabilmek ve etkileşim ağı kurabilmeniz için temel olarak Seo işlemlerini gerçekleştirmelisiniz.
Bu nedenle Seo bir sitenin veya blogun en önemli unsurudur.Bende okuduğum makalelerden ve denemiş olduğum bir takım uygulamalar sonucu bilgiler edindiğim,sizlere de faydalı olabileceğini düşündüğüm 10 yararlı seo ipucu şeklinde bir makale hazırladım.
  1. Özgün İçerik 
    Eğer google seo ile ilgili bir eğitim videosu veya bir makale yazı okuduysanız en önemli olarak görülen nokta özgün içerik oluşturmaktır.
    Tabi özgün içerik hazırlamak için sürekli olarak yenilikleri takip etmek gerekir,ama genelde internet üzerinde yazılmadık konu az bulunur,siz hakkında bilgilere ulaşılabilen bir yazıyı kendinize özgü bir hale getirerek yayınlayabilir ve google da üst sıralara tırmanabilirsiniz.

23 Aralık 2012 Pazar

PHP İletişim Formu

Php ile iletişim formu oluşturma;

Daha önce html ile iletişim formu oluşturmayı göstermiştim.Şimdi ise Php iletişim formu yapmayı göstereceğim. Php ile html olarak oluşturduğunuz iletişim formu üzerinden e-mail nasıl alabiliriz ? Bunun kodlarını sizlerle paylasacağım.

İletişim Formu Niçin Gereklidir ?
 
Siteye gelen ziyaretçilerimiz bizimle geri bildirim , soru sorma gibi sebeblerden dolayı iletişim kurmak isteyebilirler.Buda siteye gelen ziyaretçilerle aramızda bir kontakt kurmamızı saglar bu açıdan olusturdugumuz sitelerde iletişim formu oldukca önemli bir rol oynamaktadır.

Gelelim Php ile iletişim formu olusturmaya ;

İlk olarak formunuzda neler olmasını istiyorsanız ona göre php de değişkenler atarız.
İsim ,mail adresi,mesajın konusu ve mesaj içerigini kapsayan bir iletişim formu hazırladım.Ve bunu mail.php olarak kaydettim.

Mail.php


<?php
$name=$_POST['name'];
$mail=$_POST['mail'];
$subject=$_POST['subject'];
$details=$_POST['details'];
$header="From: $mail\r\n".

        "Content-Type: text/html; Charset=utf-8\r\n"
;

if (!eregi ("^([a-z0-9_]|\\-|\\.)+@(([a-z0-9_]|\\-)+\\.)+[a-z]{2,4}$",$mail)) die ("Please enter the correct e-mail.");
   
       
if ($name=="" || $mail=="" || $subject=="" || $details=="")

{
echo "Lütfen Boş alanları Doldurunuz.";
}
else{
mail("mailadresiniz@localhost",$subject,$details,$header);
echo "Mesajınız gönderilmiştir.Teşekkürler ";

}

?>







Öncelikle php iletişim formundaki php kodlarını açıklayalım;
name, mail , subject,details,header adında değişkenler olusturduk, ardından mail dogrulama kodunu ekledik ve sonra eğer komutuyla name , mail,subject ve details değişkenlerınden herhangi birinini boş olması durumunda, lütfen boş alanları doldurunuz yazısını echo komutuyla ekrana yazdırdık.Tüm mail formumuz dogru bir sekilde doldurdugunuzda Teşekkür yazımızı ekrana yazdırdık.


Hata gösterimini kapatmak için ;

error_reporting(E_ALL ^ E_NOTICE);
ini_set('error_reporting', E_ALL ^ E_NOTICE ^ E_DEPRECATED); 

kodları <?php başlangıç kodunun altına ekleyebilirsiniz. Ben bu formu localhostta çalıstırdıgım için mailadresi uzantısnı localhost olarak yaptım.Eğer localhostta calıstırmak ıstersenız mercury ayarlarını yapıp Mozilla Thunderbird i kullanabilirsiniz.

Php mail adresi doğrulama :

Bir Diğer onemlı husus da mail yazımının gerekli olması yani formu dolduran kişinin doğru mail adresi yazmadan bu formun gönderimi engellemek, bunun içinde aşağıdaki kodu kullanmayı unutmayınız. 

if (!eregi ("^([a-z0-9_]|\\-|\\.)+@(([a-z0-9_]|\\-)+\\.)+[a-z]{2,4}$",$mail)) die ("Please enter the correct e-mail.");


Şimdi Html İletişim Formunu Oluşturalım ;

ben cok basit olarak bir html formu olusturdum Css ile sizler formun görünümünü zenginleştirebilirsiniz.

Mail.html


<form action="mail.php" method="post">
<p>Name</p><input name="name" type="text" />
<p>Mail</p><input name="mail" type="text" />
<p>Subject</p><input name="subject" type="text" />
<p>Message</p><textarea name="details" cols="" rows="" wrap="default"></textarea>
<input name="" type="submit" value="Submit" />
</form>



html sayfamızda form olusturmak için yeni form ekliyorsunuz,ve action a php dosyanızın adını yazıyorsunuz."post" methodunu seçiyorsunuz.Ardından eklediğiniz her text alanına php değişkenlerinin adını yazıyorsunuz zaten ikisini kontrol ettiğinizde görecekseniz.Umarım işinize yarar bir yazı olmustur , Herkese iyi çalısmalar.

php iletisim formu

//Luckyorange//