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

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
Notifications Gamer Fluid GREY - Thông báo Gamer Fluid xám v2

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

notificationgreygamerfluid1.png
notificationgreygamerfluid2.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 "gamerfluidgrey2" (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 GREY 2 NOTIFICATION */

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

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

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

.gamerfluidgrey2 .gritter-image {
  margin-left: 65px;
  width: 96px;
  height: 96px;
  border: 0px solid #242424;
  background-color: transparent;
  border-radius: 3px;
  position: absolute;
  top: -117px; }

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

.gamerfluidgrey2 .gritter-dismiss {
  padding-right: 105px;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  bottom: -30px;
  text-shadow: 0 0 0 transparent, 0 1px 0 #dcdcdc; }
.gamerfluidgrey2 .gritter-dismiss a { color: #404040; text-decoration: none; }
.gamerfluidgrey2 .gritter-dismiss:hover {opacity: 0.6;}

.gamerfluidgrey2 .gritter-title {
  color: #a32121;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 0 0 transparent, 0 1px 0 #cbcbcb; }
.gamerfluidgrey2 .gritter-item p { color: #414141; }

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

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


Nguồn: xenforo.com​
 

Đính kèm

Back
Top