Skip to main content

Forumcenneti

Hoş Geldin, Ziyaretçi!

Sizler için oluşturduğumuz tüm hizmetlerden tam olarak yararlanabilmek için aramıza katılabilirsiniz. Siz varsanız, biz varız! Üyelikler ücretsizdir ve her zaman ücretsiz kalacaktır.

(Sadece ziyaretçiler tarafından görüntülenir.)

Hoş Geldin, !

Kayıt işleminiz başarıyla tamamlandı. Sitemizde üyelikler e-posta onaylı olduğu için hesabınızı onaylamanız gerekiyor. Kayıt olduğunuz e-posta adresinin gelen ya da istenmeyen (spam) kutusunu kontrol ederek hesabınızı onaylayabilirsiniz. e-Posta gelmediyse veya farklı bir sorun yaşıyorsanız bizimle İletişim sayfasından irtibat kurabilirsiniz.

(Sadece hesabı aktif edilmemiş kullanıcılar tarafından görüntülenir.)

Kodlu Mybb Öne Çıkan Konular

Konu

#1
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.
Cevapla

Bir hesap oluşturun veya yorum yapmak için giriş yapın

Yorum yapmak için üye olmanız gerekiyor

ya da
Task