MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Time Traveler avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Cadde Teması MyBB 1.8


Sponsor Reklam

İzinli Time Traveler
 Tarih: 25-07-2015, Saat:19:12
(Son Düzenleme: 29-06-2016, Saat:13:45, Düzenleyen: Time Traveler.)
#1
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
Cevapla
Sponsor Reklam
Sponsor Reklam

Çevrimdışı SiberLeon
 Tarih: 25-07-2015, Saat:19:21
#2
Güzel tema emeğine sağlık
Cevapla
Bunu Beğenenler:

Çevrimdışı SoLdier™
 Tarih: 25-07-2015, Saat:20:01
#3
Eline  sağlık kardeşim güzel olmuş 
Cevapla
Bunu Beğenenler:

İzinli Time Traveler
 Tarih: 25-07-2015, Saat:20:11
#4
(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
Cevapla
Bunu Beğenenler:

Çevrimdışı Hashtag
 Tarih: 25-07-2015, Saat:20:27
#5
Tebrik ederim hocam. Sağlam bir tema çıkmış ortaya. Very Good  ünlem
Cevapla
Bunu Beğenenler:

Çevrimdışı Caxing
 Tarih: 25-07-2015, Saat:21:07
#6
Çok güzel elinize sağlık.
Cevapla
Bunu Beğenenler:

İzinli Time Traveler
 Tarih: 25-07-2015, Saat:21:10
#7
(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
Cevapla
Bunu Beğenenler:

Çevrimdışı BlackCat
 Tarih: 25-07-2015, Saat:21:15
#8
Başarılı bir çalışma olmuş kardeşim ellerine sağlık Süper
Cevapla
Bunu Beğenenler: Time Traveler

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.6 - 1.8] Forumtr Teması | vBulletin 3 Stil HeMDeM 13 13,712 17-01-2018, Saat:20:11
Son Yorum: DragonSlayer
Tema - Template [1.8] MyBB 1.8 Flow Teması XLRThetis 6 5,337 14-01-2018, Saat:21:06
Son Yorum: erdem7712
  [MCTR - 1.8] mybb 1.8.x MyGaming teması türkçe haylazforum2 3 1,331 12-12-2017, Saat:13:52
Son Yorum: edjo
  [1.8] Navy Blue Mobil Uyumlu Modern Mybb Tema Anka06 9 7,003 22-10-2017, Saat:16:27
Son Yorum: takalar112
  Mybb Gamer Time Teması (İSTEK) Stax 0 630 17-10-2017, Saat:02:03
Son Yorum: Stax



Konuyu Okuyanlar: 1 Ziyaretçi