MyBB Community Forums

Full Version: Theme Background Image
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3
Hello, I recently uploaded this image, http://puu.sh/13vR3 to my website and set it as the background.
#content {
	background: #FFF url(http://puu.sh/13vR3);
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

It did everything It old it to do, but I want to make it so people can actual see it instead of it hiding behind the forum boards. I still want to forum boards to be white though. So basically I want to keep the same color scheme but make it so the picture is visible in the background. Is there any way to do this? If you want to see how the image currently looks on my site, visit www.ntngaming.net/mybb

Thanks,
Cltcam
(2012-09-09, 04:54 PM)Cltcam Wrote: [ -> ]Hello, I recently uploaded this image, http://puu.sh/13vR3 to my website and set it as the background.
#content {
	background: #FFF url(http://puu.sh/13vR3);
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

It did everything It old it to do, but I want to make it so people can actual see it instead of it hiding behind the forum boards. I still want to forum boards to be white though. So basically I want to keep the same color scheme but make it so the picture is visible in the background. Is there any way to do this? If you want to see how the image currently looks on my site, visit www.ntngaming.net/mybb

Thanks,
Cltcam

What about a semi-transparent background?
(2012-09-09, 05:41 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 04:54 PM)Cltcam Wrote: [ -> ]Hello, I recently uploaded this image, http://puu.sh/13vR3 to my website and set it as the background.
#content {
	background: #FFF url(http://puu.sh/13vR3);
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

It did everything It old it to do, but I want to make it so people can actual see it instead of it hiding behind the forum boards. I still want to forum boards to be white though. So basically I want to keep the same color scheme but make it so the picture is visible in the background. Is there any way to do this? If you want to see how the image currently looks on my site, visit www.ntngaming.net/mybb

Thanks,
Cltcam

What about a semi-transparent background?

Sure, as long as the overall style and colors are the same yet you can see the background image, that sounds good. Could you explain to me how I could do a test on this?
(2012-09-09, 05:47 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 05:41 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 04:54 PM)Cltcam Wrote: [ -> ]Hello, I recently uploaded this image, http://puu.sh/13vR3 to my website and set it as the background.
#content {
	background: #FFF url(http://puu.sh/13vR3);
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

It did everything It old it to do, but I want to make it so people can actual see it instead of it hiding behind the forum boards. I still want to forum boards to be white though. So basically I want to keep the same color scheme but make it so the picture is visible in the background. Is there any way to do this? If you want to see how the image currently looks on my site, visit www.ntngaming.net/mybb

Thanks,
Cltcam

What about a semi-transparent background?

Sure, as long as the overall style and colors are the same yet you can see the background image, that sounds good. Could you explain to me how I could do a test on this?

How about setting this image as the background of .tborder and .trow1?
(2012-09-09, 06:59 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 05:47 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 05:41 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 04:54 PM)Cltcam Wrote: [ -> ]Hello, I recently uploaded this image, http://puu.sh/13vR3 to my website and set it as the background.
#content {
	background: #FFF url(http://puu.sh/13vR3);
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

It did everything It old it to do, but I want to make it so people can actual see it instead of it hiding behind the forum boards. I still want to forum boards to be white though. So basically I want to keep the same color scheme but make it so the picture is visible in the background. Is there any way to do this? If you want to see how the image currently looks on my site, visit www.ntngaming.net/mybb

Thanks,
Cltcam

What about a semi-transparent background?

Sure, as long as the overall style and colors are the same yet you can see the background image, that sounds good. Could you explain to me how I could do a test on this?

How about setting this image as the background of .tborder and .trow1?
Like this? Would that be the correct code? Just want to make sure before changing.
background: #FFF url(http://community.mybb.com/attachment.php?aid=27239)
(2012-09-09, 07:09 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 06:59 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 05:47 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 05:41 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 04:54 PM)Cltcam Wrote: [ -> ]Hello, I recently uploaded this image, http://puu.sh/13vR3 to my website and set it as the background.
#content {
	background: #FFF url(http://puu.sh/13vR3);
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

