Đư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

[Share] Chatbox style Facebook [Punbb,Phpbb3,Invision]

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

  • Please log in to post a topic
  • Lốc

    Lốc
    Lốc

    Lốc

    Group: Vip Member

    Hiện đang:
    Bài viết : 380
    Points : 1008
    Birthday : 28/03/1991
    Thanks : 357
    Đến từ : nam định

    Vip Member

    Vip Member
    Bài viết thứ :1

    Đăng vào:3/4/2013, 03:02

    Vip Member
    Demo
    [Share] Chatbox style Facebook [Punbb,Phpbb3,Invision] 110
    [Share] Chatbox style Facebook [Punbb,Phpbb3,Invision] 210

    Cách làm :
    [Bài viết không bị Ẩn]
    Bước 1 : Vào css thêm đoạn này
    Code:
    /*facebook-chat*/
    .button-app {
    position: fixed;
    right: 0;
    bottom: 0;
    }
    #chatbox {
    bottom: 0;
    height: 300px;
    left: 0;
    padding-bottom: 30px;
    top: auto;
    width: 300px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, .3);
    border-width: 0 1px;
    }
    #chatbox_footer {
    height: 30px;
    padding: 0;
    position: absolute;
    width: 300px;
    background-color: white;
    border-top: 1px solid #A5A5A5;
    border-left: 1px solid #A5A5A5;}
    #chatbox_members {
    border: 0;
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 207px;
    z-index: 999;
    background: white;
    border-left: 1px solid #979797;
    }
    #chatbox p{
    background: white;
    border-top: 1px solid #EEE;
    border-width: 1px 0 0;
    }
    #chat-app-fb, #chatbox, #chatbox p, #chatbox p strong
    {font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal!important;}

    #chatbox_header.main-head {
    background: #4A66A0;
    border: 1px solid rgba(0, 39, 121, .76);
    border-bottom: none;
    bottom: 330px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: absolute;
    top: auto;
    width: 300px;
    }
    .chatbox-title {
    display: none;
    }
    #chatbox_option_autorefresh {
    display: none;
    }
    #chatbox_footer label {
    color: transparent;
    font-size: 0;
    visibility: hidden;
    }
    #message {
    font-size: 12px;
    visibility: visible;
    width: 244px;
    border: 0;
    outline: 0;
    height: 28px;
    position: relative;
    top: -10px;
    padding: 0 5px;
    }
    .right-box.style-buttons {
    display: block;
    background: #2C2C2C;
    }
    #chat-app-fb {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 0;
    width: 500px;
    }
    body.chatbox {
    background: none;
    border: none;
    }
    .chatbox-options {
    margin: 0;
    float: left;
    padding-left: 10px;
    }
    #divsmilies {
    background: white;
    border: 1px solid white;
    left: 10px;
    position: relative;
    top: -38px;
    width: 42px;
    height: 26px;
    }
    #chatbox_members .member-title ,.date-and-time, #divcolor, #divstrike, #divunderline, #divitalic, #divbold {
    display: none;
    }
    #chatbox_members ul li {
    padding: 6px 0 6px 10px;
    margin: 2px 0;
    }
    #chatbox_members ul li:hover {background: #E6E9EE;}
    #chatbox_members ul {
    margin: 0;
    padding: 0;
    }
    body[bgcolor^="#fbfbfb"] {
    background: transparent;
    }
    #chatbox_contextmenu {
    z-index: 999;
    margin-top: 10px;
    margin-left: -39px;
    }
    .fb-search form input {
    background-image: url("http://i.imgur.com/9tSaXF7.png");
    border: 0;
    width: 133px;
    height: 25px;
    padding: 0 0 0 20px;
    background-repeat: no-repeat;
    outline: none;
    box-shadow: none;
    color: #BDBDBD;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    z-index: 999999!important;
    position: relative;}
    .seo-me {
    width: 207px;
    }
    .profile-se {
    float: right;
    margin-right: 27px;
    }
    .button-app img[src^="http://i.imgur.com/degNOB8.png"] {
    float: right;
    position: absolute;
    right: 0;
    }
    .button-app img[src^="http://i.imgur.com/FMZxNQv.png"] {
    margin-right: 30px;
    }
    .button-app img[src^="http://i.imgur.com/FMZxNQv.png"] + div.seo-me {
    display: none;
    }
    .fb-search form input:focus {
    color: #4B4B4B;
    }
    .button-app {
    z-index: 999999!important;
    }
    #chat-app-fb {
    z-index: 99999!important;
    }
    .count-user {
    position: fixed;
    z-index: 999;
    right: 155px;
    bottom: 6px;
    font: bold 11px verdana ,arial;
    color: #000;}
    .button-app img[src^="http://i.imgur.com/degNOB8.png"] + div.seo-me + div.count-user {
    display: none;
    }
    .button-app img[src^="http://i.imgur.com/FMZxNQv.png"] + div.seo-me + div.count-user {
    display: inline;
    }
    /*Facebook-chat*/


    Bước 2 : Vào overall_footer_end thêm code này vào cuối
    Code:
    <div class="button-app" style="cursor:pointer;"><img src="http://i.imgur.com/FMZxNQv.png" onclick="document.getElementById('chat-app-fb').style.display=(this.src=='http://i.imgur.com/FMZxNQv.png')?'block':'none';this.src=(this.src=='http://i.imgur.com/FMZxNQv.png')?'http://i.imgur.com/degNOB8.png':'http://i.imgur.com/FMZxNQv.png';"/><div class="seo-me"><div class="profile-se"><a href="/profile?mode=editprofile"><img src="http://i.imgur.com/xHLwgoA.png" title="Opciones"></a></div><div class="fb-search"><form action="/search" method="get"><input type="text" class="inputbox medium" name="search_keywords" value="Buscar" onclick="if (this.value == 'Buscar') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar';"></form></div></div><div class="count-user">(<span id="chat-user-on">0</span>)</div></div><div id="chat-app-fb" style="display:none;">

    <iframe src="/chatbox/index.forum?page=front&" scrolling="no" marginwidth="0" style="height: 100%;margin-left: -19px;width: 520px;" marginheight="0" frameborder="0"></iframe></div>
    <script>jQuery(document).ready( function() {jQuery("#chat-user-on").load("/ #onlinechat strong:eq(0)");});</script>

    thế là xong ok




    code cho phiên bản Invision


    Spoiler:



    Code cho phiên bản Phpbb3


    Spoiler:


    Thế là xong

    Nguồn : sưu tầm
    [/Bài viết không bị Ẩn]

    #1 - Posted 3/4/2013, 03:02
    vovanan

    vovanan
    vovanan

    vovanan

    Group: Member

    Hiện đang:
    Bài viết : 291
    Points : 363
    Thanks : 24

    Member

    Member
    Bài viết thứ :2

    Đăng vào:3/4/2013, 05:53

    Member
    xem

    #2 - Posted 3/4/2013, 05:53
    Cười cái coi CCC

    Cười cái coi CCC
    Cười cái coi CCC

    Cười cái coi CCC

    Group: Moderagerator

    Hiện đang:
    Bài viết : 526
    Points : 818
    Thanks : 196

    Moderagerator

    Moderagerator
    Bài viết thứ :3

    Đăng vào:3/4/2013, 06:46

    Moderagerator
    xem

    #3 - Posted 3/4/2013, 06:46
    Xmen8X

    Xmen8X
    Xmen8X

    Xmen8X

    Group: Member

    Hiện đang:
    Bài viết : 384
    Points : 501
    Thanks : 51

    Member

    Member
    Bài viết thứ :4

    Đăng vào:3/4/2013, 07:02

    Member
    1234

    #4 - Posted 3/4/2013, 07:02
    conktco

    conktco
    conktco

    conktco

    Group: Member

    Hiện đang:
    Bài viết : 80
    Points : 90
    Thanks : 4

    Member

    Member
    Bài viết thứ :5

    Đăng vào:3/4/2013, 07:42

    Member
    spam

    #5 - Posted 3/4/2013, 07:42
    Nhục Bồ Đoàn

    Nhục Bồ Đoàn
    Nhục Bồ Đoàn

    Nhục Bồ Đoàn

    Group: Member

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

    Member

    Member
    Bài viết thứ :6

    Đăng vào:3/4/2013, 09:28

    Member
    uu

    #6 - Posted 3/4/2013, 09:28
    Mr.Lee

    Mr.Lee
    Mr.Lee

    Mr.Lee

    Group: Member

    Hiện đang:
    Bài viết : 742
    Points : 1241
    Birthday : 04/05/1990
    Thanks : 381

    Member
    http://www.haivl.com/uploader/11917

    Member
    Bài viết thứ :7

    Đăng vào:3/4/2013, 10:27

    Member
    thank

    #7 - Posted 3/4/2013, 10:27
    http://www.haivl.com/uploader/11917
    AnHung

    AnHung
    AnHung

    AnHung

    Group: Designs Skin

    Hiện đang:
    Bài viết : 591
    Points : 1462
    Birthday : 04/01/1993
    Thanks : 743
    Đến từ : BMT

    Designs Skin
    http://www.andinhhung.com

    Designs Skin
    Bài viết thứ :8

    Đăng vào:3/4/2013, 10:54

    Designs Skin
    hehe. hot nek... like chủ top

    #8 - Posted 3/4/2013, 10:54
    http://www.andinhhung.com
    Ừ•Anh Ngốc

    Ừ•Anh Ngốc
    Ừ•Anh Ngốc

    Ừ•Anh Ngốc

    Group: Member

    Hiện đang:
    Bài viết : 121
    Points : 151
    Thanks : 18

    Member

    Member
    Bài viết thứ :9

    Đăng vào:3/4/2013, 13:12

    Member
    sd

    #9 - Posted 3/4/2013, 13:12
    mahu220

    mahu220
    mahu220

    mahu220

    Group: Member

    Hiện đang:
    Bài viết : 2
    Points : 2
    Birthday : 04/02/1999
    Thanks : 0

    Member

    Member
    Bài viết thứ :10

    Đăng vào:3/4/2013, 13:14

    Member
    sd

    #10 - Posted 3/4/2013, 13:14
    sweetboy785

    sweetboy785
    sweetboy785

    sweetboy785

    Group: Member

    Hiện đang:
    Bài viết : 269
    Points : 280
    Birthday : 03/06/1996
    Thanks : 3
    Đến từ : Bình Phước

    Member
    http://a8-family.ace.st

    Member
    Bài viết thứ :11

    Đăng vào:3/4/2013, 13:43

    Member
    xem

    #11 - Posted 3/4/2013, 13:43
    http://a8-family.ace.st
    huyhoang1997

    huyhoang1997
    huyhoang1997

    huyhoang1997

    Group: Moderagerator

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

    Moderagerator

    Moderagerator
    Bài viết thứ :12

    Đăng vào:4/4/2013, 19:07

    Moderagerator
    xem

    #12 - Posted 4/4/2013, 19:07
    Pi Delta ( Nguyễn )

    Pi Delta ( Nguyễn )
    Pi Delta ( Nguyễn )

    Pi Delta ( Nguyễn )

    Group: Member

    Hiện đang:
    Bài viết : 275
    Points : 283
    Thanks : 12

    Member

    Member
    Bài viết thứ :13

    Đăng vào:5/4/2013, 00:18

    Member
    1

    #13 - Posted 5/4/2013, 00:18
    Hữu Phước

    Hữu Phước
    Hữu Phước

    Hữu Phước

    Group: Member

    Hiện đang:
    Bài viết : 939
    Points : 1443
    Birthday : 28/12/1998
    Thanks : 443
    Đến từ : Thuận Hưng , Thốt Nốt , Cần Thơ

    Member
    http://www.giadinha1.biz

    Member
    Bài viết thứ :14

    Đăng vào:5/4/2013, 11:19

    Member
    xem

    #14 - Posted 5/4/2013, 11:19
    http://www.giadinha1.biz
    harryumefor

    harryumefor
    harryumefor

    harryumefor

    Group: Member

    Hiện đang:
    Bài viết : 526
    Points : 617
    Birthday : 16/07/1998
    Thanks : 77

    Member
    http://math.123.st

    Member
    Bài viết thứ :15

    Đăng vào:5/4/2013, 12:45

    Member
    xem

    #15 - Posted 5/4/2013, 12:45
    http://math.123.st
    dejanpetrus

    dejanpetrus
    dejanpetrus

    dejanpetrus

    Group: Member

    Hiện đang:
    Bài viết : 273
    Points : 321
    Birthday : 13/04/1990
    Thanks : 48

    Member
    http://www.mkd-satelite.forummk.com

    Member
    Bài viết thứ :16

    Đăng vào:5/4/2013, 21:09

    Member
    xem

    #16 - Posted 5/4/2013, 21:09
    http://www.mkd-satelite.forummk.com
    tester009

    tester009
    tester009

    tester009

    Group: Member

    Hiện đang:
    Bài viết : 211
    Points : 234
    Birthday : 01/01/1989
    Thanks : 9

    Member
    http://google.com.vn

    Member
    Bài viết thứ :17

    Đăng vào:5/4/2013, 23:17

    Member
    ?

    #17 - Posted 5/4/2013, 23:17
    http://google.com.vn
    Quý Ròm

    Quý Ròm
    Quý Ròm

    Quý Ròm

    Group: Administrator

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

    Administrator

    Administrator
    Bài viết thứ :18

    Đăng vào:5/4/2013, 23:44

    Administrator
    tesst

    #18 - Posted 5/4/2013, 23:44
    mansor

    mansor
    mansor

    mansor

    Group: Member

    Hiện đang:
    Bài viết : 152
    Points : 156
    Thanks : 6

    Member

    Member
    Bài viết thứ :19

    Đăng vào:6/4/2013, 06:16

    Member
    waaw

    #19 - Posted 6/4/2013, 06:16
    web.huy52

    web.huy52
    web.huy52

    web.huy52

    Group: Member

    Hiện đang:
    Bài viết : 356
    Points : 532
    Thanks : 26

    Member

    Member
    Bài viết thứ :20

    Đăng vào:6/4/2013, 07:45

    Member
    xem

    #20 - Posted 6/4/2013, 07:45
    doannamthai

    doannamthai
    doannamthai

    doannamthai

    Group: Member

    Hiện đang:
    Bài viết : 362
    Points : 498
    Thanks : 86

    Member

    Member
    Bài viết thứ :21

    Đăng vào:6/4/2013, 11:15

    Member
    xem

    #21 - Posted 6/4/2013, 11:15
    Stanwoby

    Stanwoby
    Stanwoby

    Stanwoby

    Group: Member

    Hiện đang:
    Bài viết : 482
    Points : 540
    Thanks : 46
    Đến từ : Không Nói Đâu =))

    Member

    Member
    Bài viết thứ :22

    Đăng vào:6/4/2013, 22:27

    Member
    Ngon :x

    #22 - Posted 6/4/2013, 22:27
    admon

    admon
    admon

    admon

    Group: Member

    Hiện đang:
    Bài viết : 64
    Points : 64
    Birthday : 17/03/1998
    Thanks : 0

    Member

    Member
    Bài viết thứ :23

    Đăng vào:7/4/2013, 08:37

    Member
    a

    #23 - Posted 7/4/2013, 08:37
    ngoctuan_py

    ngoctuan_py
    ngoctuan_py

    ngoctuan_py

    Group: Member

    Hiện đang:
    Bài viết : 300
    Points : 361
    Thanks : 55

    Member

    Member
    Bài viết thứ :24

    Đăng vào:7/4/2013, 19:58

    Member
    COI NÈ

    #24 - Posted 7/4/2013, 19:58
    Khai•Tâm

    Khai•Tâm
    Khai•Tâm

    Khai•Tâm

    Group: Member

    Hiện đang:
    Bài viết : 170
    Points : 232
    Thanks : 33

    Member

    Member
    Bài viết thứ :25

    Đăng vào:7/4/2013, 20:35

    Member
    xem

    #25 - Posted 7/4/2013, 20:35

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :26

    Đăng vào:

    #26 - Posted

    Trang 1 trong tổng số 5 trang Chuyển đến trang : 1, 2, 3, 4, 5  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 | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
    YOUR BANNER HERE
    728x90