Dreamweaver’ın kod panelini renklendirelim!

Dreamweaver Theme

Kod yazarken sağladığı avantajlar ve kolaylıklar sebebiyle Dreamweaver günümüz en popüler editörlerinden birisi. Programın temel tasarımı gri ve beyaz tonlamalarından oluşmakta. Adobe‘un bu renk tercihleri, başında saatler geçiren kişiler için özel olarak seçilmekte. Odak kaybı ve göz yorucu olabilecek tüm işleme ve renklendirmeler her güncelleme ile azaltılıyor.

Hal böyleyken Adobewordpress olarak sizlere alternatif bir Dreamweaver CS6 kod paneli teması sunmak istedik. (daha&helliip;)

Devamını Oku


WordPress’in yönetici panelini renklendiriyoruz!

Admin Color Schemer

2013 yılında gelen radikal güncellemeler sadece WordPress’in altyapısını değil, arayüzünü de büyük oranda değiştirdi.

Bildiğiniz gibi yönetici panelinde (wp-admin) bulunan Kullanıcılar > Profiliniz alanında artık daha fazla arayüz renklendirme seçeneği mevcut. Fakat çeşitliliği arttırmak istediğimizde WordPress kendi renklendirmemizi yapmamıza izin vermiyor. Özellikle her yazarına farklı arayüz sunmak isteyen WordPress kullanıcıları bu isteklerini resmi forumlarda dillendirmekte. Çözüm mü? Gayet basit.

Bu makalemizde sizlere Wp-admin’i nasıl özgün bir şekilde renklendirebileceğinizi anlatacağız. (daha&helliip;)

Devamını Oku

CSS ile Yazılara Gradient Efekti

Bu dersimizde ilk olarak Nick La’nın web sayfasında gördüğüm CSS Text Gradient tekniğini öğreneceğiz.

Bu teknik minik bir hile üzerine kurulu. Web sayfanızın arka plan rengiyle uyumlu gradient dosyaları hazırlayıp onları span halinde yazıların üstüne ekliyoruz.

Nasıl mı? Beyaz bir arka plan, üzerinde siyah bir başlığın olduğu sayfanız var diyelim. Beyazdan 0% opacity e doğru giden bir gradient çizip .PNG uzantısı ile kayıt ediyorum ve yazının üzerine gelecek şekilde yerleştiriyorum. Böylece gayet kullanışlı bir yazı efekti elde ediyorum.

Ö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

Css Font Özellikleri

Merhaba arkadaşlar,

Uzun zamandır işlerimin yoğunluğundan dolayı yapamadığım paylaşımlarıma somut olarak işlemler yapabileceğiniz ve web sayfalarının en önemli kısımlarından biri olan font ve özellikleriyle devam edeceğim.Bu paylaşımda css ile fontları nasıl ve ne şekillerde değiştirebiliriz onu öğreneceğiz.

İlk olarak Css’de font için kullanabileceğiniz özellikler aşağıdaki gibidir,

i . Color
ii . Font Family
iii . Font Size
iv . Font Weight
v . Font Style
vi . Font Variant
vii . Font

Şimdi adım adım yukarıdaki değelerin nasıl uygulanacağına geçebiliriz.

1 – Color :

Bu özellik sayesinde web sayfalarında yazılarımıza istediğimiz rengi tanımlayabiliriz.Örnekle açıklayacak olursak aşağıdaki satırlar net bir uygulama olacaktır.


p.header { color:#FF0000;} // Bu şekilde header bölümünde yazılarımız kırmızı olarak yazacaktır.

2 – Font Family :

Metinlerde kullanacağımız font ailelerini belirlemek için kullanacağımız özelliktir,Kullanımı hakkında aşağıdaki örneğe bakabilirsiniz.


p{

color:#FF0000;

 font-family:"Times New Roman", Times, serif; } // Bu durumda yazdığımız yazılar kırmızı ve Times New Roman ailesiyle yazılacaktır.

3 – Font Size :

Bu özellik yazdığımız yazıların boyutlarını belirlemekte kullanacağımız özelliktir,Kullanımının farklı çeşitleri vardır,Bu farklı kullanımlar aşağıdaki örnekte (daha&helliip;)

Devamını Oku