It did everything It old it to do, but I want to make it so people can actual see it instead of it hiding behind the forum boards. I still want to forum boards to be white though. So basically I want to keep the same color scheme but make it so the picture is visible in the background. Is there any way to do this? If you want to see how the image currently looks on my site, visit www.ntngaming.net/mybb

Thanks,
Cltcam

What about a semi-transparent background?

Sure, as long as the overall style and colors are the same yet you can see the background image, that sounds good. Could you explain to me how I could do a test on this?

How about setting this image as the background of .tborder and .trow1?
Like this? Would that be the correct code? Just want to make sure before changing.
background: #FFF url(http://community.mybb.com/attachment.php?aid=27239)

Nope! Remove the #FFF.
(2012-09-09, 08:07 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 07:09 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 06:59 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 05:47 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 05:41 PM)Scois0n Wrote: [ -> ]What about a semi-transparent background?

Sure, as long as the overall style and colors are the same yet you can see the background image, that sounds good. Could you explain to me how I could do a test on this?

How about setting this image as the background of .tborder and .trow1?
Like this? Would that be the correct code? Just want to make sure before changing.
background: #FFF url(http://community.mybb.com/attachment.php?aid=27239)

Nope! Remove the #FFF.

www.ntngaming.net/mybb Ugh, doesn't look right at all. Any other ideas?! Undecided
(2012-09-09, 08:13 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 08:07 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 07:09 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 06:59 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 05:47 PM)Cltcam Wrote: [ -> ]Sure, as long as the overall style and colors are the same yet you can see the background image, that sounds good. Could you explain to me how I could do a test on this?

How about setting this image as the background of .tborder and .trow1?
Like this? Would that be the correct code? Just want to make sure before changing.
background: #FFF url(http://community.mybb.com/attachment.php?aid=27239)

Nope! Remove the #FFF.

www.ntngaming.net/mybb Ugh, doesn't look right at all. Any other ideas?! Undecided

get rid of width 100%

background: url(http://community.mybb.com/attachment.php?aid=27239);
(2012-09-09, 09:17 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 08:13 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 08:07 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 07:09 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 06:59 PM)Scois0n Wrote: [ -> ]How about setting this image as the background of .tborder and .trow1?
Like this? Would that be the correct code? Just want to make sure before changing.
background: #FFF url(http://community.mybb.com/attachment.php?aid=27239)

Nope! Remove the #FFF.
www.ntngaming.net/mybb Ugh, doesn't look right at all. Any other ideas?! Undecided

get rid of width 100%

background: url(http://community.mybb.com/attachment.php?aid=27239);

Where? On #content?
(2012-09-09, 09:23 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 09:17 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 08:13 PM)Cltcam Wrote: [ -> ]
(2012-09-09, 08:07 PM)Scois0n Wrote: [ -> ]
(2012-09-09, 07:09 PM)Cltcam Wrote: [ -> ]Like this? Would that be the correct code? Just want to make sure before changing.
background: #FFF url(http://community.mybb.com/attachment.php?aid=27239)

Nope! Remove the #FFF.
www.ntngaming.net/mybb Ugh, doesn't look right at all. Any other ideas?! Undecided

get rid of width 100%

background: url(http://community.mybb.com/attachment.php?aid=27239);

Where? On #content?

no, on the image in .trow1

background: url(http://community.mybb.com/attachment.php?aid=27239) width 100%;

to

background: url(http://community.mybb.com/attachment.php?aid=27239);

Okay let me explain what code you should put in.

FOR .TBORDER

Change
.tborder {
background: url(http://community.mybb.com/attachment.php?aid=27239)
 width: 100%;
margin: auto auto;
border: 1px solid #CCC;
padding: 1px;
}

to

.tborder {
background: url(http://community.mybb.com/attachment.php?aid=27239);
width: 100%;
margin: auto auto;
border: 1px solid #CCC;
padding: 1px;
}

You forgot a line terminator, that's why your forum is all screwed up.
Pages: 1 2 3