Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   How to make an image broken into 9 parts my header (http://forum.bytesforall.com/showthread.php?t=2867)

holliday22 Aug 7, 2009 06:31 PM

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

holliday22 Aug 8, 2009 12:30 PM

I know this is a weird question. Does anyone know if its already been answered elsewhere?

Flynn Aug 9, 2009 02:24 PM

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;
}

holliday22 Aug 10, 2009 06:41 PM

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">

Flynn Aug 11, 2009 04:48 AM

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.


All times are GMT -6. The time now is 01:27 PM.

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