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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,411
Được Like
12,634
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​
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,411
Được Like
12,634
đúng rồi bạn
 

hoaivu

Private
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,411
Được Like
12,634
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

Private
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,411
Được Like
12,634
cái đó là file trên host á bạn, bạn vào host theo đường dẫn trên
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,411
Được Like
12,634
đúng rồi bạn
 

hoaivu

Private
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,411
Được Like
12,634
ôi trời, bạn vào host của bạn á, chứ đâu phải gõ địa chỉ như vậy đâu @@
 

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,648
Được Like
3,938
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.
 

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
pallet Thịnh Phát
Top Bottom