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 » Atahualpa 3 Wordpress theme » Header configuration & styling »

Background image & form in only 1 cell of a header extra widget cell?


  #1  
Old Nov 20, 2009, 05:18 PM
kippiper
 
135 posts · Jun 2009
Background image & form in only 1 cell of a header extra widget cell?

Boy, that subject line was a mouthful!

Okay, here is the website in question:

www.bestbiztips.com/susankmorrow

What I want to do is place a form on the right side of the header (as you can see from my words "Promo box for free gift....").

I was thinking of adding a widget with 2 cells - with the form in the right hand cell. But then I would need to put the image as the background in that cell with the form coded into the cell.

Is this the best way to accomplish what I want? If so, how do I define a background image for 1 cell in the header widget?

Oh and if properly I hand code the form into the cell, will the form work?

If you think/know there is a better, easier and more stable way to accomplish this, please let me know!

Thanks as always for all of your help!

KIP
  #2  
Old Nov 20, 2009, 05:55 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I bought Gravity Forms and I like it so much that I will always link to a forms page vs having a form in the sidebar. Gravity Forms is just VERY configurable.

I have a question for you though. I love the way you did your background image and header combo. Was that tough to align/create?
__________________
~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.
  #3  
Old Nov 21, 2009, 09:58 AM
kippiper
 
135 posts · Jun 2009
Hi Larry -

Well, this is what the client wants - the form in the header. So if there is any way I can accomplish this, it would be great!

Anyone else have any thoughts or ideas?

Thanks so much!

KIP

P.S. Hi again, Larry!

Thanks so much about the background!

I created the whole thing in Photoshop using layers. Then I duplicated the original file into separate files for each component, i.e., a file for background, a file for header, etc. Keep everything in layers so you can easily modify and turn off or delete the layers you don't need for each specific file. For instance, when you work on the background file, keep all of the background layers and turn off or delete the layers for anything else, like the header.

When you have finished designing each component, remember to resave each file as JPG or GIF file for the website.

The background is set in the theme in the "Body, Text & Links" tab with "no-repeat fixed center top" setting.

Then the header JPG image is a single image uploaded via FTP to the "header" directory in the theme.

I must admit, transferring the files to the website did shift the background a little bit. So then I kept minutely adjusting it in Photoshop, resaving it as a JPG, and reuploading it via FTP until it lined up just right.

It may seem convoluted, but works for me. I hope this helps! And have fun!

KIP
  #4  
Old Nov 21, 2009, 10:44 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I played around a little with the Simple Modal Contact Form plugin (SMCF) and while it doesn't give you a form directly I was able to put the code in one of the HTML inserts area and it showed the words I set which when clicked on gave you a nice modal form like here. I'm going to keep looking for the "real" solution though.

Thanks for the info on your design. I'm going to have to get back into Photoshop mode.
__________________
~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 Nov 21, 2009, 10:58 AM
kippiper
 
135 posts · Jun 2009
Hi Larry -

Thanks for the SMCF suggestion! I will work on that in a few hours after I get done with another client's stuff. I'll let you know how it works!

And thanks for the continuing research! Please let me know how I can help you with anything.

KIP
  #6  
Old Nov 21, 2009, 03:03 PM
kippiper
 
135 posts · Jun 2009
Hi again, Larry -

I LOVE THIS FORM! It is so slick-looking!

And I got it to work in the header. YAY! I really believe my customer will be happy with this.

You are great! Thanks so much again!

KIP

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Extra background image by the sidebar id2d Header configuration & styling 7 Nov 18, 2009 04:38 AM
[SOLVED] Trouble changing background & text colors in the Comment Form and Submit But summae Comments, trackbacks & pings 1 Nov 5, 2009 06:48 PM
[SOLVED] Change the cell width in new widget area duping812 New Versions, & Updating 2 Jul 16, 2009 08:19 PM
rounding off corners on cell boarders nickcee Atahualpa 3 Wordpress theme 2 Jun 12, 2009 06:29 AM
Can't get table cell to have a background color (or border) Eric Bobrow Atahualpa 3 Wordpress theme 2 Feb 3, 2009 05:19 AM


All times are GMT -6. The time now is 06:53 PM.


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