3 Ağustos 2013 Cumartesi

Siteniz Efekt İle Giriş Yapsın!

Herkese merhaba. Bugün tüm herkesin beğeneceğini düşündüğüm bir kod vereceğim sizlere. Eğer yeni nesil tarayıcı kullanıyorsanız benim bloguma girerken yukarıda bulunan reklam alanı ve logolar sağdan ve solda hareket ile içeri giriyor. İşte tam olarak bu koddan bahsediyorum. Bu kodu ilk olarak usluer.net'te görmüştüm. İsmail abiye sordum ve onun olmadığını ve açık olarak paylaşıldığını söyledi. Bunun üzerinde bende sizlere bu muhteşem kodu paylaşmak istedim.(Yapımcı: Daniel Eden) Kod tamamen CSS3 yapılmış.

Önizleme

Sitede açık ve koyu mavi renkli kutularda efektlerin önizlemelerine ulaşabilirsiniz.

Stil Dosyasını Çağırma

HTML Kodlarına Eklemek

Hangi efekti hangi elementte kullanmk istiyorsanız class açın. Örnek: <div class=""></div>
Sonra bu classa "animated " kodunu ekleyin. Dikkat ederseniz animated yazısının yanında bir boşluk var.
Boşluğu işinizi kolaylaştırmak için koydum. Şimdi boşluğun sonuna önizleme sitesinde bulunan mavi kutucularda yazan bir efekti ekleyin. Örnek: <div class="animated hinge"></div>

Bu şekilde istediğiniz elementte istediğiniz efekti ekleyebilirsiniz. İyi günler.

siteye efekt ekleme, css3 efekt, css3 effect, site efektle açılsın

20 Temmuz 2013 Cumartesi

CSS3 ile İçerik Hırsızlığını Önleyin[user-select]

Bir süredir sizlere yazamıyorum. Çünkü bu Pazartesi Afyon'a, ablamın yanına 1 haftalığına kalmaya gittim. Orada her gün sabaha kadar bilgisayarda oturup tema kodlamayı hayal ediyordum. Ama ne yazık ki VINN'ı bulamadık. Pazartesi'den beri aradım ve dün bulabildim ve sizlere şimdi Afyon'dan yazıyorum.

Gelişmiş ve başarılı olmuş bir çok webmasterın ortak sorunu hırsızlık. Kendini webmaster zanneden, sadece klavye artistliği yapabilen yaşaması suç sayılması gereken insanlar bir hayli çok. Hırsızları tamamen engellemek olanaksız, ancak acemi hırsızları engellersek bile kar. CSS3'ün yine bize sunduğu nimetlerden biri user-select ile beraberiz. CSS3 user-select ile webkit tabanlı ve Firefox tarayıcılarında metnin seçilmesini engelleyebilirsiniz. Ne yazık ki IE'de çalışmıyor. Aşağıdaki örneğe bakabilirsiniz.

Önizleme

Kullanımı


#nesne p{
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none
}

css3 user-select, css user-select, metin seçme engelleme