Toplam okunma 2.574
ana sayfa > weblog > Resimlere Yansıma (Gölge) Efekti Atamak / Murat Özhan

Resimlere Yansıma (Gölge) Efekti Atamak / Murat Özhan

Cumartesi, 11 Tem 2009 yorum ekle Go to comments

wplogoWordPress; yazı, resim, video ve müzik vb içeriği düzenleyip yayımlamanıza yarayan çok yönlü, her daim geliştirilmeye müsait, açık kaynak kodlu bir içerik yönetim sistemidir (CMS: Content Management System).

WordPress ile deyim yerindeyse adeta sınırsızlığın keyfini yaşıyorsunuz. Alabildiğine zengin kullanım olanakları geliştiricileri tarafından tasarrufunuza sunuluyor. Bilhassa kod bilgisi olmayan yahut kodlarla cebelleşmek istemeyenler için biçilmiş bir kaftan desek yeridir herhalde.

Kod sözcüğü, her ne kadar birçoğumuz için oldukça can sıkıcı çağrışımları akla getirse de, WordPress’in şiar edindiği müthiş “Code is poetry” (Kod şiirdir) sloganını yabana atmamak lazım. Tüm bunların ötesinde, asgari düzeyde de olsa, kod bilgisine (kod bilgisi derken şüphesiz ki kod yazmayı kastetmiyorum. Hangi kodun, nerede, ne işe yaradığı vb. özelliklerin bilgisine …) sahip olmakla, bir yandan kendinizi geliştirmenize olanak tanırken, öte yandan kötü niyetli kullanıcıların ellerine de bırakmamış olursunuz. Hani at üstünden it dalar mı? Dalar vesselam.

WordPress’e dair bu kısa girişten sonra, resimlere yansıma vermeye yarayan WP Wetfloor adlı eklentiyi nasıl kuracağınızı ve sonrasında nasıl kullanacağınızı anlatmaya çalışacağım. Hatırlatmalıyım, bu yazı içeriği, wordpress altyapısı kullananlara yöneliktir.

Şimdi şuradan, Version 1.6a yazan eklentiyi indirip sıkıştırılmış klasörü açtıktan sonra ftp ile wp-content > plugins dizinine atın. Wp-admin > eklentiler panelinden eklentiyi aktifleştirin. Eklenti yazarı, kendi sayfasındaki açıklamada, kendi yazı editörümden aldığım aşağıda görülen“quicktags toolbar” üzerinde , “wetfloor” butonu oluşacağını yazsa da, bu adda bir buton görünmüyor. Bu butonun, zengin metin editöründe de kullanılabilir olmadığı ayrıca vurgulanmış. Sanırım eklenti, wp sürümlerine göre güncellenmediğinden böyle bir sorun çıkarıyor. (Ayrıca şunu da belirtmekte fayda var. Güncellenmeyen eklentilerin güvenlik açığına yol açtığı bilinen bir gerçek. Eklentiyi kuracak olanlar, güvenlik tedbirlerini gözden geçirerek bu önemli uyarıyı dikkate almalılar.)

qtags

Ama merak etmeyin, bu işlemi biz elle kolayca yapacağız. Eklentiyi etkinleştirdikten sonra, yazı editöründe iken, yayımlayacağımız resmi , yukarıdaki görselin sağ üst köşesinde bulunan HTML bölümünde açalım. Görüntü adresi şöyle olacaktır:

<img src=”http://www.siteadiniz.com/wp-content/uploads/2009/07/özgürlük.jpg”/>

Şimdi bu görüntü adresine class sınıfı ekleyerek görsele yansıma efekti vereceğiz:

<img src=”http://www.siteadiniz.com/wp-content/uploads/2009/07/özgürlük.jpg” class=”reflect rheight44 ropacity34″/>

ozgurluk

Yukarıda eklediğim class sınıfını şu şekilde okuyabiliriz: Yansıma(reflect) özelliğine ek olarak, yansımanın yüksekliğine (rheight) 44 değerini, yansımanın donukluğuna (ropacity) 34 değerini atadık. Bu değerleri siz istediğiniz oranda belirleyebilirsiniz.

Bugün 0 kez okundu. Son okunma tarihi, 22 May 2012

  1. şimdilik yorum yok.
  1. şimdilik geri bağlantı yok

olhayat, tasdix kullanır Creative Commons License Kullanım Kuralları