[Hỏi đáp] Xin code thông báo có tin nhắn mới giống DEVS

- Hiện tại skin mình đang dùng lúc có tin nhắn mới nó không hiện Bạn đã có @ tin nhắn mới ...
- Lên google tìm thì không cái nào xài được
- Bác vóng hoặc bác Markai nếu được thì cho mình xin để add xem có hoạt động không :D tks

kuzu_mtp wrote:- Hiện tại skin mình đang dùng lúc có tin nhắn mới nó không hiện Bạn đã có @ tin nhắn mới ...
- Lên google tìm thì không cái nào xài được
- Bác vóng hoặc bác Markai nếu được thì cho mình xin để add xem có hoạt động không :D tks

Xài font Awesome nhé, nếu không thích thì đổi lại là ảnh cũng được, sau đó tự css nó lại. Làm bằng css cho nó đơn giản tí. Cho vào overall-header chỗ nào bạn muốn hiện.

Code:

<a title="{PRIVATE_MESSAGE_INFO}" class="new-msgpri" href="/privmsg?folder=inbox">&nbsp;<i class="fa fa-inbox fa-2"></i><strong class="number-msg"></strong></a>

Css:

Code:

.new-msgpri {position: relative;}
.new-msgpri .number-msg:before {position: absolute;top: 0;right: 4px;background: red;height: 14px;line-height: 14px;padding: 0 4px;font-size: 11px;color: white;}
.new-msgpri[title*="1"] .number-msg:before {content: "1";}
.new-msgpri[title*="2"] .number-msg:before {content: "2";}
.new-msgpri[title*="3"] .number-msg:before {content: "3";}

Nó cứ hiện 1 tin nhắn, click vào cũng ko hết
Thoát ra vào lại mới hết

kuzu_mtp wrote:Nó cứ hiện 1 tin nhắn, click vào cũng ko hết
Thoát ra vào lại mới hết

Không đưa link forum thì bó tay. Sao biết đường mà fix. Nói chung với code trên thì không có chuyện như em nói đâu. Trừ khi có 1 js khác can thiệp vào.

http://sa-mp.forum.st/forum
tk: Test_Account
pass: zxasqw12

kuzu_mtp wrote:http://sa-mp.forum.st/forum
tk: Test_Account
pass: zxasqw12

Thấy bình thường mà. Em dùng ajax load tiêu đề tin nhắn riêng. Thì khi em vào đọc nó mới hết hiện chứ. Vậy là đúng rồi.

Vậy tks a :))

Code:

.tinhanvl[title*="1"] .number-msg:before {content: "1";}
.tinhanvl[title*="2"] .number-msg:before {content: "2";}
.tinhanvl[title*="3"] .number-msg:before {content: "3";}

Mà dùng đoạn CSS này để hiển thị số tin nhắn, thì nếu nhận hơn 3 tin nhắn thì nó sẽ không hiện nữa, phải add thêm, vậy có cách nào để cho nó hiện bao nhiêu cũng được mà không cần phải add thêm không? nếu add thêm thì hết chỗ add CSS vì FM giới hạn CSS

kuzu_mtp wrote:

Code:

.tinhanvl[title*="1"] .number-msg:before {content: "1";}
.tinhanvl[title*="2"] .number-msg:before {content: "2";}
.tinhanvl[title*="3"] .number-msg:before {content: "3";}

Mà dùng đoạn CSS này để hiển thị số tin nhắn, thì nếu nhận hơn 3 tin nhắn thì nó sẽ không hiện nữa, phải add thêm, vậy có cách nào để cho nó hiện bao nhiêu cũng được mà không cần phải add thêm không? nếu add thêm thì hết chỗ add CSS vì FM giới hạn CSS

Bộ forum em đông tới mức mà có hơn 3 tin nhắn chưa xem để hiển thị. Với 1 chức năng thông báo đơn giản thì làm thế là được rồi. Forum e dùng ajax load thông tin thì đâu nhát thiết phải dùng nhiều thế đâu.

Vậy làm sao để cái này hiện sang bên trái của nav-links vậy ạ?