(07-07-2012, 01:49 PM)Adil S. Nickli Kullanıcıdan Alıntı:  Bu dersimizde en çok istek yapılan fakat sağlam bir konusu olmayan bir çalışmayı uygulayıcağız, Temadaki, hem ana sayfa hemde forum görüntüleme kısmından, son yorumlar kutusunu/tablosunu Konu ve mesaj sayıları kutularının önüne/başına alacağız. Bu uygulama aynı zamanda vBulletin temalarında olduğu için çok istek yapılıyordu, şimdi bu anlatım sayesinde herkes temalarını vB stil son yorumlar görünümünde yapabilecek..

Yapmanız gereken aşağıdaki adımları sırasıyla ve dikkatli bir şekilde uygulamak..

Aşama 1: İlk olarak kullandığınız temanın / Forum Bit şablonlarından / forumbit_depth1_cat şablonuna girip şu kodları buluyoruz..

forumbit_depth1_cat şablonunda bulmanız gereken kodlar:

Kod: Tümünü Seç Tümünü Kopyala

<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

Üsteki kodlarda, konu sayısı başlığı + yorum sayısı başlığı + son yorumlar başlığı mevcut, en sonda yer alan son yorumlar başlığı kodları ve yer değiştireceğiz, ne yapıyoruz en sondaki kodu alıp üste ekliyoruz..

Yani şu kodları üste alacaksınız:

Kod: Tümünü Seç Tümünü Kopyala

<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

Üste aldık ve sonuç sıralama değişti:

Kod: Tümünü Seç Tümünü Kopyala

<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>

Evet yer değişimini yaptık sıradaki aşamaya geçiyoruz..

Aşama 2: İlk olarak kullandığınız temanın / Forum Bit şablonlarından / forumbit_depth2_forum şablonuna girip şu kodları buluyoruz..

forumbit_depth2_forum şablonunda bulmanız gereken kodlar:

Kod: Tümünü Seç Tümünü Kopyala

<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>

Üsteki kodlarımızda aynı şekilde en sonda yer alan şu kodları alıp:

Kod: Tümünü Seç Tümünü Kopyala

<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>

Aşağıdaki gibi yer değişimi yapıyoruz:

Kod: Tümünü Seç Tümünü Kopyala

<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>

Evet buraya kadar işlem tamam, anasayfadaki son yorumları başa aldık, şimdi sıra forum görüntülemedeki son yorumları başa almakta..

Devam ediyoruz..

Aşama 3: İlk olarak kullandığınız temanın / Forum görüntüleme şablonlarından / forumdisplay_subforums şablonuna girip şu kodları buluyoruz..

forumdisplay_subforums şablonunda bulmanız gereken kodlar:

Kod: Tümünü Seç Tümünü Kopyala

<td class="tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="15%" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

Yine aynı şekilde üsteki kodların en sonunda yer alan şu kodları alıp:

Kod: Tümünü Seç Tümünü Kopyala

<td class="tcat" width="15%" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

Şu şekilde yer değişimi yapıyoruz, yani üste aldık:

Kod: Tümünü Seç Tümünü Kopyala

<td class="tcat" width="15%" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
<td class="tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>

Sonuç Ekran Görüntüsü:


Şimdi ekran görüntüsünde farketiyseniz eğer ''son yorumlar'' kısmında konu başlığı + tarihi + yazarı sağa dayalı şekilde duruyor. Bu kısımları sola yaslayınca daha güzel duracaktır.

Sola dayamak için şu adımları uyguluyoruz..

Uygulamayı yaptığımız yani kullandığınız temanın / Forum Bit şablonlarından / forumbit_depth2_forum şablonuna girip şu kodları buluyoruz..

forumbit_depth2_forum şablonunda bulmanız gereken kodlar:

Kod: Tümünü Seç Tümünü Kopyala

<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>

Üsteki kodlarda yer alan, align="right" yerine align="left" yapıyoruz işlemimiz bitiyor. Böylece konu başlığı + tarihi + yazarınıda sola yadamış olduk..

Bakalım şimdi nasıl görünüyor:


Böylece, temamız artık, vbulletinde olduğu gibi son yorumlar kısmı değişti.. ;)

ALINTIDIR ...