Smf Kategori Altı Resim

Başlatan Samsunlee, 16 Mar 2017 09:45

« önceki - sonraki »

0 Üye ve 2 Ziyaretçi konuyu incelemekte.

Samsunlee

16 Mar 2017 09:45 Son düzenlenme: 16 Mar 2017 14:49 Samsunlee

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ç]
// 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ç]
// 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ç]
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.


snrj

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

Soylu

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


CeeMoo

Alıntı yapılan: Soylu - 31 Mar 2017 09:11Konu 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.

Soylu

Alıntı yapılan: CeeMoo - 31 Mar 2017 15:02
Alıntı yapılan: Soylu - 31 Mar 2017 09:11Konu 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. :)

Samsunlee

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