Giriş Yap

**#Captain** · 07-12-2014, 02:13 AM

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

Kod:

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

{$header}

Yukarıdaki kodun altına aşağıdaki 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/>

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:

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

Giriş Yap
Kullanıcı Adı:
Şifreniz:	Şifremi Unuttum?
	Beni Hatırla