The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

CSS Code Request > Chat Box Image Background

View previous topic View next topic Go down

Solved CSS Code Request > Chat Box Image Background

Post by Hydreigon205 on 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
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™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Jophy on 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
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Hydreigon205 on 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
Forumember

Posts : 32
Reputation : 1
Language : English

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

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

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


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


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Hydreigon205 on 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
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™ on June 21st 2014, 1:17 am

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

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

Post by Ange Tuteur on 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
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: CSS Code Request > Chat Box Image Background

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

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

Topic Marked as Solved.

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 on June 21st 2014, 3:45 am

Topic Solved & Archived


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


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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