Chatbox Style Help Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

    Chatbox Style Help

    avatar
    cupcup
    Forumember


    Posts : 36
    Reputation : 1
    Language : english

    Chatbox Style Help Empty Chatbox Style Help

    Post by cupcup Tue 2 Dec 2014 - 2:37

    Hello everyone i want to modify my chatbox
    1. how to remove "resize" button on right bottom (Done)
    2. how to change title "Chatbox" (Done)
    3. how to remove "@" symbol on main chat? (Done)
    4. how to make footer chatbox like on bestskins.net? (Done)


    Last edited by cupcup on Wed 3 Dec 2014 - 5:19; edited 2 times in total
    JScript
    JScript
    Forumember


    Male Posts : 741
    Reputation : 175
    Language : PT-BR, EN
    Location : Brazil

    Chatbox Style Help Empty Re: Chatbox Style Help

    Post by JScript Tue 2 Dec 2014 - 3:05

    Code:

    var oIframe = $('#frame_chatbox').contents();

    // remove "resize" button on right bottom
    $('#main-content .borderwrap > .resize').remove();

    // change title "Chatbox"
    var MyTitle = "Your title for the ChatBox!";
    oIframe.find('a.chat-title').text(MyTitle);

    // remove "@" symbol on main chat
    var oTarget = oIframe.find('#chatbox p .user'),
       iLen = oTarget.length,
       index = 0;
    for (; index < iLen; index++) {
       jQuery(oTarget[index]).find('span:first').remove();
    }

    4. how to make footer chatbox like on bestskins.net?
    You will have to ask permission from the forum owner!

    JS
    avatar
    cupcup
    Forumember


    Posts : 36
    Reputation : 1
    Language : english

    Chatbox Style Help Empty Re: Chatbox Style Help

    Post by cupcup Tue 2 Dec 2014 - 3:18

    JScript wrote:
    Code:

    var oIframe = $('#frame_chatbox').contents();

    // remove "resize" button on right bottom
    $('#main-content .borderwrap > .resize').remove();

    // change title "Chatbox"
    var MyTitle = "Your title for the ChatBox!";
    oIframe.find('a.chat-title').text(MyTitle);

    // remove "@" symbol on main chat
    var oTarget = oIframe.find('#chatbox p .user'),
       iLen = oTarget.length,
       index = 0;
    for (; index < iLen; index++) {
       jQuery(oTarget[index]).find('span:first').remove();
    }
    i place this on home page, doesn't work, and try to all page still doesn't work Sad
    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1443
    Reputation : 220
    Language : English

    Chatbox Style Help Empty Re: Chatbox Style Help

    Post by SarkZKalie Tue 2 Dec 2014 - 8:30

    cupcup wrote:3. how to remove "@" symbol on main chat?
    Add this to your CSS (credit to handsomevip007)
    Code:
    #chatbox_members li span + a span,#chatbox_members a span + span,#chatbox .user > span + a {margin-left:4px}
    #chatbox_members li span + a span {display:inline-block!important}
    #chatbox_members li > span,#chatbox .user > span,#chatbox_members a[href="/u1"] span:first-child{display:none}
    Repeat this with users you wanna hide '@' symbol
    Code:
    #chatbox_members a[href="/u1"] span:first-child, #chatbox_members a[href="/u2"] span:first-child , #chatbox_members a[href="/u3"] span:first-child, #chatbox_members a[href="/u4"] span:first-child{display:none}
    4. how to make footer chatbox like on bestskins.net?
    Chatbox Style Help Chatbo10
    avatar
    cupcup
    Forumember


    Posts : 36
    Reputation : 1
    Language : english

    Chatbox Style Help Empty Re: Chatbox Style Help

    Post by cupcup Tue 2 Dec 2014 - 11:59

    Request 1 - 4 Solved
    Need 1 request again
    How to merge Online member and away member
    ex: if the member is away, its stay on online list
    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1443
    Reputation : 220
    Language : English

    Chatbox Style Help Empty Re: Chatbox Style Help

    Post by SarkZKalie Tue 2 Dec 2014 - 12:09

    It's a feature of basic chatbox. My opinion, you should keep it :3



    Chatbox Style Help Sarkzk10
    avatar
    cupcup
    Forumember


    Posts : 36
    Reputation : 1
    Language : english

    Chatbox Style Help Empty Re: Chatbox Style Help

    Post by cupcup Tue 2 Dec 2014 - 12:21

    uhhh oaky
    so how to make member stay online without auto logout on chatbox?
    ex: permanent online on chatbox
    avatar
    blackbee045
    New Member


    Posts : 2
    Reputation : 1
    Language : pakistan

    Chatbox Style Help Empty Re: Chatbox Style Help

    Post by blackbee045 Thu 11 Dec 2014 - 6:34

    I place this on home page, doesn't work, and try to all page still doesn't work Chatbox Style Help Icon_sad










    ________________
    Get free demos for Braindumps.com exam and VCPC550 exam exam with fcc.edu guaranteed success.


    Last edited by blackbee045 on Sat 27 Dec 2014 - 21:03; edited 1 time in total
    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1443
    Reputation : 220
    Language : English

    Chatbox Style Help Empty Re: Chatbox Style Help

    Post by SarkZKalie Thu 11 Dec 2014 - 6:36

    What exactly do you wanna do, @blackbee045 ?
    #HangThisGuy