MyBB için Öne Çıkan Konular Eklentisi

[NoThing2Lose]

MyBB için Öne Çıkan Konular 
Modifikasyon ismi: Öne Çıkan Konular Alanı
Modifikasyon Yapımcısı: erdalmedet
Modifikasyon Güvenli mi ?: Güvenli 
Modifikasyon Versiyonu: 1.0
Test Durumu: Denemiştir-sorunsuz 
Uyumlu Olduğu Sürüm-(ler): MyBB - 1.8.x 
Modifikasyon Açıklaması: Forum sitenizde istediğiniz güncel ve belirli konuları, bu oluşturacağımız alanda öne çıkan konularımız olarak göstermenizi sağlar.
Modifikasyon Kurulumu: 

Adım 1: Yönetici paneline giriniz.
Adım 2: Kullandığınız temayı seçiniz.
Adım 3: Temanın global.css stil sayfasının en sonuna aşağıdaki CSS kodlarınız ekleyin ve kaydedin.

Kod:

Kod: Tümünü Seç Tümünü Kopyala

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

.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;
}

Adım 4: Temanızın header şablonun en altına aşağıdaki HTML kodlarını ekleyin ve kaydedin.

Kod:

Kod: Tümünü Seç Tümünü Kopyala

                <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>

Ekran Görüntüsü:


Şahsen Ben Bile Kullanıcam Bunu :)
Kaynak;http://destek.mybb.com.tr/showthread.php?tid=12535

[#Raptor]

http://destek.10tl.net/showthread.php?tid=92334&highlight=Öne+çıkan

[NoThing2Lose]

http://destek.10tl.net/showthread.php?tid=92334&highlight=Öne+çıkan

Farketmedim k.b bidahaki sefere dikkatli olacam :)