MTASA TÜRK
Türkiye'nin En Güncel MTA Platformu


[SimpleMachinesForum] Kategori Altı Resimleme

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı Samsunlee

  • Acemi Üye
  • *
    • İleti: 183

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
// 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
// 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
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.png yapıp koyuyoruz çalıştırmama gibi bir şansı yoktur .png olmasına dikkat edelim bu arada.

 
Mesajı Beğenenler: Cynax


MTASA TÜRK

[SimpleMachinesForum] Kategori Altı Resimleme
« : 27 Şubat 2017, 22:34:05 »

Çevrimdışı +LJ

  • Moderatör
  • *
    • İleti: 367
  • #MustafaKemalAtatürk
Yanıtla #1 : 27 Şubat 2017, 23:20:53
Yararlı paylaşım, teşekkürler.
Linki görebilmek için Kayıt olun yada Giriş yapın.
 


Çevrimdışı Samsunlee

  • Acemi Üye
  • *
    • İleti: 183
Yanıtla #2 : 28 Şubat 2017, 00:33:53
Teşekkürler
 


Çevrimdışı Cynax

  • #
  • Uzman Üye
  • *
    • İleti: 536
  • Bıraktı
Yanıtla #3 : 28 Şubat 2017, 06:49:49
O kadar ders verdin ki insanın site kurası geliyor  ;D
 


Çevrimdışı Samsunlee

  • Acemi Üye
  • *
    • İleti: 183
Yanıtla #4 : 28 Şubat 2017, 07:51:38
Linki görebilmek için Kayıt olun yada Giriş yapın. Teşekkürler Bunu ilk söyleyen sen değilsin bir arkadaş daha özelden söyledi .
 
Mesajı Beğenenler: Cynax