Bölümleri İki Sütun Halinde Listelemek

[[SiNaN]]

Bu ipucu sayesinde, forum ana sayfasındaki kategoriler, bölümler iki sütun halinde listeleniyor. Belki tema yapımcıları için güzel bir fikir olabilir.

BoardIndex.template.php

Bul:

Code Select Expand

/* Each category in categories is made up of:

Değiştir:

Code Select Expand

// How many categories do we have?
$category_count = count($context['categories']);

// Mod it and see if it is an odd number or not.
$category_left_count = $category_count % 2;

// Lucky, its even.
if($category_left_count == 0)
// Just divide it and calculate cat per column.
$category_per_column = $category_count / 2;
else
// Opps, odd number. We just need integer, so add the left part after you divide.
$category_per_column = (($category_count - $category_left_count) / 2) + $category_left_count;

// Keep track of the categories you echoed.
$counter = 0;

// Here comes the table.
echo '
<table>
<tr>';

/* Each category in categories is made up of:

Bul:

Code Select Expand

echo '
<div class="tborder" style="margin-top: ' , $first ? '0;' : '1ex;' , '' , $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'width: 100%;' : '', '">

Değiştir:

Code Select Expand

// Pass to a new column if reset.
if($counter == 0)
echo '
<td width="50%" style="vertical-align: top;">';

echo '
<div class="tborder" style="margin-top: 1ex;' , '' , $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'width: 100%;' : '', '">

Bul:

Code Select Expand

}
echo '
</div>';
}

Değiştir:

Code Select Expand

}
echo '
</div>';

// Increase the number cats echoed.
$counter = $counter + 1;

// If we displayed enough cats, pass to new column
if($counter == $category_per_column) {
echo '
</td>';

// Reset the tracker.
$counter = 0;
}
}

// We need to close the column if it was an odd number.
if($category_left_count != 0)
echo '
</td>';

// Close the table.
echo '
</tr>
</table>';

Kodlardaki 2 rakamlarını 3 olarak değiştirirek 3 sütun haline de getirebilirsiniz.

Bir süre burada durduktan sonra İpuçları ve Hileler bölümüne taşınacak.

Tamamiyle [SiNaN] yapımıdır.

[BuЯЯЯЯaK]

Bi ekran görüntüsü veya demo olsaydı tam anlamadım sanırım =)

[Ni©holąś™]

bende anlamadım bi caps verirmisin..

[sajT®]

Bence Çok Güzel Bir Düşünce Bir Temamda Bu Kodları Kullanabilir miyim [SiNaN]?

[sajT®]

Code Select Expand


<table>
<tr>';
/* Each category in categories is made up of:


Kodları Yerine

Code Select Expand


<table width="100%">
<tr>';
/* Each category in categories is made up of:


Kodlarını Yaparsanız Şöyle Oluyor;




Sizce Hangisi Daha Hoş Duruyor?
ya Sence [SiNaN]

[[SiNaN]]

Ekran görüntüsü ekte.

Tias, içleri boş olduğu için yayılmıyor olabilir. Yaptığını IE'de de kontrol eder misin?

[d-gan]

evet 2 ay önce yaptım ama sadece css olarak kullandım...

[[SiNaN]]

evet 2 ay önce yaptım ama sadece css olarak kullandım...

Sadece CSS kullandım demek istediniz sanırım. Bizimle de paylaşır mısınız?

[intFUSE]

paylaşmaz o teşekkürler [SiNaN] 

[BuЯЯЯЯaK]

aslında o kısma bi div veri height: 50%; widht:50%; olsa mantık olarak  şkşye ayırır gibime geliyor ama denemeden bişey diyemem

[[SiNaN]]

Deneyebilirsen gerçekten merak ettim Burak. CCS ile alakalı bildiklerim php'yi işin içine katmadan bunun mümkün olmadığını söylüyor.

[BuЯЯЯЯaK]

Tmm deneyelim bekleyin

[Hoochie Coochie Man]

Evet bu tüyoyu ilk burada görmüştüm..
Teşekkürler Sİnan..

[[SiNaN]]

Alundra onu farklı bir şekilde yapıyor.

[BuЯЯЯЯaK]

http://img356.imageshack.us/img356/750/adszqd7.jpg

Sanırım biraz daha uğraşırsam kısmet aynısı olabilir şuan fazla uğraşamadım

[[SiNaN]]

Mahzuru yoksa kodları görmek istiyorum zaten Burak. CSS tahminimden daha esnekmiş demek.

[BuЯЯЯЯaK]

<div style="float:left;width:48%;height: 50%;">tablo alanı  </div>

Dediğim gibi bi kaç kod daha eklenirse aynı görüntüyü yakalayabiliriz =)

[[SiNaN]]

Anladım. Ama yüzdelere her zaman güvenemiyorum.

Mantıklı ama tebrik ederim.

[Alpay]

Sinan Alundra'nin ki gibi nasıl yapabiliriz ? İstedigimiz bölümleri bölmek, istemedigiklerimiz %100 lük kalması gibi.

[Mr.CoWbOy]

Ellerine sağlık sinan yine döktürmüşsün..

Bu olayın benzeri bir şey istiyorum , konuyu bulamadan önce bakmıştım..

http://www.simplemachines.org/community/index.php?topic=255780.0

yardımcı olabilirmisin?

teşekkürler..