Xoops Okul Sitesi Tema Düzenleme!

Kodla Büyü

omerbilgin

Seçkin Üye
Seçkin Üye
Mesajlar
560
Xoops Okul Sitesi temasını düzenlemeyi anlatacağım.

Örnek temamız : shop1
Konumu: siteadi.com/themes/shop1

Klasörleri tanıyalım:
1- css: stil dosyasıdır. Yazı renkleri, puntoları ve daha biçok şey bu klasördeki style.css dosyasından değişir.
2- icons: bize lazım değil ellemeye luzum yok isteyen kurcalasın.
3-img: resim dosyalarının tutulduğu dizindir. Menü renklerini buradaki resimleri düzenleyerek değişeceğiz.
4-modules: bu klasör içindeki dosyaları isteyen incelesin.
5- xotpl : bize gerekli değil isteyen incelesin.

Dosyaları Tanıyalım:
shop1/theme.html ile neler yapılabilir?
* Üst menü linkleri buradan değişir.
* banner urlsi veya uzantısı buradan değişir.
(başka değişikliklerde yapılır ama ilerleyen zamanlarda kurcalarsınız başlangıç için erken)

shop1/img/c-block-top.jpg (orta blok menü resmi)
shop1/img/l-block-top.jpg (sol blok menü resmi)
shop1/img/r-block-top.jpg (sağ blok menü resmi)
shop1/img/top-menu.jpg (Üst menü resmi)

bu resimleri aynı boyutta farklı birer resimle değiştirip menülerinizi şekillendirebilirsiniz. veya css dosyasından kendinize menü ayarlarsınız.
(shop1/img/r-block-top.png adobe fireworks ile açıp editleyip jpeg olarak kaydedebilirsiniz. Benim uygulama resmimin png sidir.)
Aşağıdaki dosyayı indirip izleyebilirsiniz png yi editlemeyi basitçe gösterdim. (bilmeyenler için)
http://rapidshare.com/files/424132498/menu_duzenle.zip (sessiz anlatımdır kulaklık aramayın :) )

shop1/css/style.css Tüm ayarların yapıldığı dosyadır. Dreamweaver ile açarsanız renkleri sağ tarafta css bölümünde görüp değiştirebilirsiniz.

Umarım yardımcı olmuşumdur. kolay gelsin.
 
Geri
Üst