You need to enable JavaScript to run this app.

Skip to main content

Kodlu Mybb Öne Çıkan Konular

Kodlu Mybb Öne Çıkan Konular

Administrator
Kodlu Mybb Öne Çıkan Konular
Forumda istediğiniz bir alana öne çıkarmak istediğiniz konuları eklemenizi yarıyor. 

Ekran Görüntüsü

[Resim: 2aBWlA.png]

Kullanımı

Admin panele giriş yapıyoruz. Ardından temalar & şablonlar bağlantısına tıklayıp sol menüden temalara basıyoruz. Temamıza tıklayıp, global.css'yi açıyoruz. En aşağıya inip aşağıda ki kodu ekliyoruz ve kayıt ediyoruz.


Kod:
.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;
}
Daha sonra nerde göstermek istiyorsanız o kısma gireceksiniz. Biz header seçtik diyelim. Header şablonuna girin ve aşağıda ki kodları istediğiniz bir yere ekleyip kayıt edin.


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>
İşlem bu kadar. Yapımcıya buradan teşekkür ediyoruz.
VIP ÜYE OLUN FARKI YAŞAYIN...
Son Düzenleme: 10-06-2018, 08:49 AM, Düzenleyen: admin.

İçerik sağlayıcı paylaşım sitesi olarak hizmet veren ForumCenneti sitemizde 5651 sayılı kanunun 8. maddesine ve T.C.K'nın 125. maddesine göre tüm üyelerimiz yaptıkları paylaşımlardan kendileri sorumludur. Sitemiz hakkında yapılacak tüm hukuksal şikayetleri bağlantısından bize ulaşıldıktan en geç 3 (üç) gün içerisinde ilgili kanunlar ve yönetmenlikler çerçevesinde tarafımızca incelenerek, gereken işlemler yapılacak ve site yöneticilerimiz tarafından bilgi verilecektir.