- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,687
Hover Effect for actionBar - Hiệu ứng Hover cho actionBar XenForo 2
Hướng dẫn này sẽ thêm hiệu ứng hover cho actionBar trên XenForo 2.
Đơn giản chỉ cần thêm đoạn code sau vào Extra.less:
Lưu lại là xong.
Chúc các bạn thành công.
Hướng dẫn này sẽ thêm hiệu ứng hover cho actionBar trên XenForo 2.
Đơn giản chỉ cần thêm đoạn code sau vào Extra.less:
Mã:
//Action Bar
.message-actionBar {
.actionBar-action {
font-size: 0;
transition: .5s;
&:hover {
font-size: 100%;
text-decoration:none;
color: @xf-paletteColor3;
}
&:before {
font-size: 15px;
margin-left: 2px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 5px;
}
&--inlineMod {
font-size: 100%;
}
&--menuTrigger {
font-size: 100%;
}
&--report:before {
content: "\f071";
}
&--edit:before {
content: "\f040";
}
&--delete:before {
content: "\f00d";
}
&--ip:before {
content: "\f002";
}
&--like:before {
content: "\f087";
}
&--warn:before {
content: "\f12a";
}
&--history:before {
content: "\f1da";
}
&--reaction i {
display: none;
}
&--reaction:before {
content: "\f164";
}
&--spam:before {
content: "\f024";
}
@media(max-width:910px) {
&:hover {
font-size: 0;
text-decoration:none;
color: @xf-paletteColor3;
}
}
}
}
Lưu lại là xong.
Nguồn: xenforo.com
Bài viết liên quan
Được quan tâm
Bài viết mới