MyBB Depo Forum

Orjinalini görmek için tıklayınız: Cadde Teması MyBB 1.8
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2 3 4
Merhabalar,

Çizim olan street temasını kullanılabilir hale getirmek istedim. Birebir aynısı olmadı, bazı yerlerini farklı yapmak zorunda kaldım. Olduğu kadar artık. Umarım faydalı olur. İyi kullanımlar dilerim   Gülümseme


MyBB - 1.8 Cadde Teması 
resim Tema ismi: Cadde
resim Tema Yapımcısı: Time Traveler 
resim Tema Güvenlimi ?: Güvenli resim
resim Test Durumu: Denenmiştir-sorunsuz resim
resim Uyumlu Olduğu Sürüm-(ler): MyBB - 1.8 
Kurulum-İnstall Kurulum:  
  1. Zipten çıkan Street klasörünü images klasörünün içine atın. 
  2. Xml Dosyasını,  Temalar  Sağ Ok Tema Yükle  Sağ Ok  Dosya Seç kısmından yükleyebilirsiniz.

User Demo: 
- Demo kaldırılmıştır. -

Resim-Grafik Ekran Görüntüleri:
resim 

resim


resim


resim

Araç-Test   Alıntı Bazı hatalar düzeltildi arkadaşlar. Aşağıdaki yönergeler ile düzeltebilirsiniz;  (Mobilde Duyuru panosundaki yazının ve yarışma resminin kaymasını maalesef düzeltemedim. Üst menüyü Header şablonlarından kaldırabilirsiniz.)

Neler Düzeltildi ?
  • İstatistik kısmındaki çizginin kayması düzeltildi. (Mobilde)
  • Kategori açıklamasının kayması düzeltildi. (Mobilde)
1) Street.css açın ve içindeki kodları aşağıdaki kodla değiştirin;
Kod:
.streetextsel {
 border-radius: 1px;
 background-color: rgb(75,74,71);
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
 width: 29px;
 border-bottom: solid 3px rgba(0,0,0,0.09);
 height: 27px;
 left: 33px;
 margin: auto;
 position: relative;
 float: right;
}

.streetchecksel {
 border-radius: 1px;
 background-color: rgb(75,74,71);
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
 width: 29px;
 border-bottom: solid 3px rgba(0,0,0,0.09);
 height: 27px;
 left: 94px;
 margin: auto;
 position: relative;
 float: right;
}

.streetteamsel {
 border-radius: 1px;
 background-color: rgb(75,74,71);
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
 width: 29px;
 border-bottom: solid 3px rgba(0,0,0,0.09);
 height: 27px;
 left: 156px;
 margin: auto;
 position: relative;
 float: right;
}

.streetbarsel {
  border-radius: 1px;
 background-color: rgb(75,74,71);
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
 width: 29px;
 border-bottom: solid 3px rgba(0,0,0,0.09);
 height: 27px;
 margin: auto;
 left: 218px;
 position: relative;
 float: right;
}

.streetaltsel {
   border-radius: 1px;
 background-color: rgb(75,74,71);
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
 width: 97%;
 position: relative;
 border-bottom: solid 3px rgba(0,0,0,0.09);
 height: 27px;
 margin: auto;
}


.streetsel {
 border-radius: 1px;
 background-color: rgb(75,74,71);
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
 width: 97%;
 border-bottom: solid 3px rgba(0,0,0,0.09);
 height: 52px;
 margin: auto;

}

.streettextsel {
    padding: 8px;
 padding-left: 10%;
 margin-top: -36px;
}

.cksel {
 background-color: rgb(49,48,47);
 position: relative;
 width: 1px;
 height: 40px;
 left: 80px;
 top: 8px;

}

.ckissel {
background-color: rgb(49,48,47);
 position: relative;
 width: 1px;
 height: 80px;
 top: 8px;
 left: 80px;

}

