CSS Code Request > Chat Box Image Background

Hi, I would like to have a code for the background of my forum's chatbox.

Click this link to go to my forum.

In the code should be an image link. I would replace that image link with the image link of the image I would like to be the background of the chatbox.
The code type I need must be for the CSS Stylesheet. I do not code the forum appearance with Javascript or HTML.

My Forum version is phpBB2.

Thanks in advance.


EDIT: Oh and I would also like a code so when people click on my image at the top of the forum, it redirects them to the portal instead of the forum. Thanks!

I don't understand the first thing that you're asking.

Second part; ACP >> Display >> Homepage >> Generalities >> Your forum redirects to : The portal.


Regards,
Sir Chivas.

Hello, please change the title of your topic to a more specific one, which is related to your problem, so that users using the search engine will be able to find solution to similar problems.

For changing the background of chatbox, try this CSS code:

If you prefer color:

Code:

div#chatbox, #chatbox_members {
background-color: COLORHERE !important;
}

Image:

Code:

div#chatbox, #chatbox_members {
background-image: url('IMAGE URL HERE') !important;
background-repeat: no-repeat;
}

Thanks Jophy, the code for the chat box works .

Sir Chivas, I have my setting like that. My forum is already set to redirect to the portal. I checked it in the same area you told me to, but I have already set it to redirect to the portal. The homepage is the portal, but the image logo at the top of the forum, when I click on that, it goes to http://www.hexgalaxymc.net/forum but I want it to go to http://www.hexgalaxymc.net/. I believe there is a code to make it like that. Thank you in advance.

The logo/banner is set to load the index of your forum.

Yeah well I want it to lead to my home page (portal). I know there is a CSS code for this now. Please give me the code.

You gotta do some changes to the templates for that? Would you like those changes done?

Hydreigon205 wrote:I know there is a CSS code for this now. Please give me the code.

You cannot change an elements Attribute with CSS. CSS is for defining the Style of an element.

You can change it by JavaScript, or by the Templates as Chivas has mentioned.

For JavaScript :
Modules > JavaScript Codes management > Create a new script

Title : your choice
Placement : In all the pages

Code:

$(function(){$('a:has(#i_logo)').attr('href','/')});

Thanks Ange Tuteur,
I put the javascript code in and it worked.

Topic Marked as Solved.