Thay đổi Avatar sang dạng tròn

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,794
Được Like
11,088
Thay đổi Avatar sang dạng tròn

Bài viết này sẽ hướng dẫn các bạn thay đổi avatar sang dạng tròn

Các bạn chỉ cần vào EXTRA.css và thêm đoạn code dưới đây:
Mã:
.messageUserBlock div.avatarHolder .onlineMarker
{
  display: inline-block;
  width: 16px;
  height: 16px;
/*  margin: 9px 0 0 9px; <- if you'd like it on top left */
  margin: 79px 0 0 79px;
  background: #fff;
  border: none!important;
  border-radius: 50%!important
}
.messageUserBlock div.avatarHolder .onlineMarker:before
{
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  margin: 3px 0 0 -5px;
  background: #7fb900;
  border-color: #7fb900;
  border-radius: 50%
}
.messageUserBlock div.avatarHolder .onlineMarker:after
{
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  margin: -9px 0 0 -17px;
  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)}
}

.avatar img,
.avatar .img,
.avatarCropper {
border-radius: 50px !important;
}

demo.png

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


Nguồn: skinxf.net​
 

hoaivu

Thượng Đế
Tham gia
28/10/2015
Bài viết
8
Được Like
4
Thêm vào EXTRA.CSS hả bạn?
 
  • Like
Reactions: THB

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,794
Được Like
11,088
đúng rồi bạn
 

hoaivu

Thượng Đế
Tham gia
28/10/2015
Bài viết
8
Được Like
4
Bạn cho mình hỏi chút được không?
- Title của thành viên giới hạn 100 ký tự, vậy có thể tăng không giới hạn được không?
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,794
Được Like
11,088
Bạn mở file /library/XenForo/DataWriter/Discussion.php
Tìm dòng (Dòng 174):
Mã:
'title' => array('type' => self::TYPE_STRING, 'required' => true, 'maxLength' => 100,
Sửa 'maxLength' => 100 thành số ký tự bạn muốn giới hạn!
 

hoaivu

Thượng Đế
Tham gia
28/10/2015
Bài viết
8
Được Like
4
- Mình gà mở :( Mình vào qua ACP, bạn chỉ rõ hơn được không :(
Ví dụ : ACP → ????
 
  • Like
Reactions: THB

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,794
Được Like
11,088
cái đó là file trên host á bạn, bạn vào host theo đường dẫn trên
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,794
Được Like
11,088
đúng rồi bạn
 

hoaivu

Thượng Đế
Tham gia
28/10/2015
Bài viết
8
Được Like
4
đúng rồi bạn
- Mình đánh địa chỉ forum/rồi dòng đó nó báo :

Forbidden
You don't have permission to access /library/XenForo/DataWriter/Discussion.php on this server.
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,794
Được Like
11,088
ôi trời, bạn vào host của bạn á, chứ đâu phải gõ địa chỉ như vậy đâu @@
 

THB

Admin - Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,656
Được Like
3,942
ko sao. ai cũng có lần đầu tiên mà. cứ tự tin hỏi đến khi nào hiểu thôi. cố lên.
 

loinguyenps

Thượng Đế
Tham gia
07/04/2022
Bài viết
5
Được Like
0
Xenforo 2 sao làm không được nhỉ ??? Ai help với
 

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

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom