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
16,829
Được Like
12,691
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
16,829
Được Like
12,691
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:

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom