Is there a CSS code to add an image button to the chatbox link that is at the bottom of phpbb3 forums? Instead on the text link I want to replace it with a button. I'm talking about the default chatbox link not the FMchat. I'm not using FMchat.

You can post over here the code of chatbox ?

Hi!

RicYiu, he said, he uses the default forumotion chatbox.

runawayhorses, can you post a screenshot so we can understand your problem better? Thank you.

Ok here it is, I didn't highlight it but you see the word "Chatbox" near the bottom. That is a chatbox link that opens the chatbox in full screen mode. I have another button for the regular size chatbox and I coded it to open in a new popout window, requires no javascript. I requested to have it added as a tutorial but I havent heard back yet. If you want to try it out click my forum link and you'll see on the home page the chatbox button. Click that and it will open in a popout window. No javascript and its the same default chatbox.

OK back to the topic at hand, there my screenshot:

Oh, I see.

Add to Javascript codes management:

Code:

$(function(){
$('div.h3 a[href="/chatbox/index.forum?"]')replaceWith('<a href="chatbox/index.forum?" target="ChatBox"><img src="IMAGE_LINK" /></a>');
});

Replace IMAGE_LINK with the image link for your image.

Thanks Coddy.. but I'm not going to add javascript, in fact I'm just going to leave that link a text link. thanks for your help..