ماژول بسیار ساده و قدرتمند برای کسانی که تمایل دارند به طور خودکار موضوعات سایت را نمایش دهند.
- استفاده از کش برای کاهش بار سرور.
- نمایش مجموع کل مطالب هر موضوع.
- نمایش تعداد مطالب جدید اضافه شده در هر موضوع.
دانلود
آموزش نصب
1- بعد از دانلود فایل ، پوشه Upload را باز کرده و فایل های مورد نظر را در مسیر خود کپی نمایید.
2- کد زیر را در جای مناسبی از قالب خود قرار دهید:
یا این کد را وارد نمایید:
-new_days=1: این مورد برای تعداد روزهایی است که لیست موضوعات را دریافت می کند، پیش فرض عدد 1 است و در این روز این موضوعات ساخته می شود.
-cache_time=43200: این مورد برای این است که کش چندبار لیست موضوعات را بروز می کند وشماره را ثبت می کند، عدد 43200 برای بروز کردن هر 12 ساعت تنظیم شده است و شما می توانید این عدد را تغییر دهید.
3- فایل مربوط به استایل خود در قالب را باز نمایید و خط های زیر را اضافه نمایید:
2- کد زیر را در جای مناسبی از قالب خود قرار دهید:
<div class="catmenus">{include file="/engine/modules/cat_starter.php?new_days=1"}</div>
یا این کد را وارد نمایید:
<div class="catmenus">{include file="/engine/modules/cat_starter.php?new_days=1&cache_time=43200"}</div>
-new_days=1: این مورد برای تعداد روزهایی است که لیست موضوعات را دریافت می کند، پیش فرض عدد 1 است و در این روز این موضوعات ساخته می شود.
-cache_time=43200: این مورد برای این است که کش چندبار لیست موضوعات را بروز می کند وشماره را ثبت می کند، عدد 43200 برای بروز کردن هر 12 ساعت تنظیم شده است و شما می توانید این عدد را تغییر دهید.
3- فایل مربوط به استایل خود در قالب را باز نمایید و خط های زیر را اضافه نمایید:
.catmenus {margin:-4px 0 0 0;padding:0; width:100%;display:block;position:relative;}
.catmenus a {font-size:11px !important;font-family: Tahoma !important;font-weight:normal;font-style:normal !important;
background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255,255,255,1) 20%), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
background-image: linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 0 0 1px rgba(0, 0, 0, .1),0 2px 0 0 rgba(0, 0, 0, .06);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 0 0 1px rgba(0, 0, 0, .1),0 2px 0 0 rgba(0, 0, 0, .06);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 0 0 1px rgba(0, 0, 0, .1),0 2px 0 0 rgba(0, 0, 0, .06);
background-color: #E3E6E8;
color:#3c83b0;
text-shadow: 1px 1px 0px #ffffff;
margin:3px 0;
text-decoration:none;
display:block;
cursor:pointer;
position:relative;
}
.catmenus a:hover{background:#fff;color:#f30871;text-shadow:0 1px 0 #ffffff,0 -1px 3px #bebebe;}
.catmenus a span.ficon{background:url(../images/cat.png) no-repeat right 5px;padding:4px 15px 4px 25px;display:block}
.catmenus a span.total {
color: #fff;
display: block;
position: absolute;
top: 5px;
left:5px;
text-align:center;
padding:0 8px;
font:normal 13px Helvetica, Arial, sans-serif !important;
font-style:normal !important;
background: #3c83b0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
text-shadow:none !important;
}
.catmenus a:hover span.total {background: #f30871;}
.catmenus a {font-size:11px !important;font-family: Tahoma !important;font-weight:normal;font-style:normal !important;
background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255,255,255,1) 20%), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
background-image: linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0));
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 0 0 1px rgba(0, 0, 0, .1),0 2px 0 0 rgba(0, 0, 0, .06);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 0 0 1px rgba(0, 0, 0, .1),0 2px 0 0 rgba(0, 0, 0, .06);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 0 0 1px rgba(0, 0, 0, .1),0 2px 0 0 rgba(0, 0, 0, .06);
background-color: #E3E6E8;
color:#3c83b0;
text-shadow: 1px 1px 0px #ffffff;
margin:3px 0;
text-decoration:none;
display:block;
cursor:pointer;
position:relative;
}
.catmenus a:hover{background:#fff;color:#f30871;text-shadow:0 1px 0 #ffffff,0 -1px 3px #bebebe;}
.catmenus a span.ficon{background:url(../images/cat.png) no-repeat right 5px;padding:4px 15px 4px 25px;display:block}
.catmenus a span.total {
color: #fff;
display: block;
position: absolute;
top: 5px;
left:5px;
text-align:center;
padding:0 8px;
font:normal 13px Helvetica, Arial, sans-serif !important;
font-style:normal !important;
background: #3c83b0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
text-shadow:none !important;
}
.catmenus a:hover span.total {background: #f30871;}
لازم به ذکر است این ماژول از کش استفاده می کند و شما برای مشاهده تغییرات کش سیستم راپاک نمایید.
تصاویر