ویژه حالت ژله ای برای تالارها ، موضوعات ، ارسالات و ابزارک‌ها

[XF Father]

این حالت ژله ای این جوریه که با قرار دادن نشانگر موس رو تالارها یا موضوعات ، حالت برجسته شدن و بزرگ شدن (مشابه zoom) پیدا میکند و جلوه قشنگی به انجمن میده.
ابتدا وارد صفحه ی مدیر کل شوید و حالا مسیر زیر را طی کنید :

1. شکل و ظاهر
2. استایل ها و الگوها
3. الگوها

[HIDESHOWTOGROUPS=4,3,6,5,7]
سپس دنبال الگوی extra.less بگردید.

و کد زیر را درون آن قرار دهید.

/*Adding New effect to forums and topics and posts and blocks */
@media (min-width: 900px) {
.block-body .node--forum, .structItemContainer .structItem--thread, .structItemContainer-group .structItem--thread, .block-container .message-inner {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .node--forum:hover, .structItemContainer .structItem--thread:hover, .structItemContainer-group .structItem--thread:hover, .block-container .message-inner:hover {
-moz-transform: scale(1.015);
-webkit-transform: scale(1.015);
-o-transform: scale(1.015);
-ms-transform: scale(1.015);
transform: scale(1.015);
}
/*Widget*/
.block-body .block-row  {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .block-row:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
/*Adding New effect to forums and topics and posts and blocks */

در خط دوم مقدار 900 رو میتونید به دلخواه تغییر بدین
در حالت فعلی برای اسکرین هایی که عرض 900 به بالا دارند این وضعیت فعاله. چون در صورت فعال بودن برای گوشی اذیت کننده خواهد بود.

[/HIDESHOWTOGROUPS]

نمونه :