Other Notifications Gamer Fluid - Thông báo Gamer Fluid v2

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
Notifications Gamer Fluid - Thông báo Gamer Fluid v2

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

gamerfluid2-preview2.png

Ghi chú thêm: Bởi vì add-on notification cho phép cho nhiều vị trí bạn có thể cần phải thay đổi css một chút nhưng được thiết kế và css cho các vị trí ở bottom-right.

Cài đặt: Tải các hình ảnh trong kho lưu trữ và đặt chúng trong thư mục /icons 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 "gamerfluid2" (không có dấu ngoặc kép). Sau đó dán đoạn mã sau vào template Extra.css của bạn là xong.
Mã:
/* GAMER FLUID 2 NOTIFICATION */

.gamerfluid2 .gritter-top {
  background: url("@imagePath/xenforo/icons/gamefluid2_notifications_top.png") no-repeat scroll transparent;
  width: 250px;
  height: 137px; }

.gamerfluid2 .gritter-item {
  background: url("@imagePath/xenforo/icons/gamefluid2_notifications_center.png") repeat-y scroll transparent;
  border-radius: 0;
  margin: 0 0 0;
  padding-top: 0;}

.gamerfluid2 .gritter-bottom {
  background: url("@imagePath/xenforo/icons/gamefluid2_notifications_bottom.png") no-repeat scroll transparent;
  width: 250px;
  height: 43px; }

.gamerfluid2 .gritter-image {
  margin-left: 60px;
  width: 96px;
  height: 96px;
  border: 1px solid #242424;
  padding: 3px;
  background-color: #383838;
  border-radius: 3px;
  position: absolute;
  top: -122px; }

.gamerfluid2 .gritter-with-image {
  width: 220px;
  margin-right: 55px;
  padding-top: 10px; }

.gamerfluid2 .gritter-dismiss {
  padding-right: 110px;
  font-size: 11px;
  position: absolute;
  bottom: -30px;
  text-shadow: 0 0 0 transparent, 0 -1px 0 #000000; }

.gamerfluid2 .gritter-dismiss a { color: #d5d5d5; }

.gamerfluid2 .gritter-dismiss:hover {opacity: 0.6;}

.gamerfluid2 .gritter-title {
  color: #7BA455;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 0 0 transparent, 0 -1px 0 #000000; }

.gamerfluid2 .gritter-item p { color: #bcbcbc; }

.gamerfluid2 .gritter-close {
  background: url("@imagePath/xenforo/icons/gamerfluid2close.png") no-repeat scroll left top transparent;
  width: 99px;
  height: 25px;
  right: 128px;
  top: -161px;}
 
/* GAMER FLUID 2 NOTIFICATION */

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


Nguồn: xenforo.com​
 

Đính kèm

  • Gamer Fluid v2 Notification.zip
    16.3 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

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