Smf Kategori Altı Resim

Kategori Altı Resim
Resimdeki Gibi Örnektir

Örnek Resim Boyutu 1500Genişlik 224Uzunluktur
Kategori Resimlerinizi AdobePhotoshop gibi araçlar yapabilirsiniz
Anlatım:
BoardIndex.template  [Temanızın Klasöründe Olur]
buluyoruz :

Kod Seç Genişlet

// If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
 if (empty($category['boards']) && !$category['is_collapsed'])
 continue;

 echo '
 <tbody class="header" id="category_', $category['id'], '">
 <tr>
 <td colspan="4">
 <div class="cat_bar">
 <h3 class="catbg">';

 // If this category even can collapse, show a link to collapse it.
 if ($category['can_collapse'])
 echo '
 <a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';

 if (!$context['user']['is_guest'] && !empty($category['show_unread']))
 echo '
 <a class="unreadlink" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';

 echo '
 ', $category['link'], '
 </h3>
 </div>
Bunun İle Değiştirelim

Kod Seç Genişlet

// If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
 if (empty($category['boards']) && !$category['is_collapsed'])
 continue;

 echo '
 <tbody class="header" id="category_', $category['id'], '">
 <tr>
 <td colspan="4">
 <div class="cat_bar">
 <h3 class="catbg">';

 // If this category even can collapse, show a link to collapse it.
 if ($category['can_collapse'])
 echo '
 <a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';

 if (!$context['user']['is_guest'] && !empty($category['show_unread']))
 echo '
 <a class="unreadlink" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';

 echo '
 ', $category['link'], '
 </h3>
 </div>
                                       <div class="headercat">
 <img src="', $settings['images_url'], '/resim/', $category['id'], '.jpg" alt="category" width="100%"/>
 </div>Temanızın İmages Klasörünü acıyoruz Oraya [resim] Adlı dosya oluşturuyoruz.
Temanızda İndex.css Açıyoruz
En Alt Satırına Bu Kodu Ekliyoruz

Kod Seç Genişlet

img
{
 max-width: 100%;
 height: auto;
}Bunu kurdugunuz sitenizde şöyle anlatayım kategörileri sırayla acıyorsunuz ilk olarak genel kategöriyi acdınız diyelim
resim klasörüne 1.jpg yapıp koyuyoruz çalıştırmama gibi bir şansı yoktur .jpg olmasına dikkat edelim bu arada.

güzel paylaşım eline sağlık
img bir class atanıp daha güzel şekiller yapılabilir

Konu için sağ ol emre de ben yapınca böyle oldu? tam sağa doğru uzanmadı resmin boyutunu da ona göre ayarladım boyutta sorun yok

Konu için sağ ol emre de ben yapınca böyle oldu? tam sağa doğru uzanmadı resmin boyutunu da ona göre ayarladım boyutta sorun yok

<td colspan="4">    4 5 yaparak deneyin.

Konu için sağ ol emre de ben yapınca böyle oldu? tam sağa doğru uzanmadı resmin boyutunu da ona göre ayarladım boyutta sorun yok

<td colspan="4">    4 5 yaparak deneyin.

Sorunu bu şekilde çözmüştüm rapor attım çözdüm diye de bakmadılar galiba. Yine de teşekkür ederim.

Biz buradayız yardım lazım olursa tolgahan