.streetissel {
 border-radius: 1px;
 background-color: rgb(75,74,71);
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
 width: 97%;
 border-bottom: solid 3px rgba(0,0,0,0.09);
 height: 93px;
 margin: auto;

}

.streetistextsel {
 padding: 8px;
 padding-left: 10%;
 margin-top: -80px;

}

.yorum {

 color: rgb(83, 100, 99);
 background: background: #ffffff;
 background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
 background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
 background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
 background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
 padding: 2px 7px;
 border-radius: 7px;
 border: solid 1px rgb(216, 203, 203);
 position: relative;
}

.konu {

 color: rgb(83, 100, 99);
 background: background: #ffffff;
 background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
 background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
 background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
 background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
 padding: 2px 7px;
 border-radius: 7px;
 border: solid 1px rgb(216, 203, 203);
 position: relative;
 top: 3px;
}

.rep {

color: rgb(239, 249, 232);
 background: #b4e391;
 background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391));
 background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
 background: -o-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
 background: -ms-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
 background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );
 padding: 2px 7px;
 border-radius: 7px;
 border: solid 1px rgb(100, 189, 36);
 position: relative;
 top: 6px;
}

.repver {

 color: rgb(239, 249, 232);
 background: #b4e391;
 background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391));
 background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
 background: -o-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
 background: -ms-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
 background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );
 padding: 2px 7px;
 border-radius: 7px;
 border: solid 1px rgb(100, 189, 36);
 position: relative;
 top: 6px;
}

.uyarı {

  color: rgb(222, 231, 230);
background: #e29c91; /* Old browsers */
background: -moz-linear-gradient(top,  #e29c91 0%, #c41f19 50%, #e29891 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e29c91), color-stop(50%,#c41f19), color-stop(100%,#e29891)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e29c91 0%,#c41f19 50%,#e29891 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e29c91 0%,#c41f19 50%,#e29891 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e29c91 0%,#c41f19 50%,#e29891 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e29c91 0%,#c41f19 50%,#e29891 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e29c91', endColorstr='#e29891',GradientType=0 ); /* IE6-9 */
 padding: 2px 7px;
 border-radius: 7px;
 border: solid 1px rgb(181, 84, 78);
 position: relative;
 top: 9px;
}

.navii {
 width: 73%;
 min-width: 970px;
 max-width: 1500px;
 margin: auto auto;
 border-radius: 3px;
}

.streetmenu {

 padding: 5px;
 padding-bottom: 20px;
 padding-top: 20px;
 display: block;
 background: rgb(55,61,60);
 margin: auto;
 width: 96%;
 position: relative;
}

.streetmenu ul {


list-style: none;
padding: 5px;
margin: auto;

}

.streetmenu li {

display: block;
 list-style: none;
 padding: 7px;
 position: relative;
 margin-left: 13px;
 padding-right: 12px;
 line-height: 24px;
 border-radius: 2px;
 height: 24px;
 font-size: 13px;
 width: 10.8%;
 margin-top: -19px;
 float: left;
 text-align: center;
 font-weight: bold;
 background: rgb(41, 144, 138);
 box-shadow: inset 0px 0px 3px rgb(184, 186, 186);
}

.streetmenu li:hover {
 background: rgb(35, 127, 122);
}

.streetmenu li a {

color: white;

}

.lastpost {
font-size: 11px;
 font-family: Tahoma;
 width: 3.9cm;
 font-weight: 100;
 position: relative;
 color: rgb(179,178,174);
 left: -30px;
}

.avatar {
 background: url(images/Street/lastpost.png) center center no-repeat;
 width: 42px;
 position: relative;
 height: 43px;
 top: 10px;
 left: 157px;
}

.avatarbg {
border-radius: 50%;
 background-color: rgb(44, 146, 140);
 position: absolute;
 left: 1141px;
 top: 766px;
 width: 41px;
 height: 41px;
}

.avatar img { border: solid 1px #2c928c;
 height: 27px;
 position: relative;
 top: 6px;
 left: 6px;
 width: 27px; }

.footarka {
  width: 950px;
 background-color: rgb(54,54,53);
 height: 44px;
 position: relative;
 top: 83%;
 margin: auto;
 text-align: left;
 font-family: Verdana;
 font-size: 12px;
 line-height: 4.4;
}

#header {background-image: url(images/Street/header.png); width: auto; padding: 0; margin: auto; position: relative; height: 366px; }

.menü {
 background-image: url(images/Street/menü.png);
margin: auto;
position: relative;
top: -62px;
 height: 83px;
 width: 995px;
}

.menü a { text-decoration: none;
color: #f0f3f4;
padding: 17px;
float: left;
font-size: 15px;
position: relative;
left: 33px;
padding-top: 33px;
margin-left: 1px;
transition: all .2s ease-in-out;
text-shadow: 0px 1px 1px black;
}

.menü a:hover { box-shadow: inset 0px -3px 0px #D2CBCB;
color: rgb(255, 255, 255);
text-shadow: 0px 0px 6px white;}

#duyurubandı {padding-left: 21px; background-image: url(images/Street/duyurubandı.png);
text-decoration: none;  color: #ecf0f1; margin: auto; padding: 10px;
box-shadow: 0px 1px 1px #2c3e50; position: fixed; left: 0px; top: 0px; right: 0px; z-index: 9999; height: 15px;}


#duyurubandı a { background: transparent; text-decoration: none;  color: #ecf0f1; padding: 5px; border-radius: 2px; transition: all .2s ease-in-out;}
#duyurubandı a:hover { background: transparent; text-decoration: none;  color: #ecf0f1; border-radius: 0px; box-shadow: inset 0px -3px 0px #ecf0f1; }

#yarisma {
       position: absolute;
 color: white;
 margin-top: -20%;
 width: auto;
 right: 17%;
 height: auto;
}

