(2012-09-09, 10:52 PM)Scois0n Wrote: [ -> ] (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: [ -> ]Nope! Remove the #FFF.
www.ntngaming.net/mybb Ugh, doesn't look right at all. Any other ideas?! 
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.
Changed that to
}
.tborder {
background: url(http://community.mybb.com/attachment.php?aid=27239);
width: 100%;
margin: auto auto;
border: 1px solid #CCC;
padding: 1px;
}
AND
}
.trow1 {
background: url(http://community.mybb.com/attachment.php?aid=27239);
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}
Yup, and it worked. If you want the other forum columns tolook like that, enter the code in the .trow2 code block.
(2012-09-09, 11:33 PM)Cltcam Wrote: [ -> ] (2012-09-09, 11:30 PM)Scois0n Wrote: [ -> ]Yup, and it worked. If you want the other forum columns tolook like that, enter the code in the .trow2 code block.
Hm, it looks better but doesn't exactly look right. Is there any way to get the background more centered and only have one image there?
I'm not sure about centering it, but add no-repeat to stop it from repeating.
(2012-09-10, 12:17 AM)Scois0n Wrote: [ -> ] (2012-09-09, 11:33 PM)Cltcam Wrote: [ -> ] (2012-09-09, 11:30 PM)Scois0n Wrote: [ -> ]Yup, and it worked. If you want the other forum columns tolook like that, enter the code in the .trow2 code block.
Hm, it looks better but doesn't exactly look right. Is there any way to get the background more centered and only have one image there?
I'm not sure about centering it, but add no-repeat to stop it from repeating.
What about this?
background: #fff url(path to image) no-repeat center fixed;
Background: #fff url(pathtoimage) top no-repeat;
Use that to center a bg image to the top.
Also to Mae it visible through the boards use:
Opacity: 0.5;
On the container. Although it would be a bit smarter to use an opac bg image on the container instead.
(2012-09-10, 02:44 AM)CorysRevenge Wrote: [ -> ]Background: #fff url(pathtoimage) top no-repeat;
Use that to center a bg image to the top.
Also to Mae it visible through the boards use:
Opacity: 0.5;
On the container. Although it would be a bit smarter to use an opac bg image on the container instead.
This theme (Apart 1) only responds to changes on the #content not #container. Should I use this
Background: #fff url(pathtoimage) top no-repeat;
On .tborder and .trow1?
(2012-09-10, 10:23 AM)Cltcam Wrote: [ -> ] (2012-09-10, 02:44 AM)CorysRevenge Wrote: [ -> ]Background: #fff url(pathtoimage) top no-repeat;
Use that to center a bg image to the top.
Also to Mae it visible through the boards use:
Opacity: 0.5;
On the container. Although it would be a bit smarter to use an opac bg image on the container instead.
This theme (Apart 1) only responds to changes on the #content not #container. Should I use this Background: #fff url(pathtoimage) top no-repeat;
On .tborder and .trow1?
No, That would be useless. We're trying to effect the background image, not the .border image. Use that code in #content.
Why not directly use css3 rgba?
Instead of #FFF use this for 50% transparent white:
rgba(255, 255, 255, .5);
Note on 4th a value: .7 is less transparent, .3 is more. 0 is completely transparent and 1 is not transparent.
(2012-09-10, 01:24 PM)effone Wrote: [ -> ]Why not directly use css3 rgba?
Instead of #FFF use this for 50% transparent white:
rgba(255, 255, 255, .5);
Note on 4th a value: .7 is less transparent, .3 is more. 0 is completely transparent and 1 is not transparent.
Yeah, but i figured it would be simpler to throw him a semi-transparent png instead.