Other Tablet Notification - Thông báo dạng máy tính bảng v1

[PVS]

Tablet Notification - Thông báo dạng máy tính bảng v1

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

​

Cài đặt: Tải các hình ảnh trong kho lưu trữ và đặt chúng 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 các lĩnh vực tùy chỉnh và chèn "tablet". Sau đó dán đoạn mã sau vào template Extra.css của bạn là xong.

/*TABLET NOTIFICATION ENHANCEMENT*/


.tablet .gritter-item{
    background: url("@imagePath/xenforo/gradients/tablet.png") no-repeat scroll center bottom transparent !important;
    width: 250px;
    height: 300px;
}
.tablet .gritter-with-image {
    width: 190px;
    padding-right: 25px;
    padding-top: 10px;
    color: #6a6a6a;
}
.tablet .gritter-without-image {
    width: 190px;
    padding-left: 30px;
    padding-top: 50px;
    color: #6a6a6a;
}

.tablet .gritter-title {
   color: #3f3f3f !important;
   font-size: 11px !important;
}

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

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


.tablet .gritter-image {
   padding-left: 90px;
   padding-top: 40px;
}

.tablet .gritter-dismiss {
   padding-bottom: 50px;
   padding-right: 75px;
   font-size: 10px;
}

.tablet .gritter-dismiss a {
   color: #a33131 !important;
}

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

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

/*TABLET NOTIFICATION ENHANCEMENT*/

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

Nguồn: xenforo.com​