The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Chatbox Style Help

View previous topic View next topic Go down

Chatbox Style Help

Post by cupcup on December 2nd 2014, 2:37 am

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 December 3rd 2014, 5:19 am; edited 2 times in total

cupcup
Forumember

Posts : 36
Reputation : 1
Language : english

Back to top Go down

Re: Chatbox Style Help

Post by JScript on December 2nd 2014, 3:05 am

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

JScript
Forumember

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

http://jscript.forumeiros.com/

Back to top Go down

Re: Chatbox Style Help

Post by cupcup on December 2nd 2014, 3:18 am

@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

cupcup
Forumember

Posts : 36
Reputation : 1
Language : english

Back to top Go down

Re: Chatbox Style Help

Post by SarkZKalie on December 2nd 2014, 8:30 am

@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?

SarkZKalie
Forumember

Male Posts : 419
Reputation : 74
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: Chatbox Style Help

Post by cupcup on December 2nd 2014, 11:59 am

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

cupcup
Forumember

Posts : 36
Reputation : 1
Language : english

Back to top Go down

Re: Chatbox Style Help

Post by SarkZKalie on December 2nd 2014, 12:09 pm

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

SarkZKalie
Forumember

Male Posts : 419
Reputation : 74
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: Chatbox Style Help

Post by cupcup on December 2nd 2014, 12:21 pm

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

cupcup
Forumember

Posts : 36
Reputation : 1
Language : english

Back to top Go down

Re: Chatbox Style Help

Post by blackbee045 on December 11th 2014, 6:34 am

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










________________
Get free demos forBraindumps.comexam andVCPC550 examexam withfcc.eduguaranteed success.


Last edited by blackbee045 on December 27th 2014, 9:03 pm; edited 1 time in total

blackbee045
New Member

Posts : 2
Reputation : 1
Language : pakistan

Back to top Go down

Re: Chatbox Style Help

Post by SarkZKalie on December 11th 2014, 6:36 am

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

SarkZKalie
Forumember

Male Posts : 419
Reputation : 74
Language : English

http://rotavn.nstars.org/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum