WMWW | Webmaster Forumu | Webmaster Platformu
MyBB 1.8 Modifikasyon Öne Çıkan Konular Alanı - Yazdırılabilir Sürüm

+- WMWW | Webmaster Forumu | Webmaster Platformu (https://wmwebworld.com/forum)
+-- Forum: Webmaster Dünyası (https://wmwebworld.com/forum/webmaster-dunyasi)
+--- Forum: Web Tabanlı Uygulamalar (https://wmwebworld.com/forum/web-tabanli-uygulamalar)
+---- Forum: Mybb (https://wmwebworld.com/forum/mybb)
+---- Konu: MyBB 1.8 Modifikasyon Öne Çıkan Konular Alanı (/f-mybb-1-8-modifikasyon-one-cikan-konular-alani.html)



MyBB 1.8 Modifikasyon Öne Çıkan Konular Alanı - System - 08-06-2019

Merhaba Arkadaşlar

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.

[Resim: jnY8DG.png]



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.

PHP Kod:
.one-cikan-konu-alan {
margin-8px 18px -8px;
overflowhidden/* FIX */
}

.
one-cikan-konu {
background-color#FAFAFA;
widthcalc(25% - 18px);
floatleft;
margin0 8px;
border1px solid #ddd;
border-radius4px;
}

.
one-cikan-konu-ust {
background-colortransparent;
}

.
one-cikan-konu-ust h4.baslik {
border-bottom1px solid #ddd;
padding0 16px;
margin0;
text-transformuppercase;
height42px;
line-height42px;
overflowhidden;
text-overflowellipsis;
white-spacenowrap;
}

.
one-cikan-konu-ust img.resim {
widthcalc(100% + 2px);
height200px;
margin-1px;
}

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

.
one-cikan-konu-icerik p.aciklama {
padding16px;
margin0;
}

.
one-cikan-konu-alt {
background-colortransparent;
}

.
one-cikan-konu-alt a.devami {
border-top1px solid #ddd;
padding0 16px;
height42px;
line-height42px;
text-aligncenter;
displayblock;



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

PHP 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">
<
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">
<
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.siteadi.com/wp-content/uploads/files-html_-css_-php_-js.jpg" alt="" />
</
div>
<
div class="one-cikan-konu-icerik">
<
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.siteadi.com/wp-content/uploads/files-html_-css_-php_-js.jpg" alt="" />
</
div>
<
div class="one-cikan-konu-icerik">
<
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.