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

PVS

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

xmas4.gif

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.
Mã:
/* 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​
 

Đính kèm

  • Animated Xmas notification (BBSmiley.com).zip
    28.8 KB · Lượt xem: 2

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