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

PVS

Super Moderator
Thành viên BQT
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
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​
 
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:
Back
Top