Background help please

Hi i was wondering if someone could help me im trying to do 2 things atm and i just can't figure it out. Firstly i'm trying to set my background picture but i'm having a problem as the picture keeps repeating. I just want the picture i've upload to stay in the background once full screen and then stay there when i scroll up and down.

I have tried these codes in the CSS style sheet that I found through the search feature but I don't seem to be having any luck.

Code:

body{
        background: url(http://i40.tinypic.com/14wgfwm.png) fixed;
        }

and

Code:

body{
        background-image: url(http://i40.tinypic.com/14wgfwm.png) !important;
        background-position: fixed !important;
        }

Edit: but with a url to my picture hosted on your site and imageshack but neither worked.

I'm also trying to make i think its called the body line background transparent but i dont seem to be having any luck with that either. I can change the colour but not the actual opacity.

Hmm anyway i think the site is in phpbb2 and heres a link to it incase you need to look.

http://wingkrak.forumotion.co.uk/

Any help would be much appreciated.

Hi!

If you don't want your background image to repeat, please add this to your CSS code:

Code:

body {
    background-attachment: fixed;
    background-image: url("http://i41.servimg.com/u/f41/17/01/53/21/battle11.jpg") !important;
    background-repeat: no-repeat;
}

However, because the image is smaller than the forum's background, there will be some empty space left.

Base wrote:Hi!

If you don't want your background image to repeat, please add this to your CSS code:

Code:

body {
    background-attachment: fixed;
    background-image: url("http://i41.servimg.com/u/f41/17/01/53/21/battle11.jpg") !important;
    background-repeat: no-repeat;
}

However, because the image is smaller than the forum's background, there will be some empty space left.

Brilliant thats working great thank you i just need a bigger picture now.

Edit: How do i find out how big the picture needs to be ?

You're welcome! Is this problem solved then?

Base wrote:You're welcome! Is this problem solved then?

Not just yet i could do with finding out how big the picture needs to be and how to make the background body line thing (its in my original post) transparent if you don't mind.

That's going to be very difficult, because the size needed is going to change constantly as you add new things to your forum; not to mention other computers may have different screen resolutions.

You could try using this:

Code:

body {
    background-attachment: fixed;
    background-image: url("http://i41.servimg.com/u/f41/17/01/53/21/battle11.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
}

The background image will automatically resize to cover the whole background I think.

Base wrote:That's going to be very difficult, because the size needed is going to change constantly as you add new things to your forum; not to mention other computers may have different screen resolutions.

You could try using this:

Code:

body {
    background-attachment: fixed;
    background-image: url("http://i41.servimg.com/u/f41/17/01/53/21/battle11.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
}

The background image will automatically resize to cover the whole background I think.

From what i can see that works brilliantly again thank you.

Hmm there's not much going to change now except for the banner at the top which a wing mate is making in the exact same size as the one that's already there and then a couple more forum sections are going to be added and that's it well start using it properly. I just need to make that background body line thing transparent so you can see the picture underneath partially and it should look great.

Code:

.bodyline{
    background-color: #121212;
    border: 1px #242424 solid;
   }

I'm pretty sure that's the thing i'm on about that i want to make transparent as i turned it to red before in the none CSS part of the admin panel.

EDIT: I've sort of done what i wanted to but the whole page has gone transparent instead of the bit i wanted.

EDIT2: Ok this is what ive added.

Code:


.bodyline{
    background-color: #121212;
    border: 1px #242424 solid;
   opacity:0.4;
   filter:alpha(opacity=40);
   }
.bodyline:hover{
   opacity:1.0;
   filter:alpha(opacity=100);
}

Its nearly what i want but its the entire page instead of the background. Basically before i started to mess with the CSS style sheet i went to the colours section and changed the Body line background color and it changed what i want to be transparent from black to red.

Ahh this is hard to explain hopefully you get the idea..

Hi,

I don't think you can avoid it when using CSS on .bodyline though maybe I'm mistaken. You can use for that a semi transparent photo done in PS and add it as bodyline background and that will fade only the bodyline part not the whole page.

Thanks

------------------------
"sbobet-
ผลบอล-
gclub-
บาคาร่าออนไลน์"

Nera. wrote:Hi,

I don't think you can avoid it when using CSS on .bodyline though maybe I'm mistaken. You can use for that a semi transparent photo done in PS and add it as bodyline background and that will fade only the bodyline part not the whole page.

So if i find a suitable picutre and insert this.

background-image: url("URL to picture") ;

In here in the CSS style sheet

Code:


.bodyline{
    background-image: url("URL to picture") ;
        background-color: #121212;
    border: 1px #242424 solid;
   opacity:0.4;
   filter:alpha(opacity=40);
   }
.bodyline:hover{
   opacity:1.0;
   filter:alpha(opacity=100);
}

Would that work ?

Sorry about the long time for the reply real life has been getting in the way but your help is much appreciated, Thank you .