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 make an image broken into 9 parts my header


  #1  
Old Aug 7, 2009, 07:31 PM
holliday22
 
11 posts · Aug 2009
Does anyone know how to make a 9 part image the header in the Atahualpa theme? Basically, I'm just trying to make a wordpress site that looks as much like the above site as possible.

Thanks!
  #2  
Old Aug 8, 2009, 01:30 PM
holliday22
 
11 posts · Aug 2009
I know this is a weird question. Does anyone know if its already been answered elsewhere?
  #3  
Old Aug 9, 2009, 03:24 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You can put the HTML into Style & edit HEADER AREA -> Configure Header Area


Should there be gaps below the images use a CSS insert:

td#header img {
display: block;
}
  #4  
Old Aug 10, 2009, 07:41 PM
holliday22
 
11 posts · Aug 2009
Thanks, that got me further than I had been getting, but I'm still suck here. Its supposed to look like this.

I started off with a table, but I got rid of that and now my current code in the configure header area is:

Quote:
<img src="/wp-content/themes/atahualpa/images/bgleft.jpg" border="0">

<img src="/wp-content/themes/atahualpa/images/img1.jpg" border="0">
<img src="/wp-content/themes/atahualpa/images/img2.jpg" border="0">
<img src="/wp-content/themes/atahualpa/images/img3.jpg" border="0">
<img src="/wp-content/themes/atahualpa/images/img4.jpg" border="0">
<img src="/wp-content/themes/atahualpa/images/img5.jpg" border="0">
<img src="/wp-content/themes/atahualpa/images/img6.jpg" border="0">
<img src="/wp-content/themes/atahualpa/images/img7.jpg" border="0">
<img src="/wp-content/themes/atahualpa/images/img8.jpg" border="0">
<img src="/wp-content/themes/atahualpa/images/img9.jpg" border="0">
  #5  
Old Aug 11, 2009, 05:48 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Add a CSS Insert

td#header img {
float:left;
}

But the images don't have the same height so they probably won't align as intended by you. You may have to put a few of them into a table cell or DIV. Give all or a few of the images a class or ID, too, so you can style them individually.

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Searching old and new parts of site paulae Atahualpa 3 Wordpress theme 5 May 14, 2012 11:17 AM
How to make logo area on beside or overlay header image? phuongnv Header configuration & styling 16 Mar 17, 2011 07:09 PM
[SOLVED] How to Make Sidebar Titles An Image ftf79 Sidebars & Widgets 6 Oct 31, 2009 11:46 AM
how to make header image linked to a post URL? dreamfree Header configuration & styling 3 Jun 13, 2009 03:54 AM
Want to make background image visible through logo div keblake Header configuration & styling 4 Mar 11, 2009 09:32 PM


All times are GMT -6. The time now is 12:26 AM.


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