Adding Background Images on Tabs + Blank Annoucement Rectangle be gone.

Site: http://paperthin-hymn.nstars.org/
Running: Invision

Question Two!
Because I added the pop-up chat box (and I have to have announcements on, now there's this annoying
block of gray that I've highlighted in yellow. Is there any CSS/HTML that can let me take that off, but keep
the pop-up chatbox? Cheers!

Hey, your second problem can be resolved by completely uninstalling that pop up chat method.


And use the method i mention in this thread:
http://help.forumotion.com/t97543-pop-out-chatbox

It means there won't be an announcement box, because it doesn't use announcements at all.

@LGforum wrote:Hey, your second problem can be resolved by completely uninstalling that pop up chat method.


And use the method i mention in this thread:
http://help.forumotion.com/t97543-pop-out-chatbox

It means there won't be an announcement box, because it doesn't use announcements at all.

Oh, alright, and I can still keep the customizations? I'll try it :3

Edit: It seems Invisionfree doesn't support Widgets?

Yes its possible to keep customizations.

Are you sure? Im positive it does, modules > forum widgets?

If not try pputting it in the homepage message. though obviously that only appears in the homepage. Let me know if you need more help. I may need to visit your forum.

Oh, yes! It does, I had just never activated it. Haha.

I did as instructed and it's working! Though, is there any way the chat box can expand/retract like in the other coding? Or is it merely pop-up, pop-down style?

Edit: Did you also happen to have a solution for my other two problems too, hopefully?

This script is merely appear and dissappear. Im sorry.

It is posible to add the slide function to it however. I just can't think how at the moment without looking at the tutorial you used.

Oh, it's alright, I can live with the gray bar!
Thank you for taking the time out to help, I really appreciate it.

Hey again.
So i had a look back on my script and improved it to be more of your liking.

Follow this now:

@LGforum wrote:That to be honest is a daft tutorial for a chatbox.

Do this:

put this in a widget:

Code:


<script>
<div id="popupchat" style="display: none;">
<iframe src="/chatbox/index.forum" height="500px" width="600px"></iframe>
</div>
<div id="chatlink">ADD AN IMAGE OR SOMETHING HERE</div>


Then put this in your CSS:

Code:


#popupchat {
position: fixed;
bottom: 1px;
right: 30px;
}
#chatlink {
position: fixed;
bottom: 1px;
right: 30px;
}


then visit Modules > Javascript Management and create a new javascript file. Click in all pages.
And paste this script in to it:

Code:


$(function() {
$('#chatlink').click(function() {
$('#popupchat').slideToggle();
});
});


Now it will slide nicely

. 3. You're so wonderful, ne~

It works well, thank you!

Solved?

Solved ^_^! Thank you LGforum-san!