Articles by "kullanımı"
kullanımı etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..

Kendi sitesine sahip veya web kodlama ile ilgilenen birçok kişinin en büyük sorunu şüphesiz ki tüm fontların kendiliğinden bulunmuyor olmasıdır.
@Font-Face sisteminin en özet açıklaması ‘Sitenize İstediğiniz Fontları Eklemenizi Sağlar’ olacaktır. Elbette ki bunun ayrıntısına indiğimizde birçok detayını keşfedeceğiz. Hadi başlayalım.
@Font-Face‘in kullanılması için oluşturulmuş en büyük kaynaklardan biri olan Google Fonts, şüphesiz ki bize en rahat Font-Face kullanım imkanını sağlamakta. En büyük kaynak olsa dahi (her ne kadar tasvip etmesek de) ücretli fontların orada bulunmaması veya kişisel fontlarınızı eklemek isteğiniz için @Font-Face yüklemeye değineceğim.

1. Google Fonts ile Yeni Fontlar

Eğer istediğiniz fontu Türkçe destekli olarak bulabiliyorsanız, bence hiç beklemeden bu yöntemi uygulayın.
http://www.google.com/webfonts adresine girip ilk olarak fontumuzu seçiyoruz, hemen ardından fontta bulunan ‘Quick Use’ butonuna tıklıyoruz. Gelen ekranda bulunan Add this code to your website:yazısındaki ‘<link>‘ tagını alıp, sitemizdeki <head> tagları arasına yapıştırıyoruz ve işlem tamam!
[Link tagı =<link href='http://fonts.googleapis.com/css?family=Font+Adi' rel='stylesheet'type='text/css'> ]
Artık bu fontu kullanmanız için tek yapmanız gereken yukarıdaki link tagında maviye aldığım ismi bir css’e vermektir. Yani örneğin #anamenu {font-family:Font Adi;} olarak girmemiz gerekecektir. Bunun ardından #anamenu altındaki tüm fontlar Font Adı fontunda şekillenecektir.

2. Herhangi Fontu @Font-Face Yapmak

Google Fonts’ta bulamadığımız herhangi bir fontu da sitemize eklemek isteyebiliriz. Bunun için yapacağımız işlem biraz daha uzun olsa da, emin olun ki sonuçtan memnun kalacaksınız.
İlk olarak Create Your Own @Font-Face Kits sayfasına giriyoruz. Add Fonts ifadesine tıklayıp fontumuzu seçtikten sonra, EXPERT ifadesini işaretleyerek ayarları aşağıdaki gibi yapıyoruz.
İndirdiğimiz dosyalarda, aynı fonta ait dört farklı uzantıda yazı tipi olacağını göreceksiniz. Bunun sebebi tüm tarayıcının @Font-Face kullanımında aynı uzantıyı desteklememesidir.
İndirdiğimiz dört fontu temamızın içindeki /images klasörüne atıyoruz. Hemen ardından style.cssdosyamıza aşağıdaki kodları ekliyoruz.
Not: Fontlarınızı /images değilde farklı bir dizine attıysanız, aşağıdaki kodu ona bağlı olarak düzenlemeniz gerekmektedir.
Ardından istediğiniz div etiketine font-family:Font; özelliğini ekleyerek fontunuzu kullanabilirsiniz.
Keyifli Kullanımlar.


@font-face { font-family: 'Font';
src: url('images/font-webfont.eot');
src: url('images/font-webfont.eot?#iefix') format('embedded-opentype'),
url('images/font-webfont.woff') format('woff'),
url('images/font-webfont.ttf') format('truetype'),
url('images/font-webfont.svg#ABCDEFG') format('svg');
font-weight: normal; font-style: normal; }
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
 Formlar da web 2.0′nin değişim sürecinde büyük rol oynamış gizli kahramanlardandır aslında. internette her yerde karşımıza çıkıyor onlar. iletişim sayfalarında, yorum sayfalarında, ziyaretçi defterlerinde, forumlarda ve daha aklınıza gelebilcek binlerce yerde mevcuttur onlar. Görevleri ise ziyaretçiden aldığı bilgiyi gerek site yöneticisine gerekse sitedeki diğer insanlara duyurmak, iletmektir. Eğer web işi ile uğraşıyorsanız bir de bu formları hazırlamakla meşgul olmak durumu söz konusudur. Bazen duvara tırmandırırlar, bazen hemen oluverirler :) Bu yazıda tanıtacağım servis aslında form oluşturmanın hiç de zor olmadığını bizlere gösteriyor. Hatta göstermiyor direkt formu paket yapıyor :D

