İPUCU

Vbulletin Vbulletin hakkında soru ve cevaplar, bilgi paylaşımları.
Crack, null vbulletin dosya paylaşımı yasaktır.

Seçenekler

vBulletin Tema TASARIMI’ve Yaratıcılık.

Real9 - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
11/2009
Mesajlar:
322
Konular:
294
Teşekkür (Etti):
0
Teşekkür (Aldı):
76
Ticaret:
(0) %
03-11-2009 19:43
#1
vBulletin Tema TASARIMI’ve Yaratıcılık.
vBulletin tasarımları genellikle default’temadan çevirme olarak karşımıza çıkarbirçoanilalans@gmail.comk kendini beğenmiş ayak takımı > yaptığım vbulletin tasarımını en baştan kendim kodladım diyerek çevresıne hava atmaya çalışırfakat bu konuda bilgiye sahip kişilere çarptığında geri adım atmak zorunda kalırlar. vBulletin’ anasayfa tasarımının 4 vazgeçilmez atar damarı bulunmaktadır. HeaderNavbarForumhomeFooter. Saydığım 4 template vbulletin tasarımı için olmazsa olmaz templatelerdir. Bu templatelerden silinen bir kod parçası anasayfanın düzenini 2 saniyede bozabilirdaha sonrasında forumunuzun şikayet kısmında > adminim foruma birşeyler oldu mesajları bırakan üyelerinizi görebilirsiniz.

Bu 4 Template Ne İşe Yarar?


Header:Genellıkle logolarınızın bulunduğuözelleştirilmiş kodlar ile geliştirile bilen en üst kısıma verilen addır.

Navbar:Kulanıcı girişi yaptığınız ve yararlı linklere tıkladığınız üyelerin vazgeçilmezi olan en karizmatik alana verilen isimdir.

Forumhome:Sitenin anasayfasını’ilgilendiren kodların yarısı bu templatededir. Örnek olarak forumhome templatesin’deki kodlar silindiğin’de karşınıza otomatikman kalbiniz kadar temiz boş bir sayfa gelir.

Footer:Sitenin en alt kısmına verilen isimdir. Bu kısımda genellıkle vbulletin sürümü ve Kısa site notları gibi yazılar yer alır.

vBulletin Tasarımının Gözdesi (TCAT)

Tcat:Kategori başlıklarının arkasında bulunan GIF’yada PNG formatındaki alandır.Tcat kısmına grafik veya renk eklenmediğinde kendını otomatikman en uygun renk’e atar.

Tcat’ta yaratıcılık son zamanlarda herkesin düşündüğü bir şeydirtcat’a logosunu ekleyenitcat’ını web 2.0 yapanı hepsını son zamanlarda görmüşsünüzdür. Herkes sitesine özel tcat ister fakat herkesin unuttuğu bir şey vardır kodlama. vBulletin kullanıcıları tcat’ın soluna ismini yazıp ftp’ye gif olarak attıklarında tamam bu iş bukadar deyip geçerler faka bilmezlerkı o tcat sadece anasayfada okadar düzgün durucak.

Mesela anasayfa’nın tcat boyutu ile profil kısmının tcat boyutunu düşünürsek anasayfada görünen tcat profil kısmında daha küçük görünmelidir fakat amator kullanıcıların yaptığısadece anasayfada yazılı tcat olsun yeter kardesim felsefesidir

Tcat’ta en önemli kısımlardan biri renk uyumu ve efektlerdirmesela photoshop’u ele alıcak olursak bir tcat ‘a fazla inner glow efekti verilirse o tcat’bayağı göz yorucaktır ve parlıyacaktır.

Thead.GIF.

Thead.gif: Forum ve Son Mesaj yazan başlıkların arkasında bulunan grafik ve renk parçaçıcığıdr. Bu kısma genellıkle beyaz web 2.0 Türünde grafikler yakışır yok arkadaş ben grafik değilde renk kullanırım diyen birçok kullanıcı daha sonradan web 2.0 grafiğine geçiş yapmıştır. Bu bölümde geliştirilicek pek bir şey yokturgeliştirilebilir en can alıcı parça grafiği’dir.


Neden Grafik Kullanayım?

Tanıdığım birçok vBulletinci temalarda grafik kullanılmazsa sitenın daha hızlı olucağını söylerMesela Tcat’a şöyle güzel can alıcı mavi renkte bir grafik eklemek yerıne Css Kısmından sadece renk veren tasarımcılar vardırbu sistemi nekadar savunsalar’da kendileride beğenememişler ve grafik sistemine geçmişlerdir. Kimse unutmamalıdırki Güzel TASARIM’Deemek Kalıteli Alt yapı demektir. Burada rol host kalıtesıne bağlıdır.


İcon Tasarımları

vBulletinin en eğlenceli kısmı nedir deselerİconları eklemek derim. Koskoca tasarıma eklenen en ufak bir icon tasarımın görünüşünü değiştirebilir ve onu daha gelişmiş bir halde gösterebilir. En azından göz doygunluğunu kullanıcıya verir Renklere uyumlu iconları bulmak Tasarımcının uyması gereken en büyük kuraldır.


Butonlar.

Butonlar genellikle tek tip yazılar ile yayınlanır. Yeni Konu Aç / Cevap Yaz / Düzenle / Alıntı / +Alıntı Bu hiçbir zaman değişmeyen bir prensiptir. Şuana kadar hiçbir forumda Yeni Konu Aç Butonunun ismini > Bas Aç Kardes olarak görmüşlüğüm yoktur Fakat çok değişik tiplerde buton tasarımları görmüşlüğüm vardırButon tasarımı söylendiği kadar kolay bir iş değildir 20x20 veya 10x5 Pixellik butonlar yapabilmek yetenek ve hayal gücü ister.


Tema + Kodlama = TASARIM?

vB temalarında 2 geliştirme yönetemi vardır. Grafik Geliştirme / Kod Geliştirme = Tasarım

Sadece tasarımını geliştiren bir forum kodlama açısından ezik kalır ve standart default temadan tek farkı renklerı olur + Sadece Kodlama yönünden geliştirilen bir tema tasarım yönününden ezik kalır ve yıne aynı sonuç elde edilir.


vBulletin tema yapımı makalesini eklediğimde hepsini üstü açık bir şekilde anlatacağım.


Araştırıken Çalmayın!

Herkesin keşfetmeye ve hayallerindekileri görmeye hakkı vardırfakat Mesela xxx.com sitesindeki bir tcat’ı görüp beğenmenız onu sizin yaptığınız anlamına gelmez. O tcat’ın aynısını yapmak için çabalarsanız bu sizin emeğinizdirfakat onu alıp direk ftpnize atarsanız bu resmen özentilik ve hırsızlıktır. Tcat yaparken yapmanız gereken tek şey Photoshop yazılımını açıp CTRL+N > 978 x 28 Pixel boyutlarında bir çalışma sayfası açmaktır. Tabi bu boy’dan boy’a alınan bir tcat örneğidir.
M@KBeR Teşekkür etti.

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı