Hover effect on threads, widgets & posts

[teet]

Phiên bản XF hỗ trợ

2.1+

Chỉ cần thêm đoạn code sau vào template extra.less:

/*Forum, Sub-Forum & What's new*/
.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);
}
/*Widgets*/
.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);
}

 

Gradient màu cho nhóm thành viên

Widget Quà tặng noel  Widget

[teet]

update the classes to my liking and XF2.
XF2.1+: works without any changes

// Forum, Sub-Forum and What's new
.block-body .node--forum, .structItemContainer .structItem--thread, .structItemContainer-group .structItem--thread, .block-container .message-inner {
    transition: all 0.4s ease-in;
    &:hover{
        transform: scale(1.015);
    }
}

// Widgets
.block-body .block-row  {
    transition: all 0.4s ease-in;
    &:hover{
        transform: scale(1.05);
    }
}
// Category nodes
.block-container .block-header  {
    transition: all 0.4s ease-in;
    &:hover{
        transform: scale(1.02, 1.05);
    }
}