I really tried everything but I really can't figure it out.
Scrolled through almost the entire forum without finding a satisfying for my 'problem'.
I can't seem to place a centered header-image in the Kubrick-theme.
I just want to replace the blue-stuff with my own image.
I added one of my codes where I replaced the "blue_middle.gif" with my own. But that doesn't seem to work.
Any clue perhaps? ???
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="themes/kubrick/style.css" />
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
{CUSTOM_HEADER}
<div align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image:url(themes/kubrick/images/header_left.gif);background-repeat:no-repeat"><img src="images/spacer.gif" width="24" height="15" border="0" alt="" /></td>
<td style="background-image:url(themes/kubrick/images/header_top.gif);background-repeat:repeat-x"><img src="images/spacer.gif" width="1" height="15" border="0" alt="" /></td>
<td style="background-image:url(themes/kubrick/images/header_right.gif);background-repeat:no-repeat"><img src="images/spacer.gif" width="24" height="15" border="0" alt="" /></td>
</tr>
<tr>
<td style="background-image:url(themes/kubrick/images/content_left.gif);background-repeat:repeat-y"><img src="images/spacer.gif" width="24" height="1" border="0" alt="" /></td>
<td style="background-color:white">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="6" style="background-image:url(themes/kubrick/images/header.jpg);background-repeat:no-repeat;background-position:top left;background-color:#68ADE6"><img src="images/spacer.gif" width="6" height="6" border="0" alt="" /></td>
<td style="background-color:#68ADE6"><img src="images/spacer.gif" width="1" height="6" border="0" alt="" /></td>
<td width="6" style="background-image:url(themes/kubrick/images/header.jpg);background-repeat:no-repeat;background-position:top right;background-color:#68ADE6"><img src="images/spacer.gif" width="6" height="6" border="0" alt="" /></td>
</tr>
<tr>
<td style="background-image:url(themes/kubrick/images/header.jpg);background-repeat:repeat-x;background-position:bottom;background-color:#6BADE1"><img src="images/spacer.gif" width="6" height="170" border="0" alt="" /></td>
<td style="background-image:url(themes/kubrick/images/header.jpg);background-repeat:repeat-x;background-position:bottom;background-color:#6BADE1">
</td>
<td style="background-image:url(themes/kubrick/images/header.jpg);background-repeat:repeat-x;background-position:bottom;background-color:#6BADE1"><img src="images/spacer.gif" width="6" height="170" border="0" alt="" /></td>
</tr>
<tr>
<td style="background-image:url(themes/kubrick/images/header.jpg);background-repeat:no-repeat;background-position:bottom left;background-color:#3F80B6"><img src="images/spacer.gif" width="6" height="6" border="0" alt="" /></td>
<td style="background-color:#3F80B6"><img src="images/spacer.gif" width="1" height="6" border="0" alt="" /></td>
<td style="background-image:url(themes/kubrick/images/header.jpg);background-repeat:no-repeat;background-position:bottom right;background-color:#3F80B6"><img src="images/spacer.gif" width="6" height="6" border="0" alt="" /></td>
</tr>
</table>
</td>
<td style="background-image:url(themes/kubrick/images/content_right.gif);background-repeat:repeat-y"><img src="images/spacer.gif" width="24" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td style="background-image:url(themes/kubrick/images/content_left.gif);background-repeat:repeat-y"><img src="images/spacer.gif" width="24" height="1" border="0" alt="" /></td>
<td style="background-color:white">
As you can see I just replaced every gif image with blue in it with my own header.
:o Yes I know; but I really can't figure it out...
I also posted a picture how I want it to look like.
edited that with photoshop tho :)
Mtia,
VictorT
You should modify the header table fom 3(column)x3(row) to 1x1 and put your image on that
Here is the template.html and header image that you need ;)
you should put k_header.jpg to themes\kubrick\images folder also you can use your own header instead of this
Sami! ;D
Really too great! It really looks like I wanted it to look like ::)
Great job on that. TY very much!
As I can see now, the solution was ow-so simple.
Thank you for learning me that.
Cheers, Vi©
EDITED: Post can be 'solved' or 'closed' now.