Dreamweaver ile Tema Tasarımı [joomla]

[chattzz]

Öncelikle bilmenizi isterim ki; Mambo için tema tasarımı yapmak diğer içerik yönetim sistemlerine tema tasarlamaktan çok daha kolay. İlerleyen aşamalarda sizler de göreceksiniz ki mambo için tema tasarımı tamamen sizin hayal gücünüze bağlı! Belli bir formata bağlı kalmadan hazırladığınız bir html sayfayı çok rahat bir şekilde mamboya uyarlayabilirsiniz.
Mambo için tema tasarlamadan önce işimizi kolaylaştıracak Macromedia Dreamweaver MX ve mambo için hazırlanmış extension paketine ihtiyacımız olacak.

İndirdiğimiz extension paketini dreamweavera yükledikten sonra dreamveawerı açınca karşımıza şöyle birşey çıkacak.
http://www.joomlaturkiye.com/forum/images/tema/resim1.jpg
Bu resimde gördüğümüz gibi bizim kullanacağımız bölüm aşağıdaki resimde seçilmiş olan bölgedir.
http://www.joomlaturkiye.com/forum/images/tema/resim2.jpg
ve tabiki tasarımda kullanacağımız kod butonları da aşağıdaki resimde seçilmiştir.
http://www.joomlaturkiye.com/forum/images/tema/resim3.jpg

Şimdi bu butonların yaptıkları işi tek tek anlatalım;

Head Code:

http://www.joomlaturkiye.com/forum/images/tema/headcode.jpg

Bu butona bastıgımızda uzunca bir kod dizisi çıkacak. Bu kod temamızın index.php dosyası içerisinde en başta olması gereken koddur!

Site Adı:

http://www.joomlaturkiye.com/forum/images/tema/siteadi.jpg

Bu butona bastığımızda çıkan kod nerede ise orada sitemizin ismi çıkar.

Banner:

http://www.joomlaturkiye.com/forum/images/tema/banner.jpg

Bu butona bastığımızda çıkan kod nerede ise orada bannerlar gösterilecektir.

Tarih:
http://www.joomlaturkiye.com/forum/images/tema/tarih.jpg

Bu butona bastığımızda çıkan kod nerede ise orada tarih bilgisini gösterecektir.

Main Body (Ana Gövde):
http://www.joomlaturkiye.com/forum/images/tema/anagovde.jpg

Bu butona bastığımızda çıkan kod nerede ise sitemizin içeriği yani linklere tıkladığımızda linklerin içerikleri orada gösterilecektir.

Pathway -Navigasyon (Sitede Neredeyim?):

http://www.joomlaturkiye.com/forum/images/tema/pathway.jpg

Bu butona bastığımızda çıkan kod nerede ise orada (Örn:Anasayfa > Yazılar) sitede hangi sayfada bulunduğumuzu gösteren navigasyon menüsü çıkacaktır.

Sol Modül:

http://www.joomlaturkiye.com/forum/images/tema/solmodul.jpg

Bu butona bastığımızda çıkan kod nerede ise modül yönetiminde sol(left) olarak seçtiğimiz modüller orada yayınlanacaktır.

Sağ Modül:

http://www.joomlaturkiye.com/forum/images/tema/sagmodul.jpg

Bu butona bastığımızda çıkan kod nerede ise modül yönetiminde sağ(right) olarak seçtiğimiz modüller orada yayınlanacaktır.

Arama Motoru:

http://www.joomlaturkiye.com/forum/images/tema/arama.jpg

Bu butona bastığımızda çıkan kod nerede ise orada site içi arama motoru çıkacaktır.

User1 ve User2 Modülleri:
http://www.joomlaturkiye.com/forum/images/tema/user1.jpg
http://www.joomlaturkiye.com/forum/images/tema/user2.jpg

Bu butonlara bastığımızda çıkan kodlar nerede ise orada user1 ve user2 olarak modül yönetiminden seçtiğimiz modüller gösterilecektir. Burada bilinmesi gereken önemli bir nokta kod içerisinde user1 ve/veya user2 yazan yerlere user3, user4,... şeklinde değişiklik yaparak veya bu kodları bu şekilde çoğaltarak tema içerisinde kendimize daha çok yer açacağımızdır.


