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,830
Được Like
12,701
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,830
Được Like
12,701
đú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,830
Được Like
12,701
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,830
Được Like
12,701
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,830
Được Like
12,701
đú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,830
Được Like
12,701
ô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,650
Được Like
3,932
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

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