Jot Form adındaki bu site ajax’ı bolca kullanmış, web programcılara ve belki de daha amatör kişilere (mesela ben(:) kolaylık sağlamak için kurulmuş. Sitede form oluştururken kullanabileceğimiz bütün nesneler yer alıyor. Siteye ilk girdiğinizde sol tarafta oluşturmak istediğiniz formun önizlemesi mevcut. Sağ tarafta ise “Toolbox” yazan kısımda; form öğeleri, “Power Tools” yazan kısımda form öğelerini güçlendirmek için kullandığımız resim, renklendirme ve buna benzer şekilmatik zımbırtıları, html kodlarını, şifre kutusunu, doğum günü öğesini koyabiliyoruz. “Payment Tools” kısmından eğer bir alışveriş sitesi için form ya da ona benzer bir form oluşturacaksanız altına ödeme şekli logosunu yerleştirebiliyorsunuz. Son olarak sol kısımda “Properties” kısmından eklediğiniz form öğesinin özelliklerini, değerlerini girebiliyorsunuz ki bu servisin en hoş tarafı da bu olsa gerek. Sürükle bırak, sürüklemeden bırak gibi yöntemler çalışıyor :D . Sol tarafa eklediğiniz öğe doğal olarak ecnebice yazacağı için texte yani formda ecnebice görünen o yazıya tıklayınca o kısım aktif oluyor ve size düzeltme imkanı veriyor. Türkçe karakteri şükürler olsun ki destekliyor :)

Sitenin form ile ilgili özellikleri bu kadar olsa da kullanılabilirlikle ilgili detaylar unutulmamış. “My Form” kısmından daha önce yapmış olduğunuz formlara erişebiliyorsunuz. Oluşturduğunuz formu diğer insanlarla paylaşma imkanı da veriyor. Böylece farklı form fikirleri de üretilmiş oluyor. Ayrıca sitede dersler de yer alıyor. Bir forum ve bloga da sahip. Form oluşturmak için çırpınanlara asprin niyetine gelebilcek bir servis. Eeee, daha ne olsun?

Servise ışınlan
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..



Arkadaşlar bu kodu .htaccess e eklediğimizde hatalı , olmayan bir sayfaya girdiğimizde otomatik istediğiniz linke yönlendirir. Yani bazı sql vb açıkları kapamak için en etkili yöntem :)
Aşşağıdaki kodu .htaccesse eklemeniz yeterli.


ErrorDocument 401 http://www.siteniz.com
ErrorDocument 403 http://www.siteniz.com
ErrorDocument 404 http://www.siteniz.com  
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..

googlewebfonts Google Web Fonts ve Kullanımı
Bu paylaşımımda sizlere Google‘ın webmasterlar için büyük kolaylık sağlayan hizmetlerinden birini anlatmak istiyorum , Hizmetin adı GoogleWebFonts
Web tasarımıyla uğraşan arkadaşlar için çok faydalı olucağını düşündüğüm bu kaynak neye benziyor diye sorarsanız, size Cufon ve sIFR uygulamalarını örnek gösterebilirim.Bildiğimiz gibi artık websitelerinin konu başlıkları çok güzel şekillerde bizlere sunuluyor.Örnek
Cufon
cufon Google Web Fonts ve Kullanımı
sIFR
sIFR Google Web Fonts ve Kullanımı
Gördüğünüz gibi bildiğimiz font gibi durmuyor.Cufon ve sIFR’ın özelliği jquery özelliklerini kullanarak konu başlıklarımızı bizlere img şeklinde göstermesi.Bundan dolayıda kaliteli bir görüntüyle karşılaşıyoruz.Bundan önce bende bazı projelerimde Cufon kullanmıştım fakat GoogleWebFonts’u kullandıktan sonra .js dosyaları ve bir sürü ayarla uğraşmadan siteme ekleyeceğim bir satır kod ile başlıklarımı ziyaretçilere daha güzel şekilde sunabileceğimi farkettim.
GoogleWebFonts şu anda 198 farklı font şekli ile kullanıcılara büyük bir kolaylık sağlıyor,ve bu rakam gün ve gün artıyor.
Ben blogumun başlıklarında GoogleWebFonts arşivinden ‘Bevan’,serif; adlı fontu kullandım ve görünüşü
title Google Web Fonts ve Kullanımı
Sizde sitenizde bu özelliği kullanmak isterseniz yapmanız gereken 2 şey var.
Googlewebfonts’dan hoşunuza giden fontu seçip bunu sitemize eklemek.Bunun için GoogleWebFonts adresine girip istediğimiz fontun yanındaki Quick-Use adlı bölüme basıyoruz,Daha sonra açılan sayfanın alt kısmında bize iki tane kod veriyor.Bu kodlardan birincisi
<strong><head></head</strong>> tagları arasına ekliyoruz , Diğeri ise kullanmak istediğimiz bölümün <strong>css</strong>’inde tanımlama yapmak için gerekli olan koddur.
1font-family'Istok Web'sans-serif;
Örnek Kullanım :
1h1 font-family: ‘Metrophobic’, Arialseriffont-weight400; }
Gördüğünüz gibi kullanımı oldukça basit.Sizde sitenizdeki sıkıcı yazı şekillerinden sıkıldıysanız GoogleWebFonts tam size göre…