Thread: Backgrounds

Results 1 to 4 of 4
  1. #1
    Join Date
    Jun 2006
    Posts
    110
    Plugin Contributions
    0

    Backgrounds

    How can i put a fixed background image into my webstore... but make it so its only around the tables, so the background isnt shown in any of the sideboxex, or in the middle, just around it all?

    Is this question understandable?

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Backgrounds

    Assuming you are using version 1.3.x and something based upon the template_default fileset: Open you stylesheet.css file and

    Find the code:
    Code:
    body {
        margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 62.5%;
    	color: #000000;
    	background-color: #e5edf5;
    Edit to something like:
    Code:
    body {
        margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 62.5%;
    	color: #000000;
    	background-image: url(../images/your_image_bg.gif);
            background-repeat: repeat-x;
            background-color: transparent;
    Where the image is what you want represented surrounding your site and the above assumes a small patteren image(like 80x80px) that will be repeated to fill the background, It could be altered to display a right & left image or??

    If you are not using the template_default stylesheet or an earlier version post back with details
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Jun 2006
    Posts
    110
    Plugin Contributions
    0

    Default Re: Backgrounds

    Im using the version you are speaking of, how would i make it so its in a fixed position, im very new with css, were it says repeat-x in your code, would i put fixed?

  4. #4
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Backgrounds

    Code:
    body {
    
    	margin: 0;
    
    	font-family: verdana, arial, helvetica, sans-serif;
    
    	font-size: 62.5%;
    
    	color: #000000;
    	/*background-color: #CC9999;*/
                    background-color: transparent;
    	background-image: url("../images/your_image.jpg");
    	background-repeat: 
    	no-repeat;
    	background-position: 
                    center; 
    	}
    Try above

 

 

Similar Threads

  1. Rounded backgrounds...
    By mfccreator in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 27 Sep 2011, 06:13 PM
  2. Transparent Backgrounds
    By punges24 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 4 Mar 2011, 06:01 AM
  3. smart backgrounds
    By Glendon in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 11 Sep 2008, 04:49 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