MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
tedem avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

MyBB Öne Çıkan Konular Alanı


Sponsor Reklam

Çevrimdışı tedem
 Tarih: 20-05-2016, Saat:20:27
(Son Düzenleme: 01-04-2017, Saat:11:51, Düzenleyen: tedem.)
#1
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.
Cevapla
Sponsor Reklam
Sponsor Reklam

Çevrimdışı ScottCoder
 Tarih: 20-05-2016, Saat:20:49
#2
Teşekkürler.
Cevapla
Bunu Beğenenler: tedem

Çevrimdışı ScottCoder
 Tarih: 20-05-2016, Saat:21:06
#3
Temamda Kullanıyorum Teşekkürler.
Cevapla
Bunu Beğenenler: tedem

Çevrimdışı tedem
 Tarih: 20-05-2016, Saat:21:16
#4
(20-05-2016, Saat:21:06)ScottCoder Adlı Kullanıcıdan Alıntı: Temamda Kullanıyorum Teşekkürler.

Rica ederim Gülümseme
Cevapla
Bunu Beğenenler: ScottCoder

Çevrimdışı Kiliza
 Tarih: 20-05-2016, Saat:21:45
#5
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
Cevapla
Bunu Beğenenler: tedem

Çevrimdışı ScottCoder
 Tarih: 20-05-2016, Saat:22:13
#6
header yerine indexede yazabilirsiniz.
Cevapla
Bunu Beğenenler: tedem

Çevrimdışı tedem
 Tarih: 20-05-2016, Saat:22:30
#7
(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.
Cevapla
Bunu Beğenenler:

Çevrimdışı pitiri
 Tarih: 21-05-2016, Saat:10:42
#8
yanyana değilde alt alta çıkıyor indexte yanyana nasıl getirebilrim
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.6 - 1.8] Mybb Social Login Eklentisi ile 30 Farklı Sosyal MEdya sitesiyle Kayıt Olma camoka1903 2 407 12-09-2017, Saat:00:48
Son Yorum: Mashimaro
  [1.4 - 1.6 - 1.8] MyBB : Meta Tag Eklemek Ripbyrustavi02 1 551 26-04-2017, Saat:00:16
Son Yorum: VenomBoss
  Mybb Son Üyenin Yorumlarını Silme Eklentisi MuGong 3 748 10-08-2016, Saat:23:33
Son Yorum: Rocky
  [1.6 - 1.8] MyBB Temalarınız İçin Dinamik Slider R34LiTy 6 1,546 06-08-2016, Saat:16:00
Son Yorum: EsqiLerdenBeri
  MyBB 1.8 Chanungdyou ve İnferno hatası Skalaj 7 1,106 29-06-2016, Saat:22:28
Son Yorum: devmybb



Konuyu Okuyanlar: 1 Ziyaretçi