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.

Chatbox Button

2 posters

Go down

Solved Chatbox Button

Post by runawayhorses April 30th 2012, 7:31 pm

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.


Last edited by runawayhorses on April 30th 2012, 10:04 pm; edited 1 time in total
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Chatbox Button

Post by levy April 30th 2012, 7:34 pm

You can post over here the code of chatbox ?
levy
levy
Hyperactive

Male Posts : 2632
Reputation : 350
Language : English, Romanian
Location : Romania

https://portofolio.goodforum.net/

Back to top Go down

Solved Re: Chatbox Button

Post by Guest April 30th 2012, 7:41 pm

Hi!

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

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


Back to top Go down

Solved Re: Chatbox Button

Post by runawayhorses April 30th 2012, 7:57 pm

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. Smile

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

Chatbox Button Sschat
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Chatbox Button

Post by Guest April 30th 2012, 8:57 pm

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. Wink
avatar
Guest
Guest


Back to top Go down

Solved Re: Chatbox Button

Post by runawayhorses April 30th 2012, 10:04 pm

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.. Smile
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Back to top


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