vBuLLetin Tema Editleme

Konu: vBuLLetin Tema Editleme Paz Ekim 03, 2010 2:25 am

vBuLLettin Tema Editleme

Alıntı :

Merhabalar arkadaşlar…Bu dersimizde vBulletin forum sisteminde Tema Nasıl yapılır onu öğrenicez…elinizde vbulletin sisteminin olduğunu varsayak anlatıyorum…Şimdi Benim vBulletin sistemim 3.6.8.Lütfen Benim sistemim 3.6.x Ben Nasıl Yapabilirim Diye saçma sorularla Karşılaşmak istemiyorum…

Admincp>>Stiller & Temalar>>Default Tema>>Bütün Seçenekleri

İşte bizim en önemli yolumuz bu.Bunu Yaptıktan Sonra Gerisi Kolay Aslında En Önemlisi Nasıl Tema Yapıcağımız…Tema yapmanın en önemli yeri Yapacağınız şeyi önceden planlamak,tasarlamak ve bunu hayata geçirmek…Ben şimdi anlatım için eski yaptığım temalardan birini göz önünde bulundurarak anlatacağım.Siz kendiniz Kendi Tasarımınızı kullanabilirsiniz…İyi Bir vBulletin Teması Yapmak İstiyorsanız eğer,çok iyi css ve html bilginizin olması gerekiyor…
Tema Yapmanın En Önemli Kurallarından biri de Neyin Ne olduğunu bilmektir…vBulletinde her bölüm Bir Template (Şablon) ile adlandırılır…Altta Verdiğim Şablon Adlarını Adınız Gibi bilmek zorundasınız…

Header: Sitenizde logonuzun olduğu bölümdür…
Navbar: Navigatör Butonların oLduğu Bölüm(Profil,yeni mesajlar..vs.)
FORUMHOME: Forumlar Ana Sayfası
FORUMDİSPLAY: Forum Görünümü
Postbit: Mesaj Görünümü
SHOWTHREAD: Konu Gösterimi
Footer: En Alttaki vBulletin Yazılarının old. Bölüm…
Tema Yapmaya Başlıyoruz…
Şimdi Sayfamızı açtık karşımıza Garip garip yazılar geldi… Aslında onlar garip deyil en önemli şeyler Sayfada Biraz Aşağıya indiğimiz zaman BODY diye bir şey çıkıyor Bu Forumumzun Arka planı…Buraya ister bir arkaplan koyun ister bir renk belirleyin…Renkleri belirlemek için Sağ taraftaki renk kutucuna tıklıyoruz ve oradan istediğimiz rengi seçiyoruz…

Arkaplan için Kodumuz:
#FFFFFF "url(erdem/webmaster/arkaplan.jpg)";
Erdem’den Püf Noktası:
Buradaki #FFFFFF olan kodumuz renk kodumuz buraya arkaplan’a uyan bir renk seçerseniz daha iyi olur Wink

Arkapalan’ımızı yaptıktan Sonra biraz daha aşağıya indiğimiz zaman forum arkaplan’ı görüceğiz…Burayı Arkaplan seçtiysek benim tavsiyem boş bırakın…Ama eğer Arkaplan’ı renk olarak belirlediyseniz oraya’da bir renk seçin..Ama eğer Orayada resim koymak istiyorsanız yukarıdaki kodu aynen kullanabilirsiniz…

Şimdi Sıra Geldi NAVBAR şablonuna…Yukarıdaki anlattığım her şey buradada geçerli…
Alttan Yazı tipi,Yazı büyüklüğünü,yazı dekorunu kendinize göre düzenliyebilirsiniz…
Şimdi Klasör Tabloları Yapmak…Bu önemli bir Yer Buraya bence güzel bir resim yakışır…
Erdem’den Püf Noktası:
Ekteki Verdiğim Klasör tabloları (tcat)’ları kullanabilrisiniz…

Yukarıda verdiğim tüm bilgiler bu şablondada geçerlidir…

Klasör başları Şablonunda Yukarı anlatığımız her şey geçerlidir…

Erdem’den Püf Noktası:
Ekteki Verdiğim Klasör başları’nı kullanabilrisiniz…

Wysiwyg Editörü (hızlı cevap) Buradada ukarıdaki Bilgilerin aynısı geçerlidir…
Erdem’den Püf Noktası:
Bu şablonun arkaplan’ını koyu seçmeseniz temanız cok daha güzel olucaktır;)
Birincil Renkeler ve ikinicil renk’leri Forumunuzun Arkapalanına uygun olarak seçiniz…Mesela
Forumunuzun Arkapalan’ı Gri ise Bu renkleri beyaz seçerseniz çok daha güzel olucaktır;)
CSS Ayarlarımız Burada Bitti…Şimdi Template(şablon editleme kısmına geçelim)…
İlk Önce Header şablonundan başlyıalım…Eğer sadece orada logo kullanacaksanız hiç dokunmayın o şablonu…
Navbar şablonunda ise pek bir değişiklik yapmak gerkmiyor…Css’de yaptığınız değişiklikler yeterli olucaktır..

FORUMHOME bu şablonu gerekmedikçe kesinlikle oynamayın...Sadece bu şablon tema editlemek için işinize yarayacaktır…

Forumdisplay şablonu ise gene dediğim gibi pek fazla oynamayın bu sizin yararınıza olacaktır Wink

Postbit şablonu ise baya bir kurcalanak bir şablondur Sizin ilgileneceğiniz şablon postbit_legacy’dir..
Buradaki değişiklikler sizin sitenizdeki üyelerin profillerinin görünümünü etkileyecektir…

SHOWTHREAD şablonuda pek fazla kurcalanmıyan bir şablondur…işinize yaramaz Wink

Footer şablonu ise forumunuzun alt kısmında bölüm lduğu için bu bölümü istediğiniz gibi editliyebilirsiniz…
Mesela oraya Yazı Yazabilirsiniz,resim koyabilirsiniz… yani her şey yapabilirsiniz…

Örnek:

Kod:: <center>Style Designed by<a href=”mailto:w3bm4st3r@hotmail.fr”>WeBMasTeR</a><center>

Yukarıdaki verdiğim kodu Footer şablonuna eklediğiniz zaman karşınıza böyle bir yazı çıkar:
Style Designed by WeBMasTeR
Böyle bir Yazı çıkar WeBMasTeR yazan Yere Tıkladığınız Zamanda istediğiniz adrese gider…Tabiki istediğiniz adrese gidebilmesi için kodda bazı oynamalar yapmak zorundasınız.Bu oynamalar’a örnek veriyim:
Eğer e-mail adresine mail gönderttirmek istiyorsanız bu kodu kullanın:

Kod:: <center>Style Designed by<a href=”mailto:SİZİN MAİL ADRESİNİZ”>WeBMasTeR</a><center>

Eğer web sitesine yönlendirmek istiyorsanız bu kodu kullanın:

Kod:: <center>Style Designed by<a href=”http://sizin web adresiniz”>WeBMasTeR</a><center>

Yukarıda verdiğim kodlarda kırmızı olan yerleri kendinize göre değiştirebilrsiniz…

Yukarıda yazdığım tüm Şeyleri uygularsanız İyi Ve Güzel Bir vBulletin temanızın olacağına inanıyorum…Unutmayınki iyi ve Güzel bir tema yapmak sizin elinizde…Css ve html Kodlarıyla Forumunuza Güzel ve hoş şeyler yapabilirsiniz…
Kendinize iyi Bakın…

i-Master.TurkForumPro.com
---------------------------------------
Admin -OquzHan-

Emeqe Sayqı