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.

Put a picture as the background of the chatbox?

View previous topic View next topic Go down

Solved Put a picture as the background of the chatbox?

Post by tattybear on 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

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 on July 18th 2010, 8:11 pm

Your forum version?

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

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

Yeah, i have created a forum through forumotion.

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 on July 18th 2010, 8:53 pm

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

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

hey

it is phpbb2

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 on July 18th 2010, 9:27 pm

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by tattybear on 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 :/

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 on July 18th 2010, 9:38 pm

the image wont over ride the colour :/

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 on 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)


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
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 on August 12th 2010, 5:27 am

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

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 on October 1st 2010, 5:57 pm

How about phpbb3?

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 on 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
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 on October 2nd 2010, 6:49 am

Ok, thanks

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 on October 2nd 2010, 7:24 am


RoNo
Active Poster

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

http://bf2mercenaries.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