Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 22
  1. #1
    New Coder
    Join Date
    May 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    I'm dumb at these things. Help on background.

    so i have a website for me and my friend's movie production company, purple platypus productions. the website is http://www.freewebs.com/officialpurpleplatypus
    i have a plain color background, but i want to put one on say from photobucket? how do i do that?
    here my style thing, so i guess you could edit it to how it needs to be.
    body {
    padding-left: 11em;
    font-family: Georgia, "Times New Roman",
    Times, serif;

    color: white;
    background-color: #2F3293 }
    ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em }
    h1 {
    font-family: Helvetica, Geneva, Arial,
    SunSans-Regular, sans-serif }
    ul.navbar li {
    background: #2F3293;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid white }
    ul.navbar a {
    text-decoration: none }
    a:link {
    color: white }
    a:visited {
    color: white }
    address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin solid }

    the photobucket link is
    http://i26.photobucket.com/albums/c1...ackground1.jpg
    Last edited by GMANGRIFFG; 05-12-2008 at 11:46 PM.

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Code:
    <img src="http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg" />
    oops, you want a reapeating back ground

    Code:
    body {
    background-image:http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg;
    background-repeat:repeat;
    }
    Last edited by jcdevelopment; 05-12-2008 at 11:45 PM. Reason: im an idiot

  • #3
    New Coder
    Join Date
    May 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jcdevelopment View Post
    Code:
    <img src="http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg" />
    oops, you want a reapeating back ground

    Code:
    body {
    background-image:http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg;
    background-repeat:repeat;
    }
    and then where do i put that in the style?

  • #4
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Quote Originally Posted by GMANGRIFFG View Post
    and then where do i put that in the style?
    umm, in the Style Sheet would be where the styles go.

    Drew

  • #5
    New Coder
    Join Date
    May 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    do i just put it wherever i want?

  • #6
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Quote Originally Posted by GMANGRIFFG View Post
    do i just put it wherever i want?
    See above. Your styles go in your CSS. If you dont know what that is then maybe you need to do some more research.

    Drew

  • #7
    New Coder
    Join Date
    May 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    yeah im new at this and i mihgt sound dumb but do i just take that code he gave me and just stick it anywhere in my style sheet or is there an assigned place i need to put it?

  • #8
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Code:
    body {
    padding-left: 11em;
    font-family: Georgia, "Times New Roman",
    Times, serif;
    background-image:http://i26.photobucket.com/albums/c149/GMANGRIFFG/Background1.jpg;
    background-repeat:repeat;
    color: white;
    background-color: #2F3293 }

  • #9
    New Coder
    Join Date
    May 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    thats not working

  • #10
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    sorry, im an idiot i didnt see what i did

    Code:
    body {
    padding-left: 11em;
    font-family: Georgia, "Times New Roman",
    Times, serif;
    background-image:url(http://i26.photobucket.com/albums/c1...kground1.jpg);
    background-repeat:repeat;
    color: white;
    background-color: #2F3293 }

  • Users who have thanked jcdevelopment for this post:

    GMANGRIFFG (05-13-2008)

  • #11
    New Coder
    Join Date
    May 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    haha thats okay. thanks.

    that works but it looks jacked up. is there a way i can like put a white box around my test and my nav bar and things like that?

  • #12
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    like this?

    Code:
    ul.navbar {
        list-style-type: none;
        padding: 0;
    border:1px solid #fff;
        margin: 0;
        position: absolute;
        top: 2em;
        left: 1em;
        width: 9em;
    background-color:#fff; }

  • #13
    New Coder
    Join Date
    May 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jcdevelopment View Post
    like this?

    Code:
    ul.navbar {
        list-style-type: none;
        padding: 0;
    border:1px solid #fff;
        margin: 0;
        position: absolute;
        top: 2em;
        left: 1em;
        width: 9em;
    background-color:#fff; }

    yeah but liked filled in with white.
    and i would change my text color to black or something later.

  • #14
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    do you want the individual bars to be white? Because that will fill the BG with white!

  • #15
    New Coder
    Join Date
    May 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    yeah it would put it over the background but only on those parts. it would look something like this...
    http://i26.photobucket.com/albums/c1...lustration.jpg


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •