Put a picture as the background of the chatbox?
5 posters
Page 1 of 1
Put a picture as the background of the chatbox?
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
Many thanks
tattybear- New Member
- Posts : 20
Reputation : 0
Language : english
Re: Put a picture as the background of the chatbox?
Your forum version?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Put a picture as the background of the chatbox?
Yeah, i have created a forum through forumotion.
tattybear- New Member
- Posts : 20
Reputation : 0
Language : english
Re: Put a picture as the background of the chatbox?
I mean is it phpbb2 or phpbb3 or punbb or invision?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Put a picture as the background of the chatbox?
hey
it is phpbb2
it is phpbb2
tattybear- New Member
- Posts : 20
Reputation : 0
Language : english
Re: Put a picture as the background of the chatbox?
- Code:
body.chatbox {
background-image: url(IMAGE URL) ;
}
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Put a picture as the background of the chatbox?
Sanket wrote:Add this to your css. See if that works.
- Code:
body.chatbox {
background-image: url(IMAGE URL) ;
}
No that doesnt work
tattybear- New Member
- Posts : 20
Reputation : 0
Language : english
Re: Put a picture as the background of the chatbox?
the image wont over ride the colour
tattybear- New Member
- Posts : 20
Reputation : 0
Language : english
Re: Put a picture as the background of the chatbox?
(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
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.
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");
}
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.
Re: Put a picture as the background of the chatbox?
how about making the image on the side only? and its not tiled
Hellrose- Forumember
- Posts : 202
Reputation : 0
Language : English
Re: Put a picture as the background of the chatbox?
For Phpbb3
(this is for a repeating/tiled background)
If you want to add a single image to the background...
Experiment with it's placement... like this
(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;
}
Re: Put a picture as the background of the chatbox?
Since the issues have been resolved, this thread is closed. Glad I could help. |
RoNo |
General rules Tricks & Tips FAQ listing | For founders who lost their passwords About support requests by PM Announcements & Updates |
Similar topics
» Chatbox background picture help.
» how to put a picture at chatbox
» How do i put a picture behind meh chatbox
» Background Picture Help
» Background Picture
» how to put a picture at chatbox
» How do i put a picture behind meh chatbox
» Background Picture Help
» Background Picture
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum