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

[PVS]

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:

.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;
}

​

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

Nguồn: skinxf.net​

 

[hoaivu]

Thêm vào EXTRA.CSS hả bạn?

 

[PVS]

đúng rồi bạn

 

[hoaivu]

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]

Bạn mở file /library/XenForo/DataWriter/Discussion.php
Tìm dòng (Dòng 174):

'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]

- Mình gà mở Mình vào qua ACP, bạn chỉ rõ hơn được không
Ví dụ : ACP → ????

 

[PVS]

cái đó là file trên host á bạn, bạn vào host theo đường dẫn trên

 

[hoaivu]

cái đó là file trên host á bạn, bạn vào host theo đường dẫn trên

- Tức là domain/library/XenForo/DataWriter/Discussion.php hả bạn?

 

[PVS]

đúng rồi bạn

 

[hoaivu]

đú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]

ôi trời, bạn vào host của bạn á, chứ đâu phải gõ địa chỉ như vậy đâu @@

 

[hoaivu]

ôi trời, bạn vào host của bạn á, chứ đâu phải gõ địa chỉ như vậy đâu @@

- Tại đó giờ lần đầu dùng xenforo nên như vậy

 

[THB]

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.

 

[hoaivu]

- Ai giúp mình với

 

[loinguyenps]

Xenforo 2 sao làm không được nhỉ ??? Ai help với

 

[ngovancanbn]

Xenforo 2 sao làm không được nhỉ ??? Ai help với

xen 2 cài theme cho lẹ

 

[loinguyenps]

xen 2 cài theme cho lẹ

Theme gì bác nhỉ e xjn với

 

[NOKIAPRO]

Theme gì bác nhỉ e xjn với

Theme của bọn dohtheme có hết ko biết theme khác có ko

 

[loinguyenps]

Theme của bọn dohtheme có hết ko biết theme khác có ko

Sài theme của diendanit mà k biết chỉnh sao

 

[NOKIAPRO]

Sài theme của diendanit mà k biết chỉnh sao

bác vào acp - giao diện và mẫu - dohtheme basic option - avatar shape - chọn circle