Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

split color behind site


  #1  
Old May 15, 2013, 12:55 PM
swimflyfast2's Avatar
swimflyfast2
 
150 posts · Aug 2010
Horse Country in Virginia
I'm working on my first Montezuma Site (have over 40 Atahualpa ones) and I'd like to be able to have two colors in the background behind the site split down the middle.

Say Blue on left, Red on right.

So when someone squeezes it the center moves and blue stays left red right.

Is there any way to do this with CSS?
  #2  
Old May 15, 2013, 01:38 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Use a single wide image (only a pixel or two in height) with both colors in it, centered horizontally and repeating vertically. Also, try using the shorthand background property:
HTML Code:
background: #000 url(../images/BG.gif) top center repeat-y;
  #3  
Old May 15, 2013, 01:39 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
How about a red and blue background image that is 1px high by 2500px wide that you center align and repeat vertically?

Addendum...
Just a minute later than JD but it corroborates the idea.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old May 15, 2013, 02:54 PM
swimflyfast2's Avatar
swimflyfast2
 
150 posts · Aug 2010
Horse Country in Virginia
Thanks, I'll get to this later tomorrow and report back.
  #5  
Old May 15, 2013, 07:28 PM
jerryc
 
367 posts · Oct 2012
Florida
You could also do something similar to your example images with nested percentage grids and, instead of using background images, just use background colors for each div, such as:

Code:
background:red;
You could also stack some div's using z-index.

Last edited by jerryc; May 16, 2013 at 08:59 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
I cannot change the background color of my site mrsp31wannabe New Versions, & Updating 2 Mar 1, 2013 07:04 PM
Split Menu georgenoise Page & Category Menu Bars 1 Jul 11, 2011 06:15 PM
background, color split(ted) MrStark Center area post/pages 1 Mar 14, 2010 05:26 AM
Split image georgenoise Header configuration & styling 1 Sep 4, 2009 09:28 AM
Fixed width site. Different page background color from body color? blueprairie Forum How-To 1 Mar 20, 2009 08:55 PM


All times are GMT -6. The time now is 07:13 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.