14-04-2018 Saat: 18:44
(Son Düzenleme: 14-04-2018 Saat: 20:08, Düzenleyen: #Raptor.
Sebep: konu düzenlendi
)
Merhaba Arkadaşlar Bügün sizlere Yaptığım Forum İstatikleri Göstercem.
Ve Başka Yerde Düzeltme Yapak
Başlangıç » Şablon Setleri » Genel Şablonlar » Düzenlenen Şablon: topStats_LastActiveThreads
Bul;
Not; WordLizm Temasında Sorunsuz Çalışmaktadır.
Tema İstiyenler İçin en Kısa Zamanda Paylaşcam.
Hatta Giderildi başarlı Bir Şekilde Çalışıyor.
Hatta Başka temalarda Çalışmamaydı.
✔ Hatta Yapıldı.
Eski Ekran Görüntüleri:
**********************************************************************
*********************************************************************
1.) İlk olarak aşağıda verilen eklentiyi kurun.
2.) Başlangıç » Şablon Setleri » Temanız » Düzenlenen Şablon: index
Demo ;
Kod:
wordlizm.com
*********************************************************************
1.) İlk olarak aşağıda verilen eklentiyi kurun.
2.) Başlangıç » Şablon Setleri » Temanız » Düzenlenen Şablon: index
Kod:
<div style="float:left;width: 74%;">
{$ps_header_index}
{$forums}
{$dvz_shoutbox}
{$tags}
</div>
<div style="float:right;width:25%;">
<div class="notification" style="background-color:#c84040;color:#fff;text-align:center;margi-bottom:20px;">
Yeniden Aktifiz...!<br>
WordLizm - FuckmyHackers
</div>
<div class="notification" style="background-color:#4CAF50;color:#fff;text-align:center;margi-bottom:20px;">
Easter 2018 Contest is live! Participate and earn great prizes!<br>
Use the code "BUNNY20" to save 20% on upgrades!
</div>
<br>
<div id="latestthreads">
<div class="forums-header">İstatikler<span id="updatemessage" class="right" style="display: none;"></span></div>
<div class="sidebar-tab-wrap">
<ul class="tab-menu">
<div class="left col-25"><div class="sidebar-tab active bright tooltip2" title="Yeni Konular"><li class="current"><a href="#tab1"><center><i class="fa fa-globe" aria-hidden="true"></i></a></center></li></div></div>
<div class="left col-25"><div class="sidebar-tab active bright tooltip2" title="Son Konular"><li class="current"><a href="#tab2"><center><i class="fa fa-comments" aria-hidden="true"></i></a></center></li></div></div>
<div class="left col-25"><div class="sidebar-tab active bright tooltip2" title="En Cok İzlenen"><li class="current"><a href="#tab3"><center><i class="fa fa-star" aria-hidden="true"></i></a></center></li></div></div>
<div class="left col-25"><div class="sidebar-tab active bright tooltip2" title="En Cok Yorum Yapan"><li class="current"><a href="#tab4"><center><i class="fa fa-users" aria-hidden="true"></i></a></center></li></div></div>
</ul>
</div>
<div id="tab1" class="tab-content">
{$topStats['LastActiveThreads']}
</div>
<div id="tab2" class="tab-content">
{$topStats['LastThreads']}
</div>
<div id="tab3" class="tab-content">
{$topStats['MostViews']}
</div>
<div id="tab4" class="tab-content">
{$topStats['Posters']}
</div>
<div id="tab5" class="tab-content">
{$topStats['NewestUsers']}
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".tab-menu a").click(function(event) {
event.preventDefault();
$(this).parent().addClass("current");
$(this).parent().siblings().removeClass("current");
var tab = $(this).attr("href");
$(".tab-content").not(tab).css("display", "none");
$(tab).fadeIn();
});
});
</script>
{$sidebar}
</div>
Yaptığımıza Gore burda işimiz bitmiştir
Başlangıç » Temalar & Stiller » Kulandığın Tema
Yeni css oluştur: wordlizm.css şunu yapıştır.
Kod:
/* Wordlizm
*/
.tab-menu {
display:block;
margin:0;
padding:0;
text-align:left
}
.tab-menu li {
list-style:none;
margin: 0px 0px 1px 0px;
}
.tab-menu li a {
display:block;
color:#666;
font-size:14px;
font-family: Arial;
text-decoration:none;
border:1px solid #303030
}
.tab-content {
display:none
}
#tab1 {
display:block
}
.tab-container {
border:1px solid #ddd;
padding:30px;
font-family: Arial;
font-size:14px;
color:#666
}
.current a {
background:#303030 !important;
color:#fff !important
}
sidebar-tab-wrap {
margin: 0 -1px;
}
* {
margin: 0;
padding: 0;
}
.sidebar-tab-wrap {
margin: 0px 0px;
}
.left {
float: left;
min-height: 1px;
}
.made i{color:#c13a3a}input.textbox,select{color:#A1A1A1;outline:0;font-size:13px;font-family:Roboto,sans-serif}select{
background:#202020;border-color:#303030!important;border-width:1px;border-style:solid;padding:6px 10px}
.thead input.textbox,.thead select{border:1px solid #263c30}input.textbox{background:#292929;border:1px solid #414141;
padding:5px}input.textbox:focus{border:1px solid #c84040}.staff-shadow{color:#28BE32;text-shadow:0pt 0pt 0.5em rgb(40,190,50)}
.admin-shadow{color:#e0ce39;text-shadow:0pt 0pt 0.5em rgb(224,206,57)}.verified_badge{position:absolute;width:18px;
height:18px;text-align:center;top:-3px;left:5px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;cursor:pointer;line-height:18px;font-size:10px;color:#fff;z-index:5}
.verified_badge:after,.verified_badge:before{content:'';position:absolute;height:0;width:0;border-style:solid}
.verified_badge:after{border-width:0 9px 12px;border-color:transparent #3981CB;bottom:-12px;left:0;z-index:3}
.verified_badge:before{border-width:0 10px 14px;border-color:transparent rgba(0,0,0,.1);bottom:-15px;left:-1px;z-index:0}
.verified_staff{background:#348423}.verified_staff.verified_badge:after{border-color:transparent #348423}
.verified_admin{background:#CF2D2D}.verified_admin.verified_badge:after{border-color:transparent #CF2D2D}
.forums-header {
padding: 10px;
color: #fff;
font-weight: 700;
background: #2978AD;
}
.forum-head, .modal-head, .selected, .head-mobile, .tabs-button, .header, .active, .pages-link:hover, button:hover, input.button:hover, .button:hover, .forms .toggle i:before, .color-box, .tab:hover, .bottom-menu, .showthread-container, .index-button:hover, .threadlist-button-m, .thread-unread:hover, .prefooter, .postbit-button:hover, .sceditor-button:hover, .sceditor-button:active, .sceditor-button.active, .upgrade-button:hover, .loading, .notifications-count-m, .backtotop, .messages-start:hover, .ucpnavm-head, ul.pages li a:hover, ul.pages li a:hover:not(.active), .marketplace-balance-button:hover, .staffpage-button:hover, .credits-rewards-col1 .rewards-icon, .mobile-header, .forums-header, .premium-button, .premium-icon i, .forms .radio input+i:after {
background-color: !important;
}
.forums-header {
padding: 10px;
color: #fff;
font-weight: 700;
}
.active, .backtotop, .button:hover, .changelog-info-box, .color-box, .color-box-default, .credits-rewards-col1 .rewards-icon, .dropup-button:hover, .editor-button:hover, .forum-head, .forum_on, .forumdisplay-spacer input.button:hover, .forums-header, .head-mobile, .header-expand-content .box:hover, .index-button:hover, .marketplace-balance-button:hover, .messages-conv-msg-boxleft, .messages-start:hover, .mobile-header, .modal-head, .modal-staff, .mycode-title, .notifications-action-button:hover, .notifications-count-m, .notifications-counter, .otp-button:hover, .pagination .pagination_current, .pagination a:hover, .pollbar, .postbit-button:hover, .premium-button, .rps-box, .showthread-container, .staffpage-button:hover, .sweet-alert button, .tab:hover, .tabs .filter.active, .tabs .filter.active:hover, .tabs-button, .tabs-menu li.current, .thread-unread:hover, .threadlist-button-m, .ucpnavm-head, .upgrade-button:hover, .usercp-head, .usercp-ow-option .option:hover, button:hover, input.button:hover, ul.pages li a.active, ul.pages li a:hover, ul.pages li a:hover:not(.active) {
background: #2978AD;
}
@media (max-width: 1151px)
.forum-head, .forums-header {
font-size: 13px;
margin: 0;
}
.forums-header {
margin: -1px -1px 1px;
border-radius: 2px 2px 0 0
}
.forum-head,
.forums-header {
font-size: 13px;
margin: 0
}
.forum-head,
.modal-head,
.selected,
.head-mobile,
.tabs-button,
.header,
.active,
.pages-link:hover,
button:hover,
input.button:hover,
.button:hover,
.forms .toggle i:before,
.color-box,
.tab:hover,
.bottom-menu,
.showthread-container,
.index-button:hover,
.threadlist-button-m,
.thread-unread:hover,
.prefooter,
.postbit-button:hover,
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active,
.upgrade-button:hover,
.loading,
.notifications-count-m,
.backtotop,
.messages-start:hover,
.ucpnavm-head,
ul.pages li a:hover,
ul.pages li a:hover:not(.active),
.marketplace-balance-button:hover,
.staffpage-button:hover,
.credits-rewards-col1 .rewards-icon,
.mobile-header,
.forums-header,
.premium-button,
.premium-icon i,
.forms .radio input+i:after {
background-color: !important;
}
.forums-header a:hover,
.forums-header a:link,
.forums-header a:visited {
color: #fff
}
.forums-row {
background: #282828
}
.forums-row:last-child {
border-bottom: none;
border-radius: 0 0 2px 2px
}
.forums-row .status {
width: 20px;
padding: 10px
}
.forums-row .status .icon {
color: #2978AD;
font-size: 30px
}
.forums-row .lastpost {
width: 200px;
position: relative;
overflow: hidden;
padding: 10px
}
.forums-row .lastpost img {
height: 140px;
width: 140px;
position: absolute;
top: -40px;
right: -40px;
border-radius: 100%;
opacity: .15
}
.forums-col1 {
padding: 10px
}
.forums-row .stats {
width: 120px;
padding: 10px
}
.forums-header {
padding: 10px;
color: #fff;
font-weight: 700
}
.col-20 {
width: 20%
}
.col-21 {
width: 21%
}
.col-23 {
width: 23%
}
.col-25 {
width: 25%
}
.col-24 {
width: 24%
}
.col-33 {
width: 33.333333333%
}
.col-50 {
width: 50%
}
.col-60 {
width: 60%
}
.col-74 {
width: 74%
}
.col-75 {
width: 75%
}
.col-76 {
width: 76%
}
.col-79 {
width: 79%
}
.col-90 {
width: 90%
}
.col-150 {
width: 150px
}
.col-180 {
width: 180px
}
.col-250 {
width: 250px
}
.col-600 {
width: 600px
}
Ve Başka Yerde Düzeltme Yapak
Başlangıç » Şablon Setleri » Genel Şablonlar » Düzenlenen Şablon: topStats_LastActiveThreads
Bul;
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr><td class="thead" colspan="1"><strong>{$lang->topStats_LastActiveThreads}</strong></td></tr>
{$tpl['row']}
</table><br />
Değiştir;
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
</tr>{$tpl['row']}</table><br />
Başlangıç » Şablon Setleri » Genel Şablonlar » Düzenlenen Şablon: topStats_LastThreads
Bul;
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr><td class="thead" colspan="1"><strong>{$lang->topStats_LastThreads}</strong></td></tr>
{$tpl['row']}
</table><br />
Değiştir;
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
</tr>{$tpl['row']}</table><br />
Başlangıç » Şablon Setleri » Genel Şablonlar » Düzenlenen Şablon: topStats_MostViews
Bul;
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr><td class="thead" colspan="1"><strong>{$lang->topStats_MostViews}</strong></td>
</tr>{$tpl['row']}</table><br />
Değiştir;
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
</tr>{$tpl['row']}</table><br />
Başlangıç » Şablon Setleri » Genel Şablonlar » Düzenlenen Şablon: topStats_MostViewsRow
Bul;
Kod:
<tr><td class="trow1">
{$tpl['avatar']}
<a href="{$tpl['subjectlink']}">{$tpl['subject']}</a>
<span style="float: right;widthmargin-right: 5px;">{$tpl['views']}</span><br />
{$tpl['profilelink']}<span style="float: right;widthmargin-right: 5px;">{$tpl['date']}</span>
</td></tr>
Değiştir;
Kod:
<tr><td class="trow1">
{$tpl['avatar']}
<a href="{$tpl['subjectlink']}"> {$tpl['subject']}</a>
<span style="float: right;widthmargin-right: 5px;"><div class="sidebar-replies-arrow" title="1 Replies"><center>{$tpl['views']}</center></div></span><br />
{$tpl['profilelink']}<span style="float: right;widthmargin-right: 5px;">{$tpl['date']}</span>
</td></tr>
Başlangıç » Şablon Setleri » Genel Şablonlar » Düzenlenen Şablon: topStats_Posters
Bul:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr><td class="thead" colspan="1"><strong>{$lang->topStats_topPosters}</strong></td></tr>
{$tpl['row']}</table><br />
Değiştir;
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
</tr>{$tpl['row']}</table><br />
Başlangıç » Şablon Setleri » Genel Şablonlar » Düzenlenen Şablon: topStats_PostersRow
Bul;
Kod:
<tr><td class="trow1">
{$tpl['avatar']}
<span style="margin-top: 7px;float: left;">{$tpl['profilelink']}</span>
<span style="float: right;margin-right: 5px;margin-top: 7px;">{$tpl['postnum']}</span>
</td></tr>
Değiştir;
Kod:
<tr><td class="trow1">
{$tpl['avatar']}
<span style="margin-top: 7px;float: left;">{$tpl['profilelink']}</span>
<span style="float: right;margin-right: 5px;margin-top: 7px;"><div class="sidebar-replies-arrow" title="1 Replies"><center>{$tpl['postnum']}</center></div></span>
</td></tr>
Başlangıç » Temalar & Stiller » Kullandığınız tema » Düzenleniyor global.css
.tborder eğer varsa
bul;
border:2px
değiştir;
border:0px
Gerekliler:
İndirme Linki;
Kod:
https://uzun.link/SAWG1
Rar Şifresi:
Sonucuya atmanız yeterlidir.
Kod:
wordlizm.com