Topic: How to place header in Kubrick theme? (Read 2755 times)

VictorT · « **on:** October 04, 2006, 08:40:50 pm »

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?

Code: [Select]

<!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.

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

Sami · « **Reply #1 on:** October 05, 2006, 07:23:46 am »

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

VictorT · « **Reply #2 on:** October 05, 2006, 10:45:41 am »

Sami!

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.

News:

Author Topic: How to place header in Kubrick theme? (Read 2755 times)

VictorT

How to place header in Kubrick theme?

Sami

Re: How to place header in Kubrick theme?

VictorT

Re: How to place header in Kubrick theme?