VFL

[Mr. Grumpy Bear 347]

If anyone had a hand in skinning that site or is an expert at skinning I would like some help skinning a site that I am on. I have some ideas based of some of the attributes of that site. I can float someone who helps me with it a 50 spot or something.

[CoachReilly 688]

believe that was 95% beketov

[Mr. Grumpy Bear 347]

Sweet, I'll get ahold of him. I can do everything but the background doesn't seem to work for me.

[Kyle 667]

believe that was 95% beketov

 

Wat.

[Advantage 2,891]

Indeed, TGF did it cause I got him to do a similar design on MFA.

[Beketov 9,025]

Indeed, TGF did it cause I got him to do a similar design on MFA.

And by similar you mean take the same design and change like 3 colors

 

But yes, the VFL skin I did. What exactly are you having trouble with BG wise? Not gonna lie, the BG was the trickiest part of that entire skin. Rounding was a bit of an issue but easy enough to fix.

[Mr. Grumpy Bear 347]

It won't stay in place when scrolling. I tried just taking the coding from VFL and putting my background in and it still doesn't stay in place.

[Beketov 9,025]

I don't remember the exact line of code needed for that. I believe it's "background-attachment: fixed"

 

I know the wording of the variable is fixed but I don't recall the actual code. Do you see anything similar to that in the CSS?

 

Edit: Went and looked at the code, what do you know, I was right haha. It all has to do with the abse body tag. In the case of the VFL skin it looks like this:

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; 
font-size: 11px; 
color: #000; 
margin:20px 10px 20px 10px; 
background-color:#73b8d4;
background-image: url(http://www.sportzin.com/forums/uploads/images/1340988573-U12444.png);
background-position: top center; 
background-repeat: no-repeat; 
background-attachment: fixed; }

Of course all that shouldn't need to be separated. I just did that to make it a little easier to look at.

[Mr. Grumpy Bear 347]

I tried that with my image and nothing, It doesn't seem to want to stay still and centered. 

Edited October 18, 2013 by Bushito

[Beketov 9,025]

I tried that with my image and nothing, It doesn't seem to want to stay still and centered. 

Wanna post your code for the body section and I'll take a look at it?

[Mr. Grumpy Bear 347]

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; 

font-size: 11px; 

color: #000; 

margin:20px 10px 20px 10px; 

background-color:#73b8d4;

background-image: url(http://i578.photobucket.com/albums/ss222/Bushito/Hockeyleague.png);

background-position: top center; 

background-repeat: no-repeat; 

background-attachment: fixed; }

 

 

Basically what you posted worked perfectly so I put in my image and it didn't fill the background like I wanted, don't know it it's photbucket or my link or what.

[Beketov 9,025]

Just posting this so I can see them side by side, feel free to ignore it right now.

 

MINE:

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; 
font-size: 11px; 
color: #000; 
margin:20px 10px 20px 10px; 
background-color:#73b8d4;
background-image: url(http://www.sportzin.com/forums/uploads/images/1340988573-U12444.png);
background-position: top center; 
background-repeat: no-repeat; 
background-attachment: fixed; }

YOURS:

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; 
font-size: 11px; 
color: #000; 
margin:20px 10px 20px 10px; 
background-color:#73b8d4;
background-image: url(http://i578.photobucket.com/albums/ss222/Bushito/Hockeyleague.png);
background-position: top center; 
background-repeat: no-repeat; 
background-attachment: fixed; }

[Beketov 9,025]

Wanna PM me a link to the site and I'll see what it's doing?

 

Two things strike me immediately but don't seem to fit the bill as the problem.

 

First, your image is likely way too small to be an effective background. Then again, I don't recall exactly how large mine was, I might have just filled the empty space with a color. I do think the size is off though.

 

Second, photobucket is notoriously bad for giving direct links to images which skin design requires. I would either host skin images directly on the site or using something like tinypic that's better for giving straight image links.