Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

How to build a Header with a Picture reaching out, including a Link?!


  #1  
Old Oct 8, 2011, 11:55 AM
Ombak Laut
 
3 posts · Oct 2011
Hello everyone,

I am quite new in Wordpress. Can't solve my Problem yet.
If you go on http://henrikpetersen.he.funpic.de/ Login
Name: Besucher Passwort: besuch
, it wil get clear.

At the moment I have sort of tried to solve the problem by dividing my hole picture in 4 parts. The main Header, the Menu 2 (main catergory)and the 2 pictures above have all one single picture. Is there a smarter solution to my problem. I would like to have only one picture if possible.
I also would like to leave the title picture "HENRikan in Indonesia" klickable, as it is at the moment. Another problem is that the 4 parts of the Picture show differently in IE and Firefox. Why?

I really hope somebody can help me. The way I do it at the moment is really complicated and it doesnt really work.
  #2  
Old Oct 8, 2011, 05:36 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I would use a single picture wrapped in a div with an ID and then position with CSS.
__________________
~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 Oct 8, 2011, 08:09 PM
Ombak Laut
 
3 posts · Oct 2011
Thank you very much for your quick response.
I'm sorry, but I don't know how to "use a single picture wrapped in a div with an ID and then position with CSS". Is there any Manual?
But you say I use only one picture, in which the building is sticking out, right? In the picture, I will probably also have to include, the "HENRikan in Indonesia" right? And than I probabably include it as a Header, right?
But how do I wrap it in a div with an ID and then position with CSS?
I am happy about every answer and help! Thanks a lot guys.
  #4  
Old Oct 8, 2011, 08:13 PM
Ombak Laut
 
3 posts · Oct 2011
and how to I include the "about"-Button? And will the Search-Bar still appear afterwards?
So many questions...
  #5  
Old Oct 9, 2011, 06:29 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Wrapping an image in a div would look something like the following.
HTML Code:
<div id="buildingtop"><img src="http://http://henrikpetersen.he.funpic.de/wp-content/themes/atahualpa/images/Boro nur kuppel gimp_farblos.png" /></div>
Since this is going in the header I would put it in the "Configure Header Area Box". Then you use CSS to position it using the assigned ID. That might look like the following.
HTML Code:
#buildingtop {
position: relative;
left: 400px;
top: 20px;
height: 0;
}
Those px dimensions are not specifically what you would use as that depends on your situation.
You could use an image of everything except the about button for the above and do what you did with that or you could create a transparent about button and use absolute positioning for a full image that goes "behind" the about button. With absolute positioning for the image you would have to set relative positioning for the containing element so it would "behave"

Having some understanding of how CSS works is important and I use Firebug quite extensively to virtually test the CSS I am experimenting with.
__________________
~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



Similar Threads
Thread Thread Starter Forum Replies Last Post
Printing entire page including sidebars, header, etc. peterf Atahualpa 3 Wordpress theme 8 Dec 20, 2011 07:18 PM
Including a link to a PDF in the media gallery Hopflys Center area post/pages 2 Jan 16, 2011 11:07 AM
Picture in header area lgoransson Header configuration & styling 1 Feb 13, 2010 05:38 AM
Reaching for the $$ to donate, but... billy2 Header configuration & styling 3 Aug 11, 2009 01:03 PM


All times are GMT -6. The time now is 06:46 AM.


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