MyBB Şık Konu Bilgileri

[#Captain]

Admin KP - Şablon & Stil - Kullandığınız Tema - Global.css'e girip aşağıdaki kodları en altına ekleyin..

Kod: Tümünü Seç Tümünü Kopyala

/*-- EpTorrent Konu Bilgileri Başlangıç --*/
#baslik {
background: rgba(158,57,57,0.9);
color: #FFF;
font-family: Arial;
     text-align: center;
     font-size: 19px;
padding:5px 0 5px 0;
height: 25px;
border-top: 2px solid #ebe8e8;
border-left: 2px solid #ebe8e8;
border-right: 2px solid #ebe8e8;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#icerik {
background: rgba(239,239,239,0.4);
font-family: Arial;
border-bottom: 2px solid #ebe8e8;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-left: 2px solid #ebe8e8;
border-right: 2px solid #ebe8e8;
font-size: 17px;
color: #000;
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ş --*/

Admin KP - Şablon & Stil - Şablonlar - Kullandığınız Tema -Konu Gösterimi Şablonlar - Showthread şablonuna girip aşağıdaki kodu aratın..

Kod: Tümünü Seç Tümünü Kopyala

{$header}

Yukarıdaki kodun altına aşağıdaki kodları ekleyin..

Kod: Tümünü Seç Tümünü Kopyala

<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/>

Not: Yukarıdaki ''konu bilgileri'' yazısının arkaplanının tasarımlarınızla uyuşmayacağını düşünerek pratik kodlar veriyorum.

İlk verdiğim .css kodlarında şunu bulun..

Kod: Tümünü Seç Tümünü Kopyala

#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);