MyBB Öne Çıkan Konular Alanı (Modifikasyon)

ID: 9160 Kategori: MyBB Eklentiler & Modifikasyonlar Konu Sahibi: teknoloji 0 Yorum 5 Okunma
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB Öne Çıkan Konular Alanı (Modifikasyon)
ChromaX Theme
Yönetici
Kurucu Üye
*******
11
konular
12
mesajlar
Aug 2022
Kayıt Tarihi
2
Forum Puanı

Puan: 7.37 TL
Ürünler: (Ürünleri görüntüle)
Teşekkür Ettiği: 2Aldığı Teşekkür: 2
#1
08-19-2022, 04:32 PM
1
Better response on post MyBB Öne Çıkan Konular Alanı (Modifikasyon)Merhabalar,

Bu konumda siz mybb alt yapılı forum sahipleri için güzel ve bir o kadar da kullanışlı bir modifikasyon paylaşacağım. Bu öne çıkan konular modifikasyonu ile forumunuzdaki önemli konuları burada tüm kullanıcılara sergileyebilirsiniz. Modifikasyon yapımcısı tedem adlı kullanıcıya aittir.

[Resim: ma8gcoq.png]

Modifikasyon Kurulumu/Kullanımı:

1- Admin Paneli - Temalar & Şablonlar - Temalar - Temanız - global.css sayfasına aşağıdaki css kodlarını yapıştırın ve kaydedin.

Kod:
.one-cikan-konu-alan {
margin: 0 -8px 18px -8px;
overflow: hidden;
}

.one-cikan-konu {
background-color: #FAFAFA;
width: calc(25% - 18px);
float: left;
margin: 0 8px;
border: 1px solid #ddd;
border-radius: 4px;
}

.one-cikan-konu-ust {
background-color: transparent;
}

.one-cikan-konu-ust > h4.baslik {
border-bottom: 1px solid #ddd;
padding: 0 16px;
margin: 0;
text-transform: uppercase;
height: 42px;
line-height: 42px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.one-cikan-konu-ust > img.resim {
width: calc(100% + 2px);
height: 200px;
margin: 0 -1px;
}

.one-cikan-konu-icerik {
background-color: #FFF;
}

.one-cikan-konu-icerik > p.aciklama {
padding: 16px;
margin: 0;
}

.one-cikan-konu-alt {
background-color: transparent;
}

.one-cikan-konu-alt > a.devami {
border-top: 1px solid #ddd;
padding: 0 16px;
height: 42px;
line-height: 42px;
text-align: center;
display: block;
}


2- Admin Paneli - Temalar & Şablonlar - Şablonlar - Temanız - Üst Kısım (Header) Şablonlar - header şablonu içerisine girin, en altına aşağıdaki kodları yapıştırın, düzenleyin ve kaydedin.

Kod:
<div class="one-cikan-konu-alan">
<div class="one-cikan-konu">
<div class="one-cikan-konu-ust">
<h4 class="baslik">Öne Çıkan Konu Başlığınızı Buraya Giriniz</h4>
<img class="resim" src="http://www.bilim.org/wp-content/uploads/files-html_-css_-php_-js.jpg" alt="" />
</div>
<div class="one-cikan-konu-icerik">
<p class="aciklama">Buraya konunuz hakkında açıklama yazısı yazabilirsiniz.</p>
</div>
<div class="one-cikan-konu-alt">
<a href="#" class="devami">Konuyu Görüntüle</a>
</div>
</div>
<div class="one-cikan-konu">
<div class="one-cikan-konu-ust">
<h4 class="baslik">Öne Çıkan Konu Başlığınızı Buraya Giriniz</h4>
<img class="resim" src="http://www.bilim.org/wp-content/uploads/files-html_-css_-php_-js.jpg" alt="" />
</div>
<div class="one-cikan-konu-icerik">
<p class="aciklama">Buraya konunuz hakkında açıklama yazısı yazabilirsiniz.</p>
</div>
<div class="one-cikan-konu-alt">
<a href="#" class="devami">Konuyu Görüntüle</a>
</div>
</div>
<div class="one-cikan-konu">
<div class="one-cikan-konu-ust">
<h4 class="baslik">Öne Çıkan Konu Başlığınızı Buraya Giriniz</h4>
<img class="resim" src="http://www.bilim.org/wp-content/uploads/files-html_-css_-php_-js.jpg" alt="" />
</div>
<div class="one-cikan-konu-icerik">
<p class="aciklama">Buraya konunuz hakkında açıklama yazısı yazabilirsiniz.</p>
</div>
<div class="one-cikan-konu-alt">
<a href="#" class="devami">Konuyu Görüntüle</a>
</div>
</div>
<div class="one-cikan-konu">
<div class="one-cikan-konu-ust">
<h4 class="baslik">Öne Çıkan Konu Başlığınızı Buraya Giriniz</h4>
<img class="resim" src="http://www.bilim.org/wp-content/uploads/files-html_-css_-php_-js.jpg" alt="" />
</div>
<div class="one-cikan-konu-icerik">
<p class="aciklama">Buraya konunuz hakkında açıklama yazısı yazabilirsiniz.</p>
</div>
<div class="one-cikan-konu-alt">
<a href="#" class="devami">Konuyu Görüntüle</a>
</div>
</div>
</div>


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Mybb güncel 2022 Hoş Sosyal Paylaşım Butonları (Css) teknoloji 0 3 08-19-2022, 04:27 PM
Son Yorum: teknoloji
  MyBB Tema Değişkenleri teknoloji 0 5 08-19-2022, 04:24 PM
Son Yorum: teknoloji
  MyBB Forumunuzda Wordpress Blog Yazıları Eklentisi teknoloji 0 3 08-19-2022, 04:20 PM
Son Yorum: teknoloji

Hızlı Menü:

Görüntüleyenler: 1 Ziyaretçi