• Mua VIP Member ủng hộ Forum cũng như tắt quảng cáo trên diễn đàn bạn nhé.

Hướng dẫn Animated online indicator - Chỉ báo trực tuyến hoạt ảnh cho XenForo 2.2

  • Người tạo chủ đề GhostKiller
  • Ngày bắt đầu
  • Người dùng được gắn thẻ Không có

GhostKiller

Thất bại thì làm lại từ đầu!
Staff member
Admin
Ban quản trị
Bài viết
3,055
Điểm tương tác
56,206
Địa chỉ
GocMod Team
GMT
3,955
Sơn title
Thêm nhạc vào trang cá nhân
Animated online indicator - Chỉ báo trực tuyến hoạt ảnh cho XenForo 2.2

Một hoạt ảnh đơn giản cho chỉ báo thành viên trực tuyến

Trong template extra.less, hãy thêm cái này:
extra.less:
.message-avatar-online:after
{
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    margin: -7px 0 0 -26px;
    border: 1px solid #7fb900;
    border-radius: 50%;
    box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900;
    -webkit-transform: scale(0);
    -webkit-animation: online 2.5s ease-in-out infinite;
    animation: online 2.5s ease-in-out infinite;
}
@-webkit-keyframes online
{
      0% {opacity: 1;-webkit-transform: scale(0)}
     50% {opacity: .7}
    100% {opacity: 0;-webkit-transform: scale(1)}
}
@keyframes online
{
      0% {opacity: 1;transform: scale(0)}
     50% {opacity: .5}
    100% {opacity: 0;transform: scale(1)}
}
Kết quả:

You must be registered for see images

Chúc các bạn thành công.


Nguồn: xenforo.com
 
Back
Bên trên