Aşağıda vereceğim Template çeşitleri kod yazarları tarafından da anlaşılacağı üzerine, ücretsiz olarak sunulan, geliştirilebilir ve kullanılabilir temalardır.
Bu temaları, noupe sitesinde verilen post’tan aldım. Continue reading
Merhabalar.. İkinci olarak hazırladığım slayt show pluginimi sizlerle paylaşıyorum..Bu yazımda plugini nasıl oluşturduğuma dair baştan sona başlıklara bölünmüş ders anlatımı mevcuttur.. Bilindik jQuery Slayt pluginlerden Biraz daha CSS ile şımartılmış ve jQuery Easing ile yoğurulmuş, Tayfun ÇAKIR tarafından pişirilmiş, klasiğin dışına çıkılmaya çalışıldıkça da zorlaşmış Pluginin özelliklerinden aşağıda bahsettim.
Continue reading
Merhabalar.. İlk olarak bu dersi Video olarak anlatmayı düşünmüştüm fakat şuan farkettim ki mikrofonumda yine sorun devam ediyor ve ses kaydını çok az alıyordu.. Sanırım Windows 7 yüklemem ile ilgili bir durum, internetten araştırdım fakat başaramadım bu sorunu çözen varsa yorum olarak bildirmesini dilerim.. Konuya geçelim.
Bilindiği üzere Photoshop ile harikalar yaratılmakta.. Çoğu menü, link ya da butonlar iki ayrı Photoshop dosyası kullanarak hover yöntemiyle değişen tipte iki resmi tek bir resim gibi göstermemizi sağlıyor.. CSS derslerimin başından beri sizlere anlatmak istediğim olay ise şuydu; Photoshop harika bir programdır, ona diyecek lafımız yok, lakin Photoshop’u bu gibi basit bileşenleri oluşturmaktansa daha profesyonel işler için kullanmalıyız.. Bu konuda basit bir hover efekti ile bir h1 etiketine nasıl stil kazandırırız bunu göstereceğim.
Merhaba arakdaşlar.. Bildiğiniz üzere bir çok premium temada WordPress Admnin paneli içerisinde zorlanmadan kullanabileceğiniz bir ayar sayfası mevcuttur. Bu ayar sayfası içerisinde kodlarla uğraşmadan otomatik düzeltebileceğiniz alanlar mevcuttur. Bu yazımda bu ayar sayfasını nasıl oluştururuz onu anlatacağım.
Başlamadan önce neler yapacağız, Temamızda ne gibi değişiklikler yapacağız bunları başlıklar halinde belirtip daha sonra açıklamalarını vereceğim.Yani WordPress admin panelimizde hangi ayarları değiştirebileceğiz ,neleri kullanabileceğimizi başlıklar halinde yazalım;
CSS pseudo-classes bazı seçicilere özel efekt vermemizi sağlayan bir sınıftır. Bu verilen adın Türkçe açıklaması olmadığı ya da tam karşılanmadığı için orjinal ismini yazdım.. CSS içerisinde bazen özel efektlere ihtiyac duyarız.. Bunlar pseudo sınıfları içerisinde XHTML’e atayacağımız bazı seçicilerin kendi özelliklerinin dışına vurulmuş halidir.
pseudo-classes söz dizimi şu şekilde oluşturulur;
seçici:pseudo-class {özellik:değer;}
Merhaba arkadaşlar.. Bu CSS dersimizde de CSS Align olarak birkaç bölüme ayıracağım Yüzey alanı parametresini daha önce gördüğümüz CSS margin özelliği ile birlikte kullanıp, backgorund – color özelliklerini göstereceğim.
CSS içerisinde bazı özellikler yatay elemanları hizalamak için kullanılır. Align bunlardan biridir.
Blok elemanlarından kastımız sayfa boyunca ilerleyen ve Default ayarlarında herhangi bir kısıtlama ya da hizalama kullanmayan elemanlardır.Bunlara örnek verecek olursak;
gibi elamanlardır. Text align (yazı hizalama) özelliği için CSS Yazı başlığımızı inceleyebilirsiniz. Continue reading
Merhaba arkadaşlar.. CSS Advanced kategorisinde CSS Floating adındaki WordPresste bir nevi Thumb olarak da adlandırılabilecek olan resimlerimizi yazılarımız ile bir kullanabileceğimiz ve bununla da sınırlı olmayan birkaç CSS float özelliğini göstereceğim.
CSS Float özelliği ile birlikte, bir elemanı diğerlerinden bağımsız olarak sağ ya da solda gösterip, elemanın gerisinde kalan alanları (aşağı ya da yukarı gibi) boşluk olarak değerlendirip oaralarıda kullanabileceğimiz sayfalar yapabiliriz. Continue reading
CSS pozisyon elemanları adından da anlaşılacağı üzere, elemanların sayfa içerisindeki pozisyonlarını belirlemeye yarar. Elemanın etrafında ne kadar boşluk olacağı, neyin arkasında ya da neyin kenarında olacağına CSS position özelliği ile sağlayabiliriz.
Elementleri pozisyonlamada top, bottom, left, ve right özelliklerini kullanırız. Ancak bu değişkenler CSS pozisyon özelliklerini başta belirtmeden kullanılamaz.Ayrıca bu özellikler farklı konumlandırma ayarları ile çalışmaktadırlar.. Birazdan vereceğim örneklerle ne demek istediğimi acıkca anlayacağınızı umuyorum.
CSS Display özelliği, bir nesneyi görünürken gizlemek yada görünmez durumdayken ortaya çıkarmak (visibility) işlevini görür.
Bir elemanı Gizlemek, display:none veya visibility:hidden
CSS’te eğer bir nesneyi görünmez yapmak istersek bunu css özelliklerinden display:none ya da visibility:hidden ayarları ile yaparız.Aralarındaki fark ise visibility:hidden özelliğini kullanırsak gizlenen elemanın bulunduğu alan boşlukla belirlenirken, display:none özelliğinde ise elemanı görünmez yaptığımızda artık o eleman hiç kullanılmamış gibi olur ve bulunduğu yerde boşluk olmaz. Continue reading
CSS Derslerimizin, CSS içerisinde bir değer atayarak istediğimiz nesnenin boyutlandırması nasıl yapılır bunu göstereceğim
Bu konuyu ayrıca açmamın sebebi birkaç örnek göstererek boyutlandırma kavramını daha iyi anlamıya sağlamaktır.
CSS boyutlandırma özelliği width ve height değişkenlerine değer atama sonucu oluşur.Hemen bir örnek yapalım;
img.normal
{
height:auto;
}
img.buyuk
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}