MyBB Depo Forum
[1.6 - 1.8] MyBB Öne Çıkan Konular Alanı - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-8-modifikasyon-eklenti-deposu-forumu)
+--- Konu Başlığı: [1.6 - 1.8] MyBB Öne Çıkan Konular Alanı (/mybb-one-cikan-konular-alani-konusu.html)

Sayfalar: 1 2 3


MyBB Öne Çıkan Konular Alanı - tedem - 20-05-2016

MyBB Öne Çıkan Konular Alanı; Sitenizde öne çıkarmak istediğiniz konuları, site kullanıcılarına daha hızlı ulaştırmanızı/duyurmanızı sağlar.

Ücretli olarak yaptığım Manus temasında gören/beğenen arkadaşımızın isteği üzerine yaptım ve paylaşıyorum.

Bkz: http://mybbdepo.com/header-alti-forum-ustu-konusu.html

Resim-Grafik Ekran Görüntüsü:

jnY8DG.png

(Kullanılan temaya göre düzenlenebilmesi için sade bir görünüm tasarladım, bilginize.)

Araç-Test 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:
.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:
<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>

Not: Anlatımı varsayılan (default) tema için yaptım. Farklı temalarda HTML kodunu, farklı alanlara koymanız gerekebilir. Bu konuda herhangi bir sorunla karşılaşırsanız, konu altına yorum yapabilirsiniz.


Cvp: MyBB Öne Çıkan Konular Alanı - ScottCoder - 20-05-2016

Teşekkürler.


Cvp: MyBB Öne Çıkan Konular Alanı - ScottCoder - 20-05-2016

Temamda Kullanıyorum Teşekkürler.


Cvp: MyBB Öne Çıkan Konular Alanı - tedem - 20-05-2016

(20-05-2016, Saat:21:06)ScottCoder Adlı Kullanıcıdan Alıntı: Temamda Kullanıyorum Teşekkürler.

Rica ederim Gülümseme


Cvp: MyBB Öne Çıkan Konular Alanı - Kiliza - 20-05-2016

Eline sağlık hocam, MCTR'de az önce tarafımca paylaşıldı, bu tür modifikasyonlara MyBB'nin ihtiyacı var tez elden yayalım bari. Süper


Cvp: MyBB Öne Çıkan Konular Alanı - ScottCoder - 20-05-2016

header yerine indexede yazabilirsiniz.


Cvp: MyBB Öne Çıkan Konular Alanı - tedem - 20-05-2016

(20-05-2016, Saat:22:13)ScottCoder Adlı Kullanıcıdan Alıntı: header yerine indexede yazabilirsiniz.

Aynen, sadece ana sayfada gösterilmesini isteyenler, index şablonuna ekleyebilirler.


Cvp: MyBB Öne Çıkan Konular Alanı - pitiri - 21-05-2016

yanyana değilde alt alta çıkıyor indexte yanyana nasıl getirebilrim