Đặt lại vị trí chỉ thị trực tuyến

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
Vnxf.vn - Trong style mặc định, chỉ thị trực tuyến được định vị phía trên avatar.

before.png

Với một vài dòng CSS hay một mẫu chỉnh sửa đơn giản, bạn có thể di chuyển nó đến bất cứ nơi nào bạn muốn.

top-right.png

Chỉnh sửa mẫu message_user_info.css hoặc thêm code sau vào EXTRA.css:​
Mã:
.messageUserBlock div.avatarHolder .onlineMarker
{
    top: 2px;
    right: 2px;
}

Để đảm bảo nó đáp ứng hoạt động trong giao diện nhỏ:

top-right-responsive.png

Chỉnh sửa mẫu message_user_info.css hoặc thêm code sau vào EXTRA.css:
Mã:
.Responsive .messageUserBlock div.avatarHolder .onlineMarker[/LEFT]
{
    top: 2px;
    right: 2px;
    width: 4px;
    height: 4px;
}

Ở góc dưới bên phải:
bottom-right.png

Chỉnh sửa mẫu message_user_info.css hoặc thêm code sau vào EXTRA.css:​
Mã:
.messageUserBlock div.avatarHolder .onlineMarker
{
    top: 112px;
    right: 2px;
}

Để có thể nhìn trong giao diện nhỏ:

bottom-right-responsive.png

Chỉnh sửa mẫu message_user_info.css hoặc thêm code sau vào EXTRA.css:​
Mã:
.Responsive .messageUserBlock div.avatarHolder .onlineMarker
{
    top: 58px;
    right: 2px;
    width: 4px;
    height: 4px;
}

Nếu bạn muốn di chuyển nó bên ngoài khung avatar thì yêu cầu chỉnh sửa mẫu message_user_info và di chuyển dòng này theo yêu cầu:
Mã:
<xen:if is="{$message.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-10" data-offsetY="-8"></span></xen:if>


Nguồn: xenforo.com​
 

kimchihanquoc

Private
Tham gia
04/03/2015
Bài viết
17
Được Like
13
cái này như mặc định thấy ok rồi. góc trên bên trái, chỉnh chi cho mệt. hiiio_O
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
À à...
Cái chấm chớp chớp đây rồi :D
Chờ xếp chỉ cho nó chớp chớp nữa là đỉnh luôn!
 
  • Like
Reactions: THB

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Mã:
.messageUserBlock div.avatarHolder .onlineMarker [LEFT]{ top: 112px; right: 2px; }

.Responsive .messageUserBlock div.avatarHolder .onlineMarker [LEFT]{ top: 58px; right: 2px; width: 4px; height: 4px; }

.messageUserBlock div.avatarHolder .onlineMarker:after
{
-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)}
}

Mình tạo chèn thêm như thế này thì cái CHẤM MÀU XANH nó có chớp chớp được không xếp?
 
  • Like
Reactions: THB

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
cái đó hình như dùng addon riêng
 

tuannt

MasterCorporal
Tham gia
07/04/2015
Bài viết
251
Được Like
140
@PVS bác có add đó không share giúp mình cái :rolleyes:
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
mình cũng không nhớ tên addon đó nữa @@
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
hình như là addon này ^^
 

Đính kèm

  • addon-AvatarFlags-1.0.1.1394802696.zip
    130.3 KB · Lượt xem: 1

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
chắc là do chưa update đầy đủ thông tin, đặc biệt là fiels Locate
 

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

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