Bu makaleyi hazırlamamdaki en büyük neden, iletişimden ve yorumlardan hep aynı sorunun sorulması “Temamı nasıl editlerim?”. Bunun üzerine bir makale hazırlamayı uygun buldum. Yapacağımız işlemleri bir tema üzerinde göstererek anlatmaya çalışacağım.Tema editlemenin dışında diğer sorulan soru da “başka bir temadaki özelliği kendi temama nasıl atarım?”. Bunada makalenin sonlarına doğru yer vermek istiyorum. O zaman hemen başlayalım.
Küçük bir hatırlatma , daha önce yayınladığım “wordpress tema türkçeleştirmek” yazımı okursanız konu daha çok pekişir.

Tema aditleme mantığı tüm sistemler için neredeyse aynıdır. Joomla,smf forum veya diğer sistemler için söylediklerimi uygulayabilirsiniz. Bunun nedeni CSS ile kodlanmış olmalarıdır. Css kodlarıyla oynadıkça bunu daha iyi anlayacaksınız.
Örnek tema olarak cleaker temayı kullanalım.
Evet üst tarafta gördüğünüz gibi temamız dosyalar halinde bir parça olarak görünür. Aslında temanın arkasında çalışan dosyalar parça parçadır. Html biliyorsanız body denilen gövde etiketi bilirsiniz. Bu etiket temamızın en tabandaki biçimlerini içerir. Aslında tüm tema body nin üstünde veya içinde tanımlanır.  Header.php dosyamız sadece üst menü, banner, arama bölümü gibi öğeleri barındıran yerdir. Yan menülerimiz sidebar.php dosyası içinde saklanır. Bazı temalar 3 sütunlu olduğundan sidebarleft.php, sidebarright.php gibi bölümlerede ayrılabilir. Yazdığımız yazıların göründüğü yerse birçok dosya olabilir. Örneğin anasayfayı ilk açtığımızda bizi index.php karşılar. Bir yazıya tıkladığımızda site bizi single.php dosyasına yönlendirir.veya iletişim linkine tıkladığımızda (iletişim linki sayfa olduğundan) bizi page.php ye yönlendirir. Bunların yanı sıra yazdığımız yorumlar comments.php dosyasında saklanır. Biz bir yazıya tıkladığımızda   single.php ye gideriz. comments.php de zaten single.php nin içinde alt tarafta tanımlanmıştır. footer.php sitemizin en altındaki açıklamalar bölümüdür. Genel olarak dosyalar bu şekilde işler. Dosyalar hakkında daha fazla bilgiyi bu yazımdan bakabilirsiniz.

Gelelim en önemli konuya yani style.css dosyamıza.  style.css içinde , temamızın tüm biçimlendirme kodları yatar. Ama temamız içinde sadece style.css dosyası olacak diye bir şart yoktur. Bunun yerine .css uzantılı başka dosyalarda olabilir. Onlarda aynı işe yarayan farklı biçimlendirme dosyalarıdır.  “.css” dosyamız içinde tanımlanan nitelikler diğer dosyalara aktarılır (daha fazla bilgi için bu yazımı okuyabilirsiniz) . Yani “.css” dosyasında renk, biçim, uzunluk, genişlik… tanımlamarı yapılır daha sonra ise “.php” dosyalarına bunlar dahil edilir.
style.css dosyamızın içinde , tanımlamalar şu şekilde belirtilir;
#(diyez) işareti.  #header gibi yada YAZININ TAMAMINA BAK »

Nette gezerken not almayı çok severim. Yararlı olacağını düşündüğüm çoğu linki kaydederim. Sizinde işinize yarayacağınızı düşündüğüm bir kaç link derledim. Aslında tüm yararlı linleri bir html sayfasında hazırlayıp sunmayı düşünüyorum ama ilerde

web2.0 logo tasarım:

1.Web 2.0 formatında logo yapımı .

2.Web 2.0 web tasarım biçimini anlamak için harika bir örnek yapımını anlatıyor ve psd olarak indirebilirsiniz.

3.web 2.0 formatında internet üzerinden logonuzu oluşturabilirsiniz

4. http://creatr.cc/creatr/ buradada başka bir çevirim içi logo oluşturma hizmetine bakabilirsiniz.

5.Buradada harika bir web2.0 logo yapımı anlatılıyor

6.Yine web üzerinden button oluşturabilirsiniz. YAZININ TAMAMINA BAK »