Help Xin cách thay đổi trỏ chuột trong Xenforo

Tham gia
14/01/2016
Bài viết
155
Được Like
54
Chả là m có làm 1 4rum game cá nhân. nhưng con chuột nó màu trắng thì nhìn nó thô kệch so với 4rum quá, như bên vbb thấy có nhiều web thay trỏ chuột đẹp lắm.

Nếu có hiệu ứng click chuột vào mà dạng nó phóng to - mờ dần - tan biến cực nhanh - dạng như flash ấy (Kiểu như click vào link thì link đó phóng to lên và biến mất í) :D
Bạn nó có cách thay chuột or hiệu ứng gì đó đẹp cho mình xin với. cám ơn nhiều.

Mình có thêm đoạn mã này lấy từ trên 4rum vnxf đưa và Extra.css của m để lấy cái vòng tròn on/off đó, ngặt cái nó bị chìm qua góc phải.
Nhờ các bạn chỉ dùm mình sửa cho nó xịch vào tí dùm mình với :D
HÌNH:
PuqFLVt.png



Mã:
/* PULSING INDICATOR */
.messageUserBlock div.avatarHolder .onlineMarker {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    border-radius: 50% !important;
    display: inline-block;
    height: 16px;
    margin: 81px 0 0 107px;
    width: 16px;
}

.messageUserBlock div.avatarHolder .onlineMarker:before
{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    background: #7fb900;
    border-color: #7fb900;
    border-radius: 50%
}

.messageUserBlock div.avatarHolder .onlineMarker:after
{
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    margin: -9px 0 0 -9px;
    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: .7}
    100% {opacity: 0;transform: scale(1)}
}
 
Sửa lần cuối:
  • Like
Reactions: THB
Tham gia
14/01/2016
Bài viết
155
Được Like
54
a cái chấm on off m sửa đc rồi.
chỉnh lại trong này là đc :D

/* PULSING INDICATOR */
.messageUserBlock div.avatarHolder .onlineMarker {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border: medium none !important;
border-radius: 50% !important;
display: inline-block;
height: 16px;
margin: 81px 0 0 87px;
width: 16px;
}
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom