Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

[Code] thông báo tin nhắn mới dạng Facebook

Trang 1 trong tổng số 3 trang Chuyển đến trang : 1, 2, 3  Next

  • Please log in to post a topic
  • Quý Ròm

    Quý Ròm

    Group: Administrator

    Hiện đang:
    Bài viết : 3744
    Points : 11230
    Birthday : 21/02/1991
    Thanks : 4729
    Đến từ : Hà Nội

    Administrator
    Xem lý lịch thành viên

    Administrator
    Bài viết thứ :1

    Đăng vào:on 3/12/2012, 15:59

    Administrator
    Demo :


    Ghi chú :
    Khi có tin nhắn mới đến , nó sẽ hiển thị ngay trên code tin nhắn của forum số tin nhắn màu đỏ cười nhăn răng
    Bạn nào dùng Menu tự tạo mà muốn hiển thi tin nhắn như trên thì làm như sau

    Code:
    <li><a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{PRIVATE_MESSAGE_INFO}</a></li>

    Bên trên là code hiển thị tin nhắn của Menu tự tạo

    Cách làm :

    Bước 1 : cho cái này vào Css


    Code:

    /* Thông báo tin nhắn mới */
    [data-counter]:after {
        background-color: #FF6969;
        background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
        content: attr(data-counter);
        position: absolute;
        padding: 0px 1px;
    border: 1px solid #D83722;
    border-bottom: 1px solid #C0311E;
    border-top: 1px solid #E23923;
        box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
       background-clip: padding-box;
        font:bold 10px "Helvetica Neue", sans-serif;
       color: white;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(0,0,0,.6);
        margin-left: 0px;
        margin-top: -10px;
    }
    Bước 2 :
    Vào : overall_footer_begin cho code sau vào cuối nó
    Code:
    <script type="text/javascript" async="" src="http://chupy.googlecode.com/files/Cntt-k3%20tinnhan.js"></script>

    Thế là ok rồi
    Style thứ 2
    Demo :




    Thay css bên trên = css sau
    Code:

    /* Thông báo tin nhắn mới */
    [data-counter]:after {
        background-color: #FF6969;
        background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
        content: attr(data-counter);
        position: absolute;
        padding: 2px 6px;
        border: 2px solid white;
        border-radius:100px;
        box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
       background-clip: padding-box;
        font:bold 10px "Helvetica Neue", sans-serif;
       color: white;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(0,0,0,.6);
        margin-left: -3px;
        margin-top: -15px;
    }​
    Thế là xong ^^
    ai muốn tùy chỉnh vị trí của nó thì chỉnh ở 2 dòng
    Code:
     margin-left: -3px;
        margin-top: -15px;



    Chú ý : chỉ hiển thị khi có : {GENERATED_NAV_BAR}
    nếu các bạn không dùng thank menu mặc định của diễn dàn này thì các bạn dùng
    Code:
    <ul style="display:none"><li>{GENERATED_NAV_BAR}</li></ul>
    cái này để ẩn nó đi



    Được sửa bởi Chupy ngày 3/12/2012, 16:04; sửa lần 3.

    #1 - Posted on 3/12/2012, 15:59

    __________________________________________________________________________________________
    [You must be registered and logged in to see this link.]
    [You must be registered and logged in to see this link.]
    Xem lý lịch thành viên

    24h...CậuéC

    24h...CậuéC

    Group: Member

    Hiện đang:
    Bài viết : 789
    Points : 1026
    Thanks : 155
    Đến từ : Về nhà mà thể hiện

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :2

    Đăng vào:on 3/12/2012, 16:01

    Member
    Vui lòng không chép bài viết nơi khác

    cười lăn lộn

    #2 - Posted on 3/12/2012, 16:01
    Xem lý lịch thành viên

    Quý Ròm

    Quý Ròm

    Group: Administrator

    Hiện đang:
    Bài viết : 3744
    Points : 11230
    Birthday : 21/02/1991
    Thanks : 4729
    Đến từ : Hà Nội

    Administrator
    Xem lý lịch thành viên

    Administrator
    Bài viết thứ :3

    Đăng vào:on 3/12/2012, 16:02

    Administrator
    24h...CậuéC đã viết:
    Vui lòng không chép bài viết nơi khác
    cười lăn lộn
    Edit cười ngoác miệng

    #3 - Posted on 3/12/2012, 16:02

    __________________________________________________________________________________________
    [You must be registered and logged in to see this link.]
    [You must be registered and logged in to see this link.]
    Xem lý lịch thành viên

    24h...CậuéC

    24h...CậuéC

    Group: Member

    Hiện đang:
    Bài viết : 789
    Points : 1026
    Thanks : 155
    Đến từ : Về nhà mà thể hiện

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :4

    Đăng vào:on 3/12/2012, 16:03

    Member
    okay edit luôn cười ngoác miệng

    #4 - Posted on 3/12/2012, 16:03
    Xem lý lịch thành viên

    elaphi

    elaphi

    Group: Member

    Hiện đang:
    Bài viết : 79
    Points : 165
    Birthday : 21/02/1991
    Thanks : 78
    Đến từ : Nam Định

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :5

    Đăng vào:on 3/12/2012, 16:06

    Member
    vote chupy
    bài viết quá hay lè lưỡi

    #5 - Posted on 3/12/2012, 16:06
    Xem lý lịch thành viên

    hoanglan

    hoanglan

    Group: Member

    Hiện đang:
    Bài viết : 51
    Points : 74
    Thanks : 19

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :6

    Đăng vào:on 3/12/2012, 16:17

    Member
    hay quá
    cám ơn a

    #6 - Posted on 3/12/2012, 16:17
    Xem lý lịch thành viên

    huyhoang1997

    huyhoang1997

    Group: Moderagerator

    Hiện đang:
    Bài viết : 670
    Points : 896
    Birthday : 14/06/1997
    Thanks : 64
    Đến từ : Ninh Thuận

    Moderagerator
    Xem lý lịch thành viên

    Moderagerator
    Bài viết thứ :7

    Đăng vào:on 3/12/2012, 16:45

    Moderagerator
    xem

    #7 - Posted on 3/12/2012, 16:45
    Xem lý lịch thành viên

    Quý Ròm

    Quý Ròm

    Group: Administrator

    Hiện đang:
    Bài viết : 3744
    Points : 11230
    Birthday : 21/02/1991
    Thanks : 4729
    Đến từ : Hà Nội

    Administrator
    Xem lý lịch thành viên

    Administrator
    Bài viết thứ :8

    Đăng vào:on 3/12/2012, 23:38

    Administrator
    ít thế nhỉ ^^

    #8 - Posted on 3/12/2012, 23:38

    __________________________________________________________________________________________
    [You must be registered and logged in to see this link.]
    [You must be registered and logged in to see this link.]
    Xem lý lịch thành viên

    junalone

    junalone

    Group: Member

    Hiện đang:
    Bài viết : 254
    Points : 336
    Birthday : 01/01/1994
    Thanks : 84

    Member
    Xem lý lịch thành viên http://www.vnsweetdream.com

    Member
    Bài viết thứ :9

    Đăng vào:on 4/12/2012, 00:05

    Member
    đã vote

    #9 - Posted on 4/12/2012, 00:05
    Xem lý lịch thành viên http://www.vnsweetdream.com

    hery

    hery

    Group: Member

    Hiện đang:
    Bài viết : 414
    Points : 563
    Thanks : 149

    Member
    Xem lý lịch thành viên http://css-world.superforo.net/

    Member
    Bài viết thứ :10

    Đăng vào:on 4/12/2012, 07:06

    Member
    xem

    #10 - Posted on 4/12/2012, 07:06
    Xem lý lịch thành viên http://css-world.superforo.net/

    Nhục Bồ Đoàn

    Nhục Bồ Đoàn

    Group: Member

    Hiện đang:
    Bài viết : 328
    Points : 359
    Thanks : 35

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :11

    Đăng vào:on 4/12/2012, 10:35

    Member
    yy

    #11 - Posted on 4/12/2012, 10:35
    Xem lý lịch thành viên

    daiqb147

    daiqb147

    Group: Member

    Hiện đang:
    Bài viết : 48
    Points : 59
    Thanks : 3

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :12

    Đăng vào:on 4/12/2012, 11:07

    Member
    nnn

    #12 - Posted on 4/12/2012, 11:07
    Xem lý lịch thành viên

    nhoken

    nhoken

    Group: Member

    Hiện đang:
    Bài viết : 248
    Points : 342
    Birthday : 14/09/1990
    Thanks : 80

    Member
    Xem lý lịch thành viên http://bomb.forumvi.com/forum

    Member
    Bài viết thứ :13

    Đăng vào:on 4/12/2012, 13:38

    Member
    like

    #13 - Posted on 4/12/2012, 13:38
    Xem lý lịch thành viên http://bomb.forumvi.com/forum

    Administrator

    Administrator

    Group: Administrator

    Hiện đang:
    Bài viết : 722
    Points : 11639
    Birthday : 16/11/1996
    Thanks : 751

    Administrator
    Xem lý lịch thành viên

    Administrator
    Bài viết thứ :14

    Đăng vào:on 4/12/2012, 14:25

    Administrator
    1234

    #14 - Posted on 4/12/2012, 14:25

    __________________________________________________________________________________________

    Đọc bài hay thì nhớ like ! thì mới hỗ trợ + share code ngon nhé cười nhăn răng
    I ♥ you, Khách viếng thăm

    Xem lý lịch thành viên

    omg

    omg

    Group: Member

    Hiện đang:
    Bài viết : 113
    Points : 140
    Thanks : 23

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :15

    Đăng vào:on 4/12/2012, 15:53

    Member
    Xem nào

    #15 - Posted on 4/12/2012, 15:53
    Xem lý lịch thành viên

    YYH

    YYH

    Group: Member

    Hiện đang:
    Bài viết : 109
    Points : 115
    Thanks : 6

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :16

    Đăng vào:on 4/12/2012, 20:01

    Member
    xem

    #16 - Posted on 4/12/2012, 20:01
    Xem lý lịch thành viên

    Cười cái coi CCC

    Cười cái coi CCC

    Group: Moderagerator

    Hiện đang:
    Bài viết : 526
    Points : 817
    Thanks : 195

    Moderagerator
    Xem lý lịch thành viên

    Moderagerator
    Bài viết thứ :17

    Đăng vào:on 4/12/2012, 20:06

    Moderagerator
    fadgdsg

    #17 - Posted on 4/12/2012, 20:06

    __________________________________________________________________________________________

    LASPERPEN

    Xem lý lịch thành viên

    olokers

    olokers

    Group: Member

    Hiện đang:
    Bài viết : 343
    Points : 400
    Birthday : 17/01/1989
    Thanks : 50

    Member
    Xem lý lịch thành viên http://kame.forumtl.com

    Member
    Bài viết thứ :18

    Đăng vào:on 5/12/2012, 08:38

    Member
    see

    #18 - Posted on 5/12/2012, 08:38
    Xem lý lịch thành viên http://kame.forumtl.com

    tuancfno05

    tuancfno05

    Group: S.mod

    Hiện đang:
    Bài viết : 555
    Points : 755
    Thanks : 140
    Đến từ : http://vn-answer.123.st/

    S.mod
    Xem lý lịch thành viên http://vn-answer.123.st/

    S.mod
    Bài viết thứ :19

    Đăng vào:on 5/12/2012, 11:44

    S.mod
    xem coi sao

    #19 - Posted on 5/12/2012, 11:44

    __________________________________________________________________________________________
    [You must be registered and logged in to see this link.] or [You must be registered and logged in to see this link.] - diễn đàn mình đóa ! ai rãnh thì ủng hộ nhoa acquy acquy
    Xem lý lịch thành viên http://vn-answer.123.st/

    tuancfno05

    tuancfno05

    Group: S.mod

    Hiện đang:
    Bài viết : 555
    Points : 755
    Thanks : 140
    Đến từ : http://vn-answer.123.st/

    S.mod
    Xem lý lịch thành viên http://vn-answer.123.st/

    S.mod
    Bài viết thứ :20

    Đăng vào:on 5/12/2012, 11:48

    S.mod
    ver

    #20 - Posted on 5/12/2012, 11:48

    __________________________________________________________________________________________
    [You must be registered and logged in to see this link.] or [You must be registered and logged in to see this link.] - diễn đàn mình đóa ! ai rãnh thì ủng hộ nhoa acquy acquy
    Xem lý lịch thành viên http://vn-answer.123.st/

    vuong95vjpboy

    vuong95vjpboy

    Group: Member

    Hiện đang:
    Bài viết : 38
    Points : 38
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :21

    Đăng vào:on 6/12/2012, 03:13

    Member
    hh

    #21 - Posted on 6/12/2012, 03:13
    Xem lý lịch thành viên

    kinopts

    kinopts

    Group: Member

    Hiện đang:
    Bài viết : 30
    Points : 30
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :22

    Đăng vào:on 6/12/2012, 07:40

    Member
    eeeeeeeeee

    #22 - Posted on 6/12/2012, 07:40
    Xem lý lịch thành viên

    mr.max

    mr.max

    Group: Member

    Hiện đang:
    Bài viết : 259
    Points : 314
    Thanks : 25

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :23

    Đăng vào:on 6/12/2012, 18:27

    Member
    hay wa yêu thế

    #23 - Posted on 6/12/2012, 18:27
    Xem lý lịch thành viên

    kushy

    kushy

    Group: Member

    Hiện đang:
    Bài viết : 45
    Points : 77
    Birthday : 30/01/1993
    Thanks : 32

    Member
    Xem lý lịch thành viên http://....

    Member
    Bài viết thứ :24

    Đăng vào:on 6/12/2012, 18:57

    Member
    tks

    #24 - Posted on 6/12/2012, 18:57
    Xem lý lịch thành viên http://....

    hakuba

    hakuba

    Group: Member

    Hiện đang:
    Bài viết : 337
    Points : 461
    Birthday : 01/01/1992
    Thanks : 111

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :25

    Đăng vào:on 9/12/2012, 16:29

    Member
    xem

    #25 - Posted on 9/12/2012, 16:29
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :26

    Đăng vào:Today at 13:04

    #26 - Posted Today at 13:04

    Trang 1 trong tổng số 3 trang Chuyển đến trang : 1, 2, 3  Next

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Create a free blog
    YOUR BANNER HERE
    728x90