CSS Backgrounds

Discussion in 'Web Design and Development' started by G5Unit, Jun 15, 2008.

  1. G5Unit macrumors 68020

    G5Unit

    Joined:
    Apr 3, 2005
    Location:
    I'm calling the cops
    #1
    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!
     
  2. Cabbit macrumors 68020

    Cabbit

    Joined:
    Jan 30, 2006
    Location:
    Scotland
    #2
    Remove the annoying music and we mite be more willing to check it out.
     
  3. G5Unit thread starter macrumors 68020

    G5Unit

    Joined:
    Apr 3, 2005
    Location:
    I'm calling the cops
    #3
    Is it possible just to be a little mature? I will remove the music though.
     
  4. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #4
    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.
     
  5. Cabbit macrumors 68020

    Cabbit

    Joined:
    Jan 30, 2006
    Location:
    Scotland
    #5
    Yes we need some sort of idea of what you want to do in order to help you with it.
     
  6. mogzieee macrumors 6502a

    Joined:
    Feb 8, 2008
    Location:
    London, UK
    #6
    you could just press pause...
     
  7. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #7
    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:

    HTML:
    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
     
  8. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #8
    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.
     
  9. Cabbit macrumors 68020

    Cabbit

    Joined:
    Jan 30, 2006
    Location:
    Scotland
    #9
    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.
     
  10. IGDesigns macrumors newbie

    Joined:
    Apr 14, 2008
    #10
    Thats a pretty cool header on top! Did you create that in Photoshop? I may do something like that for my myspace!:D
     
  11. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #11
    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
     
  12. G5Unit thread starter macrumors 68020

    G5Unit

    Joined:
    Apr 3, 2005
    Location:
    I'm calling the cops
    #12
    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.
     
  13. G5Unit thread starter macrumors 68020

    G5Unit

    Joined:
    Apr 3, 2005
    Location:
    I'm calling the cops
    #13
    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][​IMG][/URL]

    Can anyone figure it out?
     

Share This Page