Other Tech Green Notification - Thông báo nền Tech Green v1

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,149
Được Like
12,745
Tech Green Notification - Thông báo nền Tech Green v1

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

bbtech_notification1.png


bbtech_notification3.png

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 "bbsmileytech" (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ã:
/* BBSMILEY TECH GREEN NOTIFICATION ENHANCEMENT */

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

.bbsmileytech .gritter-with-image {
    width: 170px;
    padding-right: 40px;
    padding-top: 55px;
    color: #d4e5fd; }

.bbsmileytech .gritter-without-image {
    width: 225px;
    padding-left: 40px;
    padding-top: 60px;
    color: #b2b2b2; }

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

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

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

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

.bbsmileytech .gritter-image {
   padding-left: 35px;
   padding-top: 90px; }

.bbsmileytech .gritter-dismiss {
   padding-bottom: 10px;
   padding-right: 25px;
   font-size: 10px; }

.bbsmileytech .gritter-dismiss a { color: #8aa814 !important; }

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

.bbsmileytech .gritter-close  {
    background: url("@imagePath/xenforo/gradients/techgreenclose.png") no-repeat scroll top left transparent;
    right: 140px !important;
    top: 20px !important;
    width: 50px;
    height: 30px; }

/* BBSMILEY TECH GREEN NOTIFICATION ENHANCEMENT */

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


Nguồn: xenforo.com​
 

Đính kèm

  • Tech Green Notification (BBSmiley.com).zip
    9.6 KB · Lượt xem: 4

Nausixkiz

Corporal
Tham gia
28/06/2016
Bài viết
138
Được Like
78
Em hỏi tí làm sao chỉnh được thông báo ạ
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,149
Được Like
12,745
bạn đã cài add-on Xen Notices chưa
 

Nausixkiz

Corporal
Tham gia
28/06/2016
Bài viết
138
Được Like
78
bạn đã cài add-on Xen Notices chưa
Em cài addon đó r nhưng Xen Notices Options e chưa biết chèn thông báo chỗ nào cả :D
Em không hiểu câu sử dụng custom field và chèn "bbsmileytech" (không có dấu ngoặc kép) lắm
anh giải thích chút được không ạ
 
Sửa lần cuối:

Top Bottom