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.

Put a picture as the background of the chatbox?

5 posters

Go down

Solved Put a picture as the background of the chatbox?

Post by tattybear July 18th 2010, 7:58 pm

At the moment my background is one block colour. I would like the chat box to have a photos/picture behind it. How can I do this please?

Many thanks
avatar
tattybear
New Member

Posts : 20
Reputation : 0
Language : english

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by Sanket July 18th 2010, 8:11 pm

Your forum version?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by tattybear July 18th 2010, 8:48 pm

Yeah, i have created a forum through forumotion.
avatar
tattybear
New Member

Posts : 20
Reputation : 0
Language : english

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by Sanket July 18th 2010, 8:53 pm

I mean is it phpbb2 or phpbb3 or punbb or invision?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by tattybear July 18th 2010, 9:05 pm

hey

it is phpbb2
avatar
tattybear
New Member

Posts : 20
Reputation : 0
Language : english

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by Sanket July 18th 2010, 9:27 pm

Code:
body.chatbox {   
   background-image: url(IMAGE URL) ;
   }
Add this to your css. See if that works.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by tattybear July 18th 2010, 9:36 pm

Sanket wrote:
Code:
body.chatbox {   
   background-image: url(IMAGE URL) ;
   }
Add this to your css. See if that works.

No that doesnt work :/
avatar
tattybear
New Member

Posts : 20
Reputation : 0
Language : english

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by tattybear July 18th 2010, 9:38 pm

the image wont over ride the colour :/
avatar
tattybear
New Member

Posts : 20
Reputation : 0
Language : english

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by RoNo July 19th 2010, 12:37 am

(for phpbb2)

If you want to cover the entire background with tiled images...

Edit the image Url's & colors in this code,
paste it to your Css and click submit
Admin Panel»Display»Colors»Css
Code:
body.chatbox {
   min-width: 550px !important;
   background-image: url("http://i27.tinypic.com/1zf6gia.jpg");
   padding: 0;
   margin: 0;
   background-color: #262626;
   }

#chatbox_members .member-title {
   background-color:#262626;
   background-image:url("http://i27.tinypic.com/1zf6gia.jpg");
   color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:12px;
   padding:0.5em 0.25em;
   text-align:center;
   }

#chatbox p {
   background-color:#262626;
   background-image:url("http://i27.tinypic.com/1zf6gia.jpg");
   line-height:1.2em;
}

.chatbox_row_1 {
   background-color:#262626;
   background-image:url("http://i27.tinypic.com/1zf6gia.jpg");
   padding:4px;
   }

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
   font-size:12px;
   background-image:url("http://i27.tinypic.com/1zf6gia.jpg");
   }
Example (click)
Put a picture as the background of the chatbox? Th_phpbb2_chatbox_bg01


If you want a single image positioned center-right etc...
experiment/add the image to body.chatbox and refer to:
html-css-background-position for info on positioning your image.
RoNo
RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by Hellrose August 12th 2010, 5:27 am

how about making the image on the side only? and its not tiled
Hellrose
Hellrose
Forumember

Posts : 202
Reputation : 0
Language : English

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by Rikho123 October 1st 2010, 5:57 pm

How about phpbb3?
avatar
Rikho123
Forumember

Male Posts : 120
Reputation : 0
Language : indonesia

http://sharemind.betaboard.net

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by RoNo October 1st 2010, 9:36 pm

For Phpbb3
(this is for a repeating/tiled background)
Code:
body.chatbox {
   background-image: url('YOUR IMAGE ADDRESS HERE');
   background-repeat: repeat;
   }

If you want to add a single image to the background...
Experiment with it's placement... like this
Code:
body.chatbox {
   background-image : url('YOUR IMAGE ADDRESS HERE');
   background-repeat : no-repeat;
   background-position : right 103px;
   }
→Try it yourself examples of background placement
RoNo
RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by Rikho123 October 2nd 2010, 6:49 am

Ok, thanks
avatar
Rikho123
Forumember

Male Posts : 120
Reputation : 0
Language : indonesia

http://sharemind.betaboard.net

Back to top Go down

Solved Re: Put a picture as the background of the chatbox?

Post by RoNo October 2nd 2010, 7:24 am

RoNo
RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Back to top

- Similar topics

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