Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Background image as watermark


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 29, 2012, 09:32 PM
yukoner
 
29 posts · Jan 2012
[SOLVED] Background image as watermark

How do I make a background image be like a watermark?

i.e. be static and have the columns scroll over it

Norm

Last edited by yukoner; Mar 1, 2012 at 08:44 PM.
  #2  
Old Feb 29, 2012, 11:27 PM
Jam's Avatar
Jam
 
1,054 posts · Mar 2011
Perth, Western Australia
Take your background image and add 90% white. Gives you a 10% watermark of background image. Set background position to fixed and it wont move.
__________________
May the learning curve never plateau... Thanks Larry for teaching me heaps.
My Themeframe built sites
  #3  
Old Mar 1, 2012, 08:03 AM
yukoner
 
29 posts · Jan 2012
Thanks Jam. It is the setting of the background image to "fixed" that I don't know how to do.

Norm
  #4  
Old Mar 1, 2012, 08:27 AM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
Here is an explanation of the background property.
__________________
~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.
  #5  
Old Mar 1, 2012, 06:09 PM
yukoner
 
29 posts · Jan 2012
Thanks Larry, those pages are very informative. Unfortunately, with my limited knowledge, I am still unable to get it to work in Atahualpa.

What I am trying to do is change the instruction for a background image in the options of Atahualpa where it says to use

background: url(/testing/wp-content/themes/atahualpa/images/backgr.gif) repeat top left;

I suspect that if I change the "repeat top left;" to something else I will succeed, but I haven't hit on the correct combination yet.

Norm
  #6  
Old Mar 1, 2012, 06:25 PM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
The repeat top left are for positioning. You could also use other combos. For instance if you wanted the image 50px in from the left and 100px down from the top and wanted it to not repeat all over the screen and stay fixed you would use.
HTML Code:
background: url(/testing/wp-content/themes/atahualpa/images/backgr.gif) no-repeat 50px 100px fixed;
If you go to the Tryit sections of the W3 Schools site you try the code out and see what it does.
__________________
~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.

Bookmarks

Tags
background image, watermark

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] css background image: a top image, followed by a tiled image? derekwbeck Header configuration & styling 7 Nov 4, 2010 12:57 PM
[SOLVED] Background image and background colour mattf Atahualpa 3 Wordpress theme 8 Apr 11, 2010 06:21 AM
background image over-sized - Full Page Background Image prokopino Atahualpa 3 Wordpress theme 2 Mar 30, 2010 04:42 AM
[SOLVED] How to get a background image show thru background color juggledad Header configuration & styling 3 Apr 18, 2009 05:03 AM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 06:36 AM


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


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