Hoşgeldin Ziyaretçi



Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB Tema - Son Mesajların/Yorumların Yerini Değiştirmek - Başa Almak - [vB-Stil] - [
#1
u dersimizde en çok istek yapılan fakat sağlam bir konusu olmayan bir çalışmayı uygulayacağı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:
Kod:
<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:
Kod:
<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:
Kod:
<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:
Kod:
<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:
Kod:
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>


Aşağıdaki gibi yer değişimi yapıyoruz:
Kod:
Kod:
<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:
Kod:
<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:
Kod:
<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:
Kod:
<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ü:
61195169576352042565.png

Ş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:
Kod:
<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 dayamış olduk..

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

Böylece, temamız artık, vbulletinde olduğu gibi son yorumlar kısmı değişti.. wink.gif
Cevapla
Teşekkür verenler:
#2
Teşekkürler
Cevapla
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 21 Ziyaretçi


10tl.net Destek Forumu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping