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.

CSS Code Request > Chat Box Image Background

5 posters

Go down

Solved CSS Code Request > Chat Box Image Background

Post by Hydreigon205 June 20th 2014, 3:15 am

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!


Last edited by Hydreigon205 on June 21st 2014, 3:12 am; edited 2 times in total
Hydreigon205
Hydreigon205
Forumember

Posts : 32
Reputation : 1
Language : English

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Sir Chivas™ June 20th 2014, 4:35 am

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.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Jophy June 20th 2014, 9:12 am

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;
}
Jophy
Jophy
ForumGuru

Male Posts : 17922
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Hydreigon205 June 20th 2014, 4:02 pm

Thanks Jophy, the code for the chat box works Smile.

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.
Hydreigon205
Hydreigon205
Forumember

Posts : 32
Reputation : 1
Language : English

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by SLGray June 20th 2014, 9:31 pm

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


CSS Code Request > Chat Box Image Background Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51569
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Hydreigon205 June 21st 2014, 12:41 am

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.
Hydreigon205
Hydreigon205
Forumember

Posts : 32
Reputation : 1
Language : English

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Sir Chivas™ June 21st 2014, 1:17 am

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

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Ange Tuteur June 21st 2014, 1:22 am

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','/')});
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Hydreigon205 June 21st 2014, 3:11 am

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

Topic Marked as Solved.
Hydreigon205
Hydreigon205
Forumember

Posts : 32
Reputation : 1
Language : English

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by SLGray June 21st 2014, 3:45 am

Topic Solved & Archived


CSS Code Request > Chat Box Image Background Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51569
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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