Son Yorum / Mesajların Yerini Değiştirmek - Başa Almak - [vB-Stil]

Rocky

Albay
Katılım
9 May 2015
Mesajlar
314
Tepkime puanı
0
[font='Open Sans', sans-serif]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..[/color]

[color=#333333][font='Open Sans', sans-serif]Yapmanız gereken aşağıdaki adımları sırasıyla ve dikkatli bir şekilde uygulamak..[/color]

[color=#800000][font='Open Sans', sans-serif][b]Aşama 1:[/b][/color][color=#333333][font='Open Sans', sans-serif] İlk olarak kullandığınız temanın / [/color][color=#333333][font='Open Sans', sans-serif][u]Forum Bit[/u][/color][color=#333333][font='Open Sans', sans-serif]şablonlarından / [/color][color=#000080][font='Open Sans', sans-serif][b]forumbit_depth1_cat[/b][/color][color=#333333][font='Open Sans', sans-serif] şablonuna girip şu kodları buluyoruz..[/color]

[color=#800000][font='Open Sans', sans-serif][b]forumbit_depth1_cat şablonunda bulmanız gereken kodlar:[/b][/color]
[color=#333333][font='Open Sans', sans-serif][b]Kod:[/b][/color]
[code]<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>[font='Open Sans', sans-serif]
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>[font='Open Sans', sans-serif]
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>[/code]


[color=#333333][font='Open Sans', sans-serif]Ü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..[/color]

[color=#333333][font='Open Sans', sans-serif][b]Yani şu kodları üste alacaksınız:[/b][/color]
[color=#333333][font='Open Sans', sans-serif][b]Kod:[/b][/color]
[code]<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>[/code]


[color=#800000][font='Open Sans', sans-serif][b]Üste aldık ve sonuç sıralama değişti:[/b][/color]
[color=#333333][font='Open Sans', sans-serif][b]Kod:[/b][/color]
[code]<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>[font='Open Sans', sans-serif]
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>[font='Open Sans', sans-serif]
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>[/code]


[color=#333333][font='Open Sans', sans-serif]Evet yer değişimini yaptık sıradaki aşamaya geçiyoruz..[/color]

[color=#800000][font='Open Sans', sans-serif][b]Aşama 2:[/b][/color][color=#333333][font='Open Sans', sans-serif] İlk olarak kullandığınız temanın / [/color][color=#333333][font='Open Sans', sans-serif][u]Forum Bit[/u][/color][color=#333333][font='Open Sans', sans-serif]şablonlarından / [/color][color=#000080][font='Open Sans', sans-serif][b]forumbit_depth2_forum[/b][/color][color=#333333][font='Open Sans', sans-serif] şablonuna girip şu kodları buluyoruz..[/color]

[color=#800000][font='Open Sans', sans-serif][b]forumbit_depth2_forum şablonunda bulmanız gereken kodlar:[/b][/color]
[color=#333333][font='Open Sans', sans-serif][b]Kod:[/b][/color]
[code]<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>[font='Open Sans', sans-serif]
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>[font='Open Sans', sans-serif]
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>[/code]


[color=#800000][font='Open Sans', sans-serif][b]Üsteki kodlarımızda aynı şekilde en sonda yer alan şu kodları alıp:[/b][/color]
[color=#333333][font='Open Sans', sans-serif][b]Kod:[/b][/color]
[code]<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>[/code]


[color=#800000][font='Open Sans', sans-serif][b]Aşağıdaki gibi yer değişimi yapıyoruz:[/b][/color]
[color=#333333][font='Open Sans', sans-serif][b]Kod:[/b][/color]
[code]<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>[font='Open Sans', sans-serif]
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>[font='Open Sans', sans-serif]
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>[/code]


[font='Open Sans', sans-serif]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..

[font='Open Sans', sans-serif]Devam ediyoruz..

[font='Open Sans', sans-serif]Aşama 3:[font='Open Sans', sans-serif] İlk olarak kullandığınız temanın / [font='Open Sans', sans-serif]Forum görüntüleme[font='Open Sans', sans-serif]şablonlarından / [font='Open Sans', sans-serif]forumdisplay_subforums[font='Open Sans', sans-serif] şablonuna girip şu kodları buluyoruz..

[font='Open Sans', sans-serif]forumdisplay_subforums şablonunda bulmanız gereken kodlar:
[font='Open Sans', sans-serif]Kod:
Kod:
<td class="tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>[font='Open Sans', sans-serif]
<td class="tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>[font='Open Sans', sans-serif]
<td class="tcat" width="15%" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>


[font='Open Sans', sans-serif]Yine aynı şekilde üsteki kodların en sonunda yer alan şu kodları alıp:
[font='Open Sans', sans-serif]Kod:
Kod:
<td class="tcat" width="15%" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>


[font='Open Sans', sans-serif]Şu şekilde yer değişimi yapıyoruz, yani üste aldık:
[font='Open Sans', sans-serif]Kod:
Kod:
<td class="tcat" width="15%" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>[font='Open Sans', sans-serif]
<td class="tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>[font='Open Sans', sans-serif]
<td class="tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>


[font='Open Sans', sans-serif]Sonuç Ekran Görüntüsü:


[font='Open Sans', sans-serif]Ş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.

[font='Open Sans', sans-serif]Sola dayamak için şu adımları uyguluyoruz..

[font='Open Sans', sans-serif]Uygulamayı yaptığımız yani kullandığınız temanın / [font='Open Sans', sans-serif]Forum Bit[font='Open Sans', sans-serif]şablonlarından / [font='Open Sans', sans-serif]forumbit_depth2_forum[font='Open Sans', sans-serif] şablonuna girip şu kodları buluyoruz..

[font='Open Sans', sans-serif]forumbit_depth2_forum şablonunda bulmanız gereken kodlar:
[font='Open Sans', sans-serif]Kod:
Kod:
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>


[font='Open Sans', sans-serif]Üsteki kodlarda yer alan, [font='Open Sans', sans-serif]align="right"[font='Open Sans', sans-serif] yerine [font='Open Sans', sans-serif]align="left"[font='Open Sans', sans-serif]yapıyoruz işlemimiz bitiyor. Böylece konu başlığı + tarihi + yazarınıda sola yadamış olduk..

[font='Open Sans', sans-serif]Bakalım şimdi nasıl görünüyor:


[font='Open Sans', sans-serif]Böylece, temamız artık, vbulletinde olduğu gibi son yorumlar kısmı değişti.. ;)
 
Üst