Đư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] Chatbox với style mới

  • Please log in to post a topic
  • Êu Ngáo VL

    Êu Ngáo VL

    Group: Administrator

    Hiện đang:
    Bài viết : 1725
    Points : 7058
    Birthday : 08/11/2000
    Thanks : 3825

    Administrator
    Xem lý lịch thành viên http://www.cntt-k3.org/

    Administrator
    Bài viết thứ :1

    Đăng vào:on 9/8/2013, 16:40

    Administrator
    Demo :

    Code:
    chèn vào css nhé
    [Bài viết không bị Ẩn]
    Code:
    #chatbox p {
    float: left;
    width: 98%;
    line-height: 1.2em;
    background: none;
    position: relative;
    padding-left: 10px;
    }
    .chatbox_row_1 .date-and-time {
    right: 10px;
    font-size: 10px;
    font-family: Arial,Helvetica,sans-serif;
    position: absolute;
    top: 15px;
    background: #ddd;
    padding: 2px;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 2px;
    visibility: hidden;
    }
    .chatbox_row_2 .date-and-time {
    left: 20px;
    font-size: 10px;
    font-family: Arial,Helvetica,sans-serif;
    position: absolute;
    top: 15px;
    background: #ddd;
    padding: 2px;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 2px;
    visibility: hidden;
    }
    p:hover .date-and-time {
    visibility: visible;
    }
    #chatbox .user {
    display: table-cell;
    font-size: 0px !important;
    }
    .chatbox_row_1 .user {
    margin-right: 20px;
    float: left;
    }
    #chatbox .user a {
    font-size: 12px;
    text-decoration: none;
    }
    .msg {
    padding: 5px;
    border: 1px solid #D8DEC2;
    display: table-cell;
    border-radius: 3px;
    max-width: 500px;
    background: #F7FFD4;
    font: 12px/1.5 Arial,Helvetica,sans-serif;
      position: relative;
    }
    .msg span {
    color: #555 !important;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    }
    .chatbox_row_1 .msg::before {
    position: absolute;
    content: '';
    left: -12px;
    width: 16px;
    height: 16px;
    background: transparent url("http://mail.yimg.com/ok/u/assets/sprite/default/16x16/opis-mode-ltr-26061.png") no-repeat 0 -326px;
    top: 0;
    }
    .chatbox_row_2 .msg::after {
    right: -11px;
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: transparent url("http://mail.yimg.com/ok/u/assets/sprite/default/16x16/opis-mode-ltr-26061.png") no-repeat 0 -295px;
    top: 0;
    }
    .chatbox_row_1 .user-msg {
    float: left;
    }
    .chatbox_row_2 .user-msg {
    float: right;
    }
    .chatbox_row_2 .user, .chatbox_row_2 .msg {
    float: right;
    }
    .chatbox_row_2 .msg {
    background: #fff;
    margin-right: 15px;
    margin-left: 0;
    }
    .chatbox_row_1 > span.genmed > span:first-of-type, .chatbox_row_2 > span.genmed > span:first-of-type {
    display: none;
    }



    .chatbox-title, .chatbox-title a.chat-title {
    color: #454545;
    text-decoration: none;
    }

    .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #454545;
    }



    input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
    border: 1px solid #afafaf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
      -moz-box-shadow: 1px 3px 0px #afafaf;
      -webkit-box-shadow: 1px 3px 0px #afafaf;
    }




    .chatbox_row_2 .msg img{
    max-width: 50px;
    max-height: 50px;
    }

    .chatbox_row_1 .msg img{
    max-width: 50px;
    max-height: 50px;
    }
    .chatbox_row_2 .msg img{
    max-width: 50px;
    max-height: 50px;
    }
    .chatbox_row_2 .msg img{
    max-width: 50px;
    max-height: 50px;
    }



    .chatbox_row_1:hover,.chatbox_row_2:hover {
    -webkit-box-shadow:#DCDCDC 0 0 4px;
    border:1px solid #C9C9C9;
    border-image:initial;
    border-radius:5px;
    box-shadow:#DCDCDC 0 0 3px;
    background-color:#FFF;
    margin:5px;
    }

    a:link,a:visited {
    text-decoration:none;
    }

    #active_starters,#most_active,#pun-visit,#users_month,#users_week,#tooltip .header {
    display:none;
    }


    #chatbox_messenger_form {
    -webkit-box-shadow:#D4D4D4 0 0 4px;
    background-color:#FFF;
    border-bottom:0;
    border-left:1px solid #C9C9C9;
    border-radius:5px 5px 0 0;
    border-right:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
    bottom:0;
    box-shadow:#C6C6C6 0 0 4px;
    height:30px;
    left:0;
    margin-left:auto;
    margin-right:auto;
    position:fixed;
    right:0;
    width:100%;
    z-index:999;
    float:none;
    background:rgba(250,250,250,0.79);
    }

    label input#message {
    background-color:#FFF;
    border:1px solid #C9C9C9;
    border-image:initial;
    border-radius:3px;
    font-size:12px;
    width: 625px;
    padding: 6px;
    }
    #divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline {
    background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x #FFF;
    border:1px solid #C9C9C9;
    border-image:initial;
    border-radius:3px;
    }

    .fontbutton {
    border:0;
    }

    .fontbutton_normal {
    background:#E1E1E2;
    }

    input#submit_button:hover {
    background:url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border:1px solid #A2A2A2;
    border-image:initial;
    color:#2C2C2C;
    }

    input#submit_button {
    background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x #000000;
    border:1px solid #C9C9C9;
    border-image:initial;
    border-radius:3px;
    color:#929292;
    cursor:pointer;
    font-size:12px;
    padding-left:2px;
    padding-right:2px;
    text-transform:uppercase;
    }

    #chatbox_header.main-head {
    background-color: #FFFFFF;
    color:#DEDFDF;
    padding:0 1.3em;
    }

    #chatbox_members {
    background-color: #615E5E;
    color:#FFF;
    font-family:Tahoma;
    font-size:12px;
    text-align:center;
    background-color:#FFF;
    padding:.5em .25em;

    }

    [/Bài viết không bị Ẩn]
    rip bên hotrofm cười nhăn răng

    #1 - Posted on 9/8/2013, 16:40
    Xem lý lịch thành viên http://www.cntt-k3.org/

    lamngoxd

    lamngoxd

    Group: Member

    Hiện đang:
    Bài viết : 43
    Points : 43
    Birthday : 15/02/1991
    Thanks : 0

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

    Member
    Bài viết thứ :2

    Đăng vào:on 17/8/2013, 11:57

    Member
    cccccccc

    #2 - Posted on 17/8/2013, 11:57
    Xem lý lịch thành viên

    skyder1995

    skyder1995

    Group: Member

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

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

    Member
    Bài viết thứ :3

    Đăng vào:on 17/8/2013, 12:52

    Member
    xem

    #3 - Posted on 17/8/2013, 12:52
    Xem lý lịch thành viên

    wisu123

    wisu123

    Group: Member

    Hiện đang:
    Bài viết : 333
    Points : 353
    Thanks : 20

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

    Member
    Bài viết thứ :4

    Đăng vào:on 17/8/2013, 18:55

    Member
    xem

    #4 - Posted on 17/8/2013, 18:55
    Xem lý lịch thành viên

    nhoxbeco41

    nhoxbeco41

    Group: Member

    Hiện đang:
    Bài viết : 185
    Points : 199
    Birthday : 02/02/1998
    Thanks : 0

    Member
    Xem lý lịch thành viên http://www.cntt-k3.biz

    Member
    Bài viết thứ :5

    Đăng vào:on 18/8/2013, 19:45

    Member
    xem

    #5 - Posted on 18/8/2013, 19:45
    Xem lý lịch thành viên http://www.cntt-k3.biz

    ashik4u

    ashik4u

    Group: Member

    Hiện đang:
    Bài viết : 53
    Points : 65
    Birthday : 26/06/1993
    Thanks : 8
    Đến từ : Dhaka, Bangladesh

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

    Member
    Bài viết thứ :6

    Đăng vào:on 21/8/2013, 16:41

    Member
    seee

    #6 - Posted on 21/8/2013, 16:41
    Xem lý lịch thành viên http://www.bdtipsntricks.com

    Ranchild

    Ranchild

    Group: Member

    Hiện đang:
    Bài viết : 52
    Points : 53
    Birthday : 16/05/1996
    Thanks : 3

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

    Member
    Bài viết thứ :7

    Đăng vào:on 24/12/2013, 15:53

    Member
    xemmmmmmmm

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

    karim

    karim

    Group: Member

    Hiện đang:
    Bài viết : 97
    Points : 99
    Thanks : 4

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

    Member
    Bài viết thứ :8

    Đăng vào:on 6/1/2014, 09:01

    Member
    gooooooooooooooooood

    #8 - Posted on 6/1/2014, 09:01
    Xem lý lịch thành viên

    qu0cthangprovip95

    qu0cthangprovip95

    Group: Member

    Hiện đang:
    Bài viết : 205
    Points : 233
    Birthday : 03/09/1995
    Thanks : 20

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

    Member
    Bài viết thứ :9

    Đăng vào:on 20/1/2014, 18:10

    Member
    xemmmmmmmmmmmmmmmmmmmmmmmmmm

    #9 - Posted on 20/1/2014, 18:10
    Xem lý lịch thành viên http://www.thptmdc.com

    tanvking

    tanvking

    Group: Member

    Hiện đang:
    Bài viết : 83
    Points : 92
    Birthday : 16/08/1995
    Thanks : 3
    Đến từ : dshsdhdsh

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

    Member
    Bài viết thứ :10

    Đăng vào:on 5/2/2014, 11:35

    Member
    xemmmmmmmmmmmmmmmmm

    #10 - Posted on 5/2/2014, 11:35
    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ứ :11

    Đăng vào:on 12/2/2014, 18:30

    Member
    cái này chắc h dùng là tốt nhất

    #11 - Posted on 12/2/2014, 18:30
    Xem lý lịch thành viên http://www.vnsweetdream.com

    lamthanhtin

    lamthanhtin

    Group: Member

    Hiện đang:
    Bài viết : 47
    Points : 47
    Birthday : 14/07/1995
    Thanks : 0
    Đến từ : Bạc Liêu

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

    Member
    Bài viết thứ :12

    Đăng vào:on 5/3/2014, 13:00

    Member
    xemmmmmmmmmmmmmmm

    #12 - Posted on 5/3/2014, 13:00
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :13

    Đăng vào:Today at 10:51

    #13 - Posted Today at 10:51

    Đ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

    Forumotion.com | © PunBB | Free forum support | Liên hệ | Report an abuse | Have a free blog with Sosblogs
    YOUR BANNER HERE
    728x90