+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Diğer Eklentiler (https://mybbdepo.com/diger-eklentiler-forumu)
+---- Konu Başlığı: Forum İstatisklerinize Estetik Görünüm Katın (/forum-istatisklerinize-estetik-gorunum-katin-konusu.html)
Forum İstatisklerinize Estetik Görünüm Katın - EmreKarakaya - 29-03-2012
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
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;
}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;
}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.
Cvp: Forum İstatisklerinize Estetik Görünüm Katın - ReDMaD - 29-04-2012
Güzel
Forum İstatisklerinize Estetik Görünüm Katın - TheLegend - 15-08-2012
Caps lütfen ???
Forum İstatisklerinize Estetik Görünüm Katın - Xray - 15-08-2012
Evet bi ekran görüntüsü alabilirmiyiz
Forum İstatisklerinize Estetik Görünüm Katın - macyayinlari - 29-08-2012
konuları hep özensiz açılmıs bu destek forumunun. Ne bi casp ne sorunlarda destek