Forum Gündemi:


Konu Başlığı : MyBB 1.8 Modifikasyon Öne Çıkan Konular Alanı

*
Bu konu; tarihinde açılmış olup, 0 defa yorumlanmıştır.
Konu Sahibi : System
Konuyu Değerlendir
  • 0 Oy - 0 Ortalama
  • 1
  • 2
  • 3
  • 4
  • 5
Çevrimdışı
Super Moderator
******
266
mesajlar
219
konular
0
(Ticaret Puanı: )
May 2019
(Kayıt Tarihi)
#1
08-06-2019, 10:37 AM
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.
Bir Dünya İstiyorum Çocukların Rahatça Oynayabildiği ve Güven İçinde Yaşayabildiği...

* Skype Kullanmıyorum.


Foruma Git:


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