- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,689
Vnxf.vn - Trong style mặc định, chỉ thị trực tuyến được định vị phía trên avatar.
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.
Để đảm bảo nó đáp ứng hoạt động trong giao diện nhỏ:
Để có thể nhìn trong giao diện nhỏ:
Chỉnh sửa mẫu message_user_info.css hoặc thêm code sau vào EXTRA.css:
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:
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.
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ỏ:
Chỉnh sửa mẫu message_user_info.css hoặc thêm code sau vào EXTRA.css:
Ở góc dưới bên phải:
Mã:
.Responsive .messageUserBlock div.avatarHolder .onlineMarker[/LEFT]
{
top: 2px;
right: 2px;
width: 4px;
height: 4px;
}
Ở góc dưới bên phải:
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ỏ:
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
Bài viết liên quan
Được quan tâm
Bài viết mới