How to replace my chat with a new one.
4 posters
Page 1 of 1
How to replace my chat with a new one.
Hello, I would like to replace the chat on my forum with something else, here is the code I want to change my chat to.
<!-- <Auren Chat Box> !-->
<div id='aurenChatBox'></div>
<script>
var auren_chat_box = {};
auren_chat_box.width = 400;
auren_chat_box.height = 350;
auren_chat_box.id = 'spike';
</script>
<script src="http://aurenjs.com/embed/embed.js"></script>
<!-- </Auren Chat Box> !-->
I would like to take the default chat you get on forumotion to replace with that code, I tried doing in in my templates and index body but that way won't work.
Please help, thanks.
<!-- <Auren Chat Box> !-->
<div id='aurenChatBox'></div>
<script>
var auren_chat_box = {};
auren_chat_box.width = 400;
auren_chat_box.height = 350;
auren_chat_box.id = 'spike';
</script>
<script src="http://aurenjs.com/embed/embed.js"></script>
<!-- </Auren Chat Box> !-->
I would like to take the default chat you get on forumotion to replace with that code, I tried doing in in my templates and index body but that way won't work.
Please help, thanks.
Guest- Guest
Re: How to replace my chat with a new one.
If you need my forum link it's spike.forums.fm
SO SORRY FOR DOUBLE POST
SO SORRY FOR DOUBLE POST
Guest- Guest
Re: How to replace my chat with a new one.
Have you tried adding the code to a HTML page, a widget, an announcement, or the homepage message?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to replace my chat with a new one.
@Luke Spike
Create a new JavaScript with placement only in index, copy and past the code below:
Result:
JS
Create a new JavaScript with placement only in index, copy and past the code below:
- Code:
function insertChatBox(chatbox_id, chatbox_url) {
return insertChatBoxNew(chatbox_id, chatbox_url);
}
function insertChatBoxNew(chatbox_id, chatbox_url) {
document.getElementById(chatbox_id).innerHTML = '<iframe src="http://aurenjs.com/chat.php?id=spike" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
}
Result:
JS
Re: How to replace my chat with a new one.
How do I add a message above the chat, also it works thanks!
Guest- Guest
Re: How to replace my chat with a new one.
Make a dash in the image I posted the place you want to put the message, ok?
JS
JS
Re: How to replace my chat with a new one.
@Luke Spike
Try this CSS:
JS
Try this CSS:
- Code:
#chatbox_top:before, #chatbox_botton:before {
content: "The text goes along here!";
font-size: 14px;
margin-top: -25px;
position: absolute;
}
JS
Re: How to replace my chat with a new one.
I fixed your code and it's bottom not botton lol. Thanks, BUT it is going over the top of the chat and in to something else, how do I move it down and the chat down a little bit?
EDIT: What I mean is how do I move the text down a little then the chat a little.
EDIT: What I mean is how do I move the text down a little then the chat a little.
Last edited by Luke Spike on December 1st 2014, 10:20 pm; edited 1 time in total
Guest- Guest
Re: How to replace my chat with a new one.
Edit this part:
- Code:
margin-top: -25px;
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to replace my chat with a new one.
Okay, now how do I make it in to the center and add HTML text to lead to links, I tried but it just deletes?
Guest- Guest
Re: How to replace my chat with a new one.
I'm human, then maybe I can fail!Luke Spike wrote:I fixed your code and it's bottom not botton lol.
Bye bye, so long, farewell...
JS
Re: How to replace my chat with a new one.
Hello Luke Spike,
Try this :
Administration Panel > Modules > JavaScript codes management > Create a new script
Title : Your choice
Placement : In the homepage
Edit the value of msg to change the message displayed above the chat.
Add this to your CSS to change the style of the message block :
Display > Colors > CSS stylesheet
P.S.
Correcting people on their grammar or spelling is often considered to be rude when they didn't ask for it.
Try this :
Administration Panel > Modules > JavaScript codes management > Create a new script
Title : Your choice
Placement : In the homepage
- Code:
$(function() {
var msg = 'Your message here <a href="/forum">Link</a>', a = document.getElementById('frame_chatbox'), b = document.createElement('DIV');
b.innerHTML = msg, b.className += ' msgBox';
a.parentNode.insertBefore(b,a);
});
Edit the value of msg to change the message displayed above the chat.
Add this to your CSS to change the style of the message block :
Display > Colors > CSS stylesheet
- Code:
.msgBox {
text-align:center;
background:#EEE;
border:1px solid #CCC;
border-radius:3px;
padding:6px 3px;
margin:6px 0;
}
P.S.
Correcting people on their grammar or spelling is often considered to be rude when they didn't ask for it.
Re: How to replace my chat with a new one.
Create a new HTML page with your new chatbox source code, e.g http://yourdomain.com/h1-page. Then, use iframe tag to place it on the page you want.
- Code:
<iframe src="http://yourdomain.com/h1-page" width="" height=""></iframe>
Re: How to replace my chat with a new one.
I see that you answered without even check if it has been answered, see: https://help.forumotion.com/t137171-how-to-replace-my-chat-with-a-new-one#926219sarkzkalie01 wrote:Create a new HTML page with your new chatbox source code, e.g http://yourdomain.com/h1-page. Then, use iframe tag to place it on the page you want.
- Code:
<iframe src="http://yourdomain.com/h1-page" width="" height=""></iframe>
See also the previous message yours!
JS
Re: How to replace my chat with a new one.
Oh my bad, seems to be a bit of confusion. I don't even remember posting this here. What a shame! ="=
Thanks, JS.
Thanks, JS.
Similar topics
» Replace the chat box table into a different image. ONLY the chatbox table!
» Addition of a Staff Chat/ideas for current chat additions.
» How to replace a link?
» Logo - I can't seem to replace it
» How can i put a chat system in my forum from another chat giving site??
» Addition of a Staff Chat/ideas for current chat additions.
» How to replace a link?
» Logo - I can't seem to replace it
» How can i put a chat system in my forum from another chat giving site??
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum