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.
Neler Yapacağız?
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;
- Temanın Renk Düzenini Değiştirme
- Reklam Panelleri Ekleme
- İsteğe Bağlı Sidebar oluşturma
- Yine isteğe bağlı son tweet paneli
- Ve Arama kutusu Bu yazının devamını okumak için »
Etiketler:
tema ayar sayfası,
tema options page,
Wordpress,
wordpress dersleri,
wordpress tema ayar sayfası,
wordpress tema ayarları,
wordpress tutsKategori
CSS Dersleri,
PortFöy,
Tasarım Dersleri,
Web Coding,
Web Tasarım,
Wordpress |
14 Yorum »"01 Haziran 2010" itibariyle 754 kez görüntülendi.
Bildiğiniz üzere Web, Grafik ya da Kod tasarım içerisinde Dünyanın önce gelen e-ticaret sitesi olan hem kazanıp hem de kazandıran şirketi envato içerisinde Codecanyon bölümü mevcut.. Codecanyonun içeriğini merak ediyorsanız şuraya tıklayın..
Bu yazımda bahsedeğim şey, Codecanyon içerisinde satışa sunulan 15 adet CSS aracıdır.. bunları satın almak için yazı başlıklarına tıklayıp üye olmalısınız. Daha sonra ödeme yaptıktan sonra satın al butonunu kullanarak size bir download adresi açılacaktır buradan indirebilirsiniz..
“ HTML5 /CSS3Stili ile tüm browserlara uyum gösteren bir HTML5/CSS3 Plugini.”
“Birinden farklı ve güzel CSS Butonları, PSD değil CSS!”
“Envato ve içerisindeki bütün sitelerde bulunan menü butonlarını yapan bir arkadaş bu çalışmasını satışa çıkarmış.”
Etiketler:
Css,
css3 form,
css4,
html5,
html5 elements,
html5 ve css3,
jQueryKategori
PortFöy,
Tanıtım,
Tasarım Dersleri,
Web Tasarım,
Web Templates |
Yorum Yok »"01 Haziran 2010" itibariyle 385 kez görüntülendi.
Birazdan demosunu ve indirebileceğiniz demo linki vereceğim pluginde, zengin metin ya da resim galeri olarak oluşturabileceğiniz, sağ ya da sola otomatik ya da kullanıcı hedefli kullanılabilen; DHTML galeri sistemi olacaktır.
Kullanıcılar talep üzerine herhangi bir panel veya sırayla galeriye göz atmak için panellerin sağ ve sol taraflarında bulunan ok butonuyla haretklendirme ekleyebiliyor.
Scripti yazan arkadaş her bir çeşidini göstermiş, nasıl kullanılır ne yapmak gerekir diye.. Ayrıca bunlar gibi birçok alternatifte mevcut. Bu yazının devamını okumak için »
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.
Söz Dizimi
pseudo-classes söz dizimi şu şekilde oluşturulur;
seçici:pseudo-class {özellik:değer;}
Bu yazının devamını okumak için »
Etiketler:
Cascading Style Sheets,
Css,
CSS Dersleri,
CSS Efekt,
CSS Özel efekt,
CSS pseudo,
CSS sınıfları,
html,
Style Sheets,
XHTML DersleriKategori
CSS Dersleri,
PortFöy |
3 Yorum »"01 Haziran 2010" itibariyle 382 kez görüntülendi.
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ını Hizalama
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. Bu yazının devamını okumak için »
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 Nedir?
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. Bu yazının devamını okumak için »
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.
Son Yorumlar