Other Animated falling snow notification - Thông báo nền tuyết rơi động v1

[PVS]

Animated falling snow notification - Thông báo nền tuyết rơi động 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 "xmas4" (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 4 NOTIFICATION ENHANCEMENT */

.xmas4 .gritter-item {
    background: url("@imagePath/xenforo/gradients/xmas4.gif") no-repeat scroll center bottom transparent !important;
    width: 300px;
    height: 250px; }

.xmas4 .gritter-with-image {
    width: 200px;
    padding-right: 25px;
    padding-top: 50px;
    color: #d4e5fd; }

.xmas4 .gritter-without-image {
    width: 260px;
    padding-left: 20px;
    padding-top: 50px;
    color: #d4e5fd; }

.xmas4 .gritter-with-image .gritter-title {
   color: #ffeca8 !important;
   font-size: 14px !important; }

.xmas4 .gritter-without-image .gritter-title {
   color: #ffeca8 !important;
   font-size: 14px !important;
   text-align: center; }

.xmas4 .gritter-with-image  a, .tablet .gritter-without-image a {
   color: #921717 !important; }

.xmas4 .gritter-with-image  a:hover { opacity: 0.6; }

.xmas4 .gritter-image {
   padding-left: 18px;
   padding-top: 85px; }

.xmas4 .gritter-dismiss {
   padding-bottom: 15px;
   padding-right: 20px;
   font-size: 10px; }

.xmas4 .gritter-dismiss a { color: #ffeca8 !important; }

.xmas4 .gritter-dismiss a:hover { opacity: 0.6; }

.xmas4 .gritter-close  {
    background: url("@imagePath/xenforo/gradients/xmas4close.png") no-repeat scroll top left transparent;
    right: 150px !important;
    top: 35px !important; }

/* XMAS 4 NOTIFICATION ENHANCEMENT */

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

Nguồn: xenforo.com​