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).
EmreKarakaya avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Forum İstatisklerinize Estetik Görünüm Katın


Sponsor Reklam
media venus

Çevrimdışı EmreKarakaya
 Tarih: 29-03-2012, Saat:18:56
#1
Merhaba Arkadaşlar

Yapımcı:jony

Öncelikle Kodları Uygulamadan önce ne işe yaradığını söyleyelim.Bu kodları uyguladıktan sonra en alttaki konu,mesaj,üye sayıları daha estetik bir görünüm içine girecekler.Resimde Gördüğünüz renklerle css yardımıyla oynabileceksiniz.Yani herşey size Kalmış.Önce Bir Resmimizi Görelim

resim

Evet Beğendiyseniz Kuruluma Geçelim Ancak Global.css ile index_boardstats yedeklerini alalım

Yedekleri Aldıktan sonra kuruluma başlıyalım

1.Adım Admin Paneli-Temalar & Şablonlar-Şablonlar-Kullandığınız Tema-Ana Sayfa - [index] Şablonlar-index_boardstats açınca şu kodu bulalım

Kod:
{$forumstats}

Bu kodu silelim

Aşağıdaki Kodu Yine Aynı Şablonun en alt kısmına ekleyelim ve şablonu kaydedip kapatalım

Kod:
<div style="text-align: center">
<span class="stats">{$stats['numposts']}</span><span class="statstext"> Posts</span>
<span class="stats">{$stats['numthreads']}</span> <span class="statstext">Threads</span>
<span class="stats">{$stats['numusers']}</span> <span class="statstext">Members</span>
</div>
<br />

İkinci Adım Kullandığınız Temanın css kalıplarından global.css açalım ve Gelişmiş Düzenle Diyerek Devam Edelim

Kod:
.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}
Bu kodu arayıp bulduktan sonra aşağıda vereceğim kodları bu kodun altına ekleyeceksiniz.

Altına Ekle
Kod:
.stats {
-webkit-box-shadow: inset 20px 58px 20px 70px #538297;
-moz-box-shadow: inset 20px 58px 20px 70px #538297;
box-shadow: inset 20px 58px 20px 70px #538297;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left:50px;
color: #ffffff;
font-size: 17px;
padding: 3px 8px;

}
Yukarda Eklenen Kodun Altına Ekle
Kod:
.stats:hover {
color: #80d0cd;
-webkit-transition: color 200ms ease-in;
-moz-transition: color 200ms ease-in;
-o-transition: color 200ms ease-in;

}

Değişikler Bitmiştir.Bütün Bunlar Css3 Yapısı kullanırak yapılmıştır.

Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

İzinli ReDMaD
 Tarih: 29-04-2012, Saat:10:08
#2
Güzel
Cevapla
Bunu Beğenenler:

İzinli TheLegend
 Tarih: 15-08-2012, Saat:18:07
#3
Caps lütfen ???
Cevapla
Bunu Beğenenler:

Çevrimdışı Xray
 Tarih: 15-08-2012, Saat:18:10
#4
Evet bi ekran görüntüsü alabilirmiyiz
Cevapla
Bunu Beğenenler:

Çevrimdışı macyayinlari
 Tarih: 29-08-2012, Saat:13:24
#5
konuları hep özensiz açılmıs bu destek forumunun. Ne bi casp ne sorunlarda destek
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [MCTR - 1.6] MyBB Forum Sitenize Favicon Eklemek + Detaylı Anlatım 007combatant 8 8,464 21-11-2013, Saat:14:10
Son Yorum: KapTaNN
Onay Forum Takımı Sayfasına Avatar Eklemek - [Modifiye] SvMedeT 25 3,699 21-03-2013, Saat:01:10
Son Yorum: Smyrna35



Konuyu Okuyanlar: 1 Ziyaretçi