Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB Şık Konu Bilgileri
#1
İsmi: MyBB Şık Konu Bilgileri
Yapımcısı: QwerT_
Test Durumu: Denemiştir-sorunsuz

Yapılışı
Öncelikle Admin Panel ► Temalar/Şablonlar ► Kullandığınız Tema ► Global.css ► Gelişmiş Düzenle deyin ve en alta şu kodları ekleyin

Kod:
height: 180px;
}
.iceriksol {
float: left;
}
.iceriksol img {
width: 30px;
}
.iceriksol ul li {
margin-top: 10px;
list-style: none;
margin-left: -30px;
}
.iceriksag {
float:right;
}
.iceriksag img {
height: 30px;
}
.iceriksag ul {
margin-right: 5px;
float: left;
}
.iceriksag ul li {
margin-top: 10px;
margin-left: -70px;
list-style: none;
}
/*-- EpTorrent Konu Bilgileri Bitiş --*/

Daha sonra tekrar Admin Panel ► Temalar/Şablonlar ► Şablonlar ► Kullandığınız Tema Şablonları ► Konu Gösterimi [showthread] Şablonlar ► showthread diyerek şu kodu aratın.

Kod:
{$header}

Bulunca hemen altına şu kodları ekleyin.
Kod:
<table width="100%"><tr><td>
<div id="baslik">
Konu Bilgileri
</div>
</td></tr><tr><td>
<div id="icerik">
<div class="iceriksol">
<ul>
<li>
<img title="Konuyu Gönderen Üye" src="http://i.imgur.com/LwwB3rL.png"/> Gönderen: <span style="opacity: 0.7;">$thread[username]</span>
</li><li>
<img title="Konu Başlığı" src="http://i.imgur.com/JvetOBz.png"/> Başlık: <span style="opacity: 0.7;">$thread[subject]</span>
</li><li>
<img title="Verilen Yanıtlar" src="http://i.imgur.com/9T3E6Pi.png"/> Yanıtlar: <span style="opacity: 0.7;">$thread[replies]</span>
</li><li>
<img title="Konu Görüntülenme Sayısı" src="http://i.imgur.com/MiVVSDd.png"/> Görüntülenme: <span style="opacity: 0.7;">$thread[views]</span>
</li>
</ul>
</div>
<div class="iceriksag">
<ul>
<li>
<a rel="nofollow" href="javascript:;" onclick="window.open('http://twitter.com/?status='+encodeURIComponent(location.href), 'twitter','toolbar=yes,scrollbars=yes,resizable=yes,width=800,height=600'); return false;" class="twiter" title="twiter">
<img src="http://i.imgur.com/h1Ow338.png"/></a>
</li>
<li>
<a rel="nofollow" href="javascript:;" onclick="window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(location.href), 'facebook','toolbar=yes,scrollbars=yes,resizable=yes,width=800,height=600'); return false;" class="facebook" title="facebook">
<img src="http://i.imgur.com/HPLhLHq.png"/></a>
</li>
</ul>
</div></td></tr></table><br/><br/>

xOKFOoz.png

NOT
yukarıda "Konu Bilgileri" yazısının arkaplanı, tasarımınızla uyuşmayabilir. Bunu nasıl değiştireceğini bilmeyen arkadaşlar da vardır diye düşünerek o konuya da değinmek istiyorum. Buyrun pratik kodlar;

İlk verdiğim .css kodlarında şunu bulun (ilk satırda)

Kod:
#baslik {
width: 100%;
background: rgba(158,57,57,0.9);

Buradaki background: rgba(158,57,57,0.9); kodu yerine isterseniz şunları kullanabilirsiniz.

Koyu Gri: background: rgba(40,40,40,0.9);
Turuncu: background: rgba(224,90,0,0.9);
Mavi: background: rgba(54,130,181,0.9);
Pembe: background: rgba(181,54,22,0.9);
Yeşil: background: rgba(65,181,54,0.9);


not:alıntıdır....konu edward adlı kullanıcıya aittir...
       ap9vdgz2.png
                          Önemli Konular
Önemli Konuları Renklendirme
Siteye Duyuru Yapma


                                               
Ara
Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


10tl.net Destek Forumu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping