- Tham gia
- 28/02/2015
- Bài viết
- 17,030
- Được Like
- 12,735
Notifications Nature themed - Thông báo chủ đề thiên nhiên v2
Tóm tắt: Bạn sẽ cần phải cài đặt add-on Xen Notices.
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 "gamerfluidgreen2" (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.
Chúc các bạn thành công.
Tóm tắt: Bạn sẽ cần phải cài đặt add-on Xen Notices.
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 "gamerfluidgreen2" (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ã:
/* NATURE THEMED FLUID 2 NOTIFICATION */
.gamerfluidgreen2 .gritter-top {
background: url("@imagePath/xenforo/icons/gamefluidgreen2_notifications_top.png") no-repeat scroll transparent;
width: 250px;
height: 137px; }
.gamerfluidgreen2 .gritter-item {
background: url("@imagePath/xenforo/icons/gamefluidgreen2_notifications_center.png") repeat-y scroll transparent;
border-radius: 0;
margin: 0 0 0;
padding-top: 0;}
.gamerfluidgreen2 .gritter-bottom {
background: url("@imagePath/xenforo/icons/gamefluidgreen2_notifications_bottom.png") no-repeat scroll transparent;
width: 250px;
height: 43px; }
.gamerfluidgreen2 .gritter-image {
margin-left: 65px;
width: 96px;
height: 96px;
border: 0px solid #242424;
background-color: transparent;
border-radius: 3px;
position: absolute;
top: -117px; }
.gamerfluidgreen2 .gritter-with-image {
width: 220px;
margin-right: 55px;
padding-top: 10px; }
.gamerfluidgreen2 .gritter-dismiss {
padding-right: 100px;
font-size: 12px;
font-weight: bold;
position: absolute;
bottom: -30px;
text-shadow: 0 0 0 transparent, 0 1px 3px #1a2a05; }
.gamerfluidgreen2 .gritter-dismiss a { color: #f7e5cf; text-decoration: none; }
.gamerfluidgreen2 .gritter-dismiss:hover {opacity: 0.6;}
.gamerfluidgreen2 .gritter-title {
color: #e8f7d2;
font-size: 12px;
text-align: center;
text-shadow: 0 0 0 transparent, 0 1px 2px #1a2a05; }
.gamerfluidgreen2 .gritter-item p { color: #d0e4b5; }
.gamerfluidgreen2 .gritter-close {
background: url("@imagePath/xenforo/icons/gamerfluidgreen2close.png") no-repeat scroll left top transparent;
width: 99px;
height: 25px;
right: 128px;
top: -161px;}
/* NATURE THEMED FLUID 2 NOTIFICATION */
Chúc các bạn thành công.
Nguồn: xenforo.com
Đính kèm
Bài viết liên quan
Bài viết mới
Bị lỗi data
bởi bloghocpiano,