Aşağıdaki görülen butonların her biri yukarıda saydığım sağ, sol, user1 ve user2 gibi modül pozisyonlarını temamız içerisinde yerleştirmemize yarayan kodlardır. İşlev olarak yukarıdaki kodlar gibi bu kodlar da modül yönetiminde bu yerlere atadığımız modülleri (eğer belirtmişsek) gösterecektir.
http://www.joomlaturkiye.com/forum/images/tema/top.jpg
http://www.joomlaturkiye.com/forum/images/tema/bottom.jpg
http://www.joomlaturkiye.com/forum/images/tema/inset.jpg
http://www.joomlaturkiye.com/forum/images/tema/footer.jpg
Butonlara bastığımızda çıkanlar kodlara herhangi birşey eklemek zorunda değilsiniz!

Tamamladığımız temamızı "index.php" ismiyle bir klasöre kaydediyoruz. Temamızda kullandığımız grafikleri de index.php ile aynı dizinde bir "images" klasörü oluşturup onun içine kaydediyoruz. Temamızda kullandığımız css dosyasını gene index.php ile aynı dizinde bir "css" klasörü oluşturup onun içine "template_css" adı ile kaydediyoruz.

Son olarak temamızda kullandığımız tüm grafikleri, css dosyasını ve index.php yi mamboya tanıtmak için index.php ile aynı dizinde "templateDetails" adında bir xml dosyası oluşturuyoruz(Ayrıntıları için lütfen bir temanın xml dosyasına bakınız).
http://www.joomlaturkiye.com/forum/images/tema/sablon.jpg

[geveze]

tek kelimeyle muhteşem bir paylaşım. teşekkür ettim. +rep :)

varmişim bu aralar sana tekrar veremiyorum bir dahaki sefere.

extentionsda benden.indirdim şimdi.

[BiGG_BoSS]

Keşke aLıntı oLduğunu beLirtseydin...

[KraL]

Keşke aLıntı oLduğunu beLirtseydin...

Kanka sıkma canını ben diyeyim ALINTI :D:D:p

[AraNeL]

emeğine sağlık chattzz... teşekkürler:)

[nedeno]

tek kelimeyle muhteşem bir paylaşım. teşekkür ettim. +rep :)

varmişim bu aralar sana tekrar veremiyorum bir dahaki sefere.

extentionsda benden.indirdim şimdi.



bu ek dosya için sağol :D :download:
sayfayı gerçek anlamda sömürdüm:whistling1: ...bana bu olanağı veren herkese teşekkürler

[reXus]

güzel anlatım. teşeşkkürler. biri de bunu video yapıp kodları nereye ve nasıl eklediğini bir tema yaparak anlatsa ne kadar güzel olur değilmi :D

[DarKLy]

illa mx mi lazım 8 de nasıl yapabilirm yardımcı olurmsunuz...

[OmerFaruk]

kardeş dreamweaver 8 içinde bu paket var mı?

[UğuR]

paylaşım için sağol

[Blue_Dragon]

üstad teşekkürler

[farukalbayrak]

sağ ol! sağ Ol!

[suyaturku]

teşekkürler çok güzel bir paylaşım

[def]

English pls! :)

[sakkan]

teşekkürler

[elimmavi]

teşekkürler. işime yarıycak.. ;)

[carbonie]

tesekkurler valla

[gfbismail]

güzel paylaşım...

[C0M!S3R-eX]

güzelmiş sağol.....

[ayhanoguz24]

GÜzel OlmuŞŞŞŞ

[rodrigotello]

elinize sağlık güzel anlatımmış kimise:D

[fatihcan50]

elinize sağlık

[ThesNaKeee]

MükemmEL bişi OLdu Tsk ArkadasLAr

[ugur48]

tesekkurler

[by_exodus]

teşekkurler

[hbhakin26]

teşekkürler

[sp3dx]

züper devam

[yalcin2001]

resimler görünmüyor. Görünseydi iyi olurdu :(

[tecnoclass]

paylaşımı için tşkrlr

[doganx]

resimler ölmüş yenileyebilirmisiniz..! :S