Page 1 of 2 12 LastLast
Results 1 to 10 of 28

Hybrid View

  1. #1
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: adding a background image

    This is the image you want in the background, right?
    Code:
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 25%;
    	color: #000000;
    	background-color: #e5edf5;
            background-image: url(/domain/cart.bnbsoccer.com/html/includes/templates/custombnb/images/bikini.gif);
    	}
    The best way to specify background images in your stylesheet is like this:

    url(../images/bikini.gif)
    Code:
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 25%;
    	color: #000000;
    	background-color: #e5edf5;
            background-image: url(../images/bikini.gif);
    	}

  2. #2
    Join Date
    Mar 2008
    Posts
    59
    Plugin Contributions
    0

    Default Re: adding a background image

    So I put in the code on how you gave it to me, and it isn't doing anything. I've tried it with multiple image backgrounds. I put it in my custombnb/images folder and I still get nothing. What am I doing wrong. This is the code that I have:

    body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 25%;
    color: #000000;
    background-color: #e5edf5;
    background-image: url(/domain/cart.bnbsoccer.com/html/includes/templates/custombnb/images/back2.jpg);
    }

  3. #3
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: adding a background image

    Get rid of that /domain/cart.bnbsoccer.com/html/includes/templates/custombnb/images/back2.jpg and replace it with ../images/back2.jpg, as the post above mentions.

  4. #4
    Join Date
    Mar 2008
    Posts
    59
    Plugin Contributions
    0

    Default Re: adding a background image

    Ok. What I think it was, was the margin on my page. I just shrunk it down just a little bit and I can see my background image I have been wanting to put it on there. But now I can't shrink it up any more. How do I do that?

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: adding a background image

    You have #navColumnOne and #navColumnTwo each set to 300px wide in admin > Configuration > Layout Settings > Column Left/Right Width. This is double the sidebox width and is causing the big black margins (also squeezing the center column to death!)

  6. #6
    Join Date
    Mar 2008
    Posts
    59
    Plugin Contributions
    0

    Default Re: adding a background image

    OK. I took off the columns. And i have the background images i want to put in. Is there any way i could merge the leftcolumn and the centercolumn??

  7. #7
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: adding a background image

    Putting sidebar content into the center column can be done, but requires custom coding. Some people have posted about doing it in the past, and you may be able to find pointers by searching the forum.

    What sideboxes do you want to use in the center?

  8. #8
    Join Date
    Apr 2007
    Location
    Ontario, Canada
    Posts
    97
    Plugin Contributions
    0

    Default Re: adding a background image

    AHHHHHH I love you!!!!!
    Thank you SO MUCH!!!!
    I have been fighting with this for 3 days and was about to quit until I found this thread. I can't believe it was so simple and I missed it grrr.
    Anyways - thanks SO MUCH!!!!


    Quote Originally Posted by gjh42 View Post
    This is the image you want in the background, right?
    Code:
    body {
        margin: 0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 25%;
        color: #000000;
        background-color: #e5edf5;
            background-image: url(/domain/cart.bnbsoccer.com/html/includes/templates/custombnb/images/bikini.gif);
        }
    The best way to specify background images in your stylesheet is like this:

    url(../images/bikini.gif)
    Code:
    body {
        margin: 0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 25%;
        color: #000000;
        background-color: #e5edf5;
            background-image: url(../images/bikini.gif);
        }

  9. #9
    Join Date
    Jun 2008
    Posts
    11
    Plugin Contributions
    0

    Default Re: adding a background image

    read all the posts stil haveissues with the background not showing here is what i have

    E:/inetpub/vhosts/tale4resources.com/httpdocs/includes/templates/t4r/css/stylesheet.css

    E:/inetpub/vhosts/tale4resources.com/httpdocs/includes/templates/t4r/images/background.jpg

    body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #000000;
    background-color: #e5edf5;
    background-image: url(..images/background.jpg);
    background-repeat: repeat
    }

    what seems to be the problem?

  10. #10
    Join Date
    Jun 2008
    Posts
    11
    Plugin Contributions
    0

    Default Re: adding a background image

    says i can edit my posts but there is no button to, anyway there is a ; after repeat;

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Adding background image
    By robbin21973 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 4 Jan 2011, 06:20 AM
  2. Adding tiled background image
    By Chestnut Junction in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 3 Aug 2009, 02:16 PM
  3. Adding a background image
    By Jen Will in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 30 Jan 2008, 03:14 PM
  4. Adding a background image in Layout Boxes
    By v.kirk in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 13 Jan 2007, 04:06 AM
  5. .rightBoxHeading - adding a background image
    By bobblebob in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 28 Oct 2006, 02:24 PM

Posting Permissions

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