Görsellerinize Büyüteç ile Bakın

CSS Büyüteç

Günümüzde neredeyse çoğu grafik sitesi görselleri için büyüteç tekniğini kullanmakta. Hatta sık sık ziyaret ettiğimiz alışveriş siteleri bile ürünlerini daha iyi sunmak için bu tekniği kullanmakta.

Peki nasıl oluyorda imleci görsellerin üzerine getirince bir mercek içinden bakabiliyoruz? Bu makalemde bu soruyu birlikte cevap arayacağız.

Biraz CSS, biraz HTML ve biraz da jQuery… Hadi başlayalım!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Sitenize Kolayca Slider Ekleyin

SliderMerhaba arkadaşlar. Bu makalemde an itibariyle giriş sayfamızda da kullandığımız sliderın kodlarını paylaşacağım. Gayet şık ve hızlı olan tasarımımızı flexslider.js ile kusursuz bir sunuma döndüreceğiz.

Ayrıca WordPress kullanıcılarını da düşündük. Bu makalemde aynı sliderı WordPress içerisinde nasıl kullanabileceğinizi göstereceğim. Böylece gereksiz slider eklentileriyle sitenizi yavaşlatmaya son vereceksiniz.

İşlem sıramız şöyle olacak ; Ek Dosyalar > HTML Kodları > CSS Kodları > WordPress Eklentisi

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Photoshop ile Boyama ve Renklendirme Teknikleri -1-

Merhaba arkadaşlar. Ben Vatanay Özbeyli.

Geçtiğimiz günlerde bir arkadaşım boyama konusuna değinmem ile alakalı bir tavsiyede bulundu. Bunun üzerine bu birkaç adımlık makale serisini başlatma gereği duydum.

Bu makalemizde, yani ilk adımımızda küçük boyutlardaki bir illüstrasyonu renklendireceğiz.

(daha&helliip;)

Devamını Oku

AdobeWordPress Gururla Sunar : Handy Slider Widget

WordPress için hazırladığımız ilk eklenti olan Handy Slider Widget sitenize slider ekler. Bu plugin sayesinde yazdığınız yazıların öne çıkarılmış görselleri (thumbnail) tarih sırasına göre yayınlanır.

Hoş bir geçiş animasyonu kullanarak yayınlanan görselleriniz ait oldukları konu ile ilişkilendirilmiştir.

Eklentinin versiyonu 1.0 ve yönetici paneli İngilizce. İlerleyen versiyonlarda Türkçe desteği de eklencektir.

Biz yinede pluginin kullanıcı kontrolünü tanıyalım. Uygulamayı kurmak için admin panelinden Görünüm > Bileşenler menüsüne gidiyoruz. Sol tarafta listelenen widget uygulamalarının arasından Handy Slider Widget’i menümüze sürüklüyoruz. Title (Başlık), widgeti sitenize eklediğinizde üst kısmında çıkacak başlığı belirtir, width ve height değerleri pluginin boyutunu sınırlandırmanızı sağlar, Category IDs sadece bir kategoriyi listelemek istiyorsanız onun id nosunu gireceğiniz alandır, No of Records to Show yayınlamak istediğiniz konu sayısıdır. Show posts alanında 2 seçenek mevcut. “Posts only if has thumbnail” ayarını yaparsanız sadece öne çıkarılmış görseli olan konular listelenir. Diğer seçenekte ise her konu listelenir. Use shadow widgetin arkasında gölge oluşmasını sağlar ve show ribbon seçeneği ise uygulamamıza ait küçük bir reklam resmi gösterir.

“Uygulamanızın niye arkasında durmuyorsunuz? Daha kendi sitenizde yayınlamamışsınız?” diye soranlar olacaktır. Evet biz “Handy Slider Widget”ı sidebarımızda kullanmıyoruz, direkt olarak anasayfamızın üst kısmında ilk günden beri kullanmaktayız 🙂

Uygulamayı indirmek için burayı tıklayın.

Uygulama WordPress.org onayı beklemektedir. Ama yine de linki paylaşmakta fayda var : http://wordpress.org/extend/plugins/handy-slider-widget/

Devamını Oku