#yarisma a {
 color: white;
 text-decoration: none;
 background: rgb(60, 59, 58);
 border-radius: 5px;
 padding: 6px;
 font-weight: bold;
 font-size: 11px;
 position: relative;
 left: 5px;
 top: -5px;
}

#yarisma a:hover {
  color: gray;
}


2) Şablonlar > Forum Bit Şablonlar > forumbit_depth1_cat > İçindekileri silin ve aşağıdaki kod ile değiştirin;
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead{$expthead}" colspan="5">
<div class="expcolimage"><img src="images/Street/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><span style=" color: rgb(179, 213, 225);
 font-size: 9px;
 position: relative;
 top: -16px;
 float: right;
 right: 42px;
   height: 0px;">{$forum['description']}</span></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong></strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong></strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong></strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong></strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
<img style="position: relative;
 width: 100%;" src="images/Street/gölge.png"/>
<br />



indir-download 


Yandex.Disk


Kod:
https://yadi.sk/d/sI4tNjkki63jK
Güzel tema emeğine sağlık
Eline  sağlık kardeşim güzel olmuş 
(25-07-2015, Saat:19:21)SiberLeon Adlı Kullanıcıdan Alıntı: [ -> ]Güzel tema emeğine sağlık

(25-07-2015, Saat:20:01)SoLdier™ Adlı Kullanıcıdan Alıntı: [ -> ]Eline  sağlık kardeşim güzel olmuş 

Yorumlar için teşekkürler
Tebrik ederim hocam. Sağlam bir tema çıkmış ortaya. Very Good  ünlem
Çok güzel elinize sağlık.
(25-07-2015, Saat:20:27)Hashtag Adlı Kullanıcıdan Alıntı: [ -> ]Tebrik ederim hocam. Sağlam bir tema çıkmış ortaya. Very Good  ünlem

(25-07-2015, Saat:21:07)Caxing Adlı Kullanıcıdan Alıntı: [ -> ]Çok güzel elinize sağlık.

Teşekkür ederim
Başarılı bir çalışma olmuş kardeşim ellerine sağlık Süper
Sayfalar: 1 2 3 4