Other Xmas red Notification - Thông báo nền giáng sinh đỏ v1

[PVS]

Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn

Xmas red Notification - Thông báo nền giáng sinh đỏ v1

Tóm tắt: Bạn cần phải có add-on Xen Notices.

​

Cài đặt: Tải lên hình ảnh trong file zip và đặt trong thư mục /gradients của bạn. Sau đó bạn sẽ phải tạo thông báo của bạn và sử dụng custom field và chèn "xmas2" (không có dấu ngoặc kép), và sau đó dán đoạn mã sau vào template Extra.css của bạn và thực hiện.

/* XMAS 2 NOTIFICATION ENHANCEMENT */
.xmas2 .gritter-item{
    background: url("@imagePath/xenforo/gradients/xmas2.png") no-repeat scroll center bottom transparent !important;
    width: 300px;
    height: 250px; }
.xmas2 .gritter-with-image {
    width: 200px;
    padding-right: 25px;
    padding-top: 50px;
    color: #ffeaea; }
.xmas2 .gritter-without-image {
    width: 260px;
    padding-left: 20px;
    padding-top: 50px;
    color: #ffeaea; }
.xmas2 .gritter-with-image .gritter-title {
  color: #ffeca8 !important;
  font-size: 14px !important; }
.xmas2 .gritter-without-image .gritter-title {
  color: #ffeca8 !important;
  font-size: 14px !important;
  text-align: center; }
.xmas2 .gritter-with-image  a, .tablet .gritter-without-image a {
  color: #921717 !important; }
.xmas2 .gritter-with-image  a:hover { opacity: 0.6; }
.xmas2 .gritter-image {
  padding-left: 18px;
  padding-top: 85px; }
.xmas2 .gritter-dismiss {
  padding-bottom: 25px;
  padding-right: 25px;
  font-size: 10px; }
.xmas2 .gritter-dismiss a { color: #ffeca8 !important; }
.xmas2 .gritter-dismiss a:hover { opacity: 0.6; }
.xmas2 .gritter-close  {
    background: url("@imagePath/xenforo/gradients/xmas2close.png") no-repeat scroll top left transparent;
    right: 150px !important;
    top: 35px !important; }
/* XMAS 2 NOTIFICATION ENHANCEMENT */

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

Nguồn: xenforo.com​