Web [Help]Rhapsody Portal

[Burblish]

So, I attempted to code Rhapsody's portal that was released a while ago o-o.
The problem is, the background is not full, although i want it too be. Also, I want to learn how to code the buttons with CSS instead of it being an image all the time.

Here is the files:

You must be registered to see links

Is there anything else that could be done to make this look like the psd? And don't flame me because, I'm trying to learn the right way.

Off Topic Question:

Spoiler

How do I make a 'external' font load before a site is 'actually' seen?

 

[JarrYD]

Attempting to code, or waiting for someone to code it and then ripping off it?

And why would you need to do that? Just make a hover over button and button in the css and have one normal as the normal image and then the hover over as the hover over one (faded version of the normal or whatever).

And for the bg image, include something like this in the body css div or whatever.

background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

 

[Burblish]

lol, this time I'm actually trying to learn.

And why would you need to do that? Just make a hover over button and button in the css and have one normal as the normal image and then the hover over as the hover over one (faded version of the normal or whatever).

That's actually pretty smart. I'm gonna try that.

As, for the BG. I learned a bit of those

You must be registered to see links

Thanks dude.

 

[iAkira]

I did my button full css3 no image, you should take a look at it

 

[Burblish]

Yea, I did. It was really complicated though. I'm still trying to learn the css before, I can go onto css3. It'll make more sense too me. xD

 

[Rey]

you would like to take a look at this :

PHP Code :

	background: url(../inc/images/bg.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;