CSS Backgrounds

[G5Unit]

I have a myspace page and I wish to have a sort of header on top.

Like it would be one background on the top of the page, then a tiling background down the rest.

I have only managed to get a header and a background colour for the rest of the page as can be seen here: Home Page

I know it's myspace but I would really like some help!

Thank you!

 

[Cabbit]

Remove the annoying music and we mite be more willing to check it out.

 

[G5Unit]

Remove the annoying music and we mite be more willing to check it out.

Is it possible just to be a little mature? I will remove the music though.

 

[angelwatt]

CSS Background via W3 Schools

It might also help if you could describe what you're after a little better, possibly create a simple mock-up of what you're after.

 

[Cabbit]

Yes we need some sort of idea of what you want to do in order to help you with it.

 

[mogzieee]

Remove the annoying music and we mite be more willing to check it out.

you could just press pause...

 

[SrWebDeveloper]

Like it would be one background on the top of the page, then a tiling background down the rest.

I think I follow, if this isn't right then I'm with the rest, send us psuedo code or an explanation or something to make clearer what you want:

Create two div's, one with id "myheader" (top of the page as you worded it) the other "mybody" (the rest as you worded it). Move your content for each into each div respectively. Let's assume you find two images for background, they live in the current directory of your page, named myheader-bg.gif and mybody-bg.gif for simplicity.

In your stylesheet or wherever you define CSS for this page:

div#myheader {
   background-image: url('myheader-bg.gif');
   background-repeat: no-repeat;
   background-attachment: fixed
}

div#mybody {
   background-image: url('mybody-bg.gif');
   background-repeat: repeat   /* or repeat-y for vertical tile, repeat-x for horizontal tile, or both */
}

Get the idea?

-jim

 

[angelwatt]

Create two div's, one with id "myheader" (top of the page as you worded it) the other "mybody" (the rest as you worded it).
...

MySpace only lets you style the page, you can't add any HTML, though if the OP can find some HTML to use as handles then he can make use of your solution. I hate getting into MySpace's code to try and create some CSS for it. I have heard that soon they will be releasing a new tool for profile customization that may address the OP needs. I'm also in favor of not having music auto-start when I visit a page. It's one of the top reasons I don't deal with MySpace.

 

[Cabbit]

I believe that you can use inline css. I have heard of people using a layer on top of the page to completely replace the layout and style of the page.

 

[IGDesigns]

Thats a pretty cool header on top! Did you create that in Photoshop? I may do something like that for my myspace!

 

[SrWebDeveloper]

You can indeed put inline CSS in a Myspace page. They allow it in the ABOUT ME box while editing your PROFILE for example. You can use layers as one user suggested, or I noticed scrolling content and HTML boxes can be used as well to create div's, assign ID's and styles (meaning good old fashioned HTML, all inline). Just use your own CSS, not theirs.

Examples of customization codes: http://www.rockincodes.com/basic/misc.php

Myspace is mostly a design interface, not core developer related obviously so either tweak/exploit their limited interface or buy a domain and get some webhost space and setup your own personal page there. Consider the advice here generalized and informal, of course. The advice given is intended to get you started.

-jim

 

[G5Unit]

Thats a pretty cool header on top! Did you create that in Photoshop? I may do something like that for my myspace!

Yes! I made it in photoshop and applied it as my background. Then the elements that you see overlapping the page are PNG's located between the top links and the top of my profile.

Sadly I can;t make a mock up on photoshop of what I mean by the background scrolling as I am on another computer right now. But maybe I can explain better:

Currently my background fades into white, because it just stopping would look ugly. But then there is only white for the remainder of the page, all the way to the bottom.

I'd like to not have to fade the background and just continue that torn page all the way down to the bottom.

But if I just tile my current background, you would have that blue torn paper every 1000 or so pixels going down. So I want to have a DIFFERENT image tiling down the rest of the page, merely the white torn paper effect.

I have the image that I need, I just have no way of tiling it while still keeping the background I have at the top of the page there.

 

[G5Unit]

Ok I made a very quick mock up of what i want it to look like:

com/view.php?img=/4/6/22/f_mockupm_7ffba9e.jpg&srv=img33]

[/URL]

Can anyone figure it out?