Link Banner To Home Page?, click banner to reach main index? Options

[suepie]

how do i link the banner on the Archive pages back to the main index? I found a tutorial on 3.2 but not 4.21.

[robbdmc]

i dont know, but good luck getting an answer. very few helpful people here

[imabug]

wrap the banner with something that looks like

CODE

<a href="<$MTBlogURL$>">blahBannerblah</a>

[suepie]

wrap the banner with something that looks like

CODE

<a href="<$MTBlogURL$>">blahBannerblah</a>

where do I do this? I have a .CSS stylesheet ("minimalist-sea.css") where I call the "header.png" BUT WHEN I PUT THAT STRING AROUND IT the header doesn't show up.

/* Header -----------*/

#header { background: #fff url("header.png") no-repeat left top; width: 100%; height: 196px;
}

#header a {
color: #fff;
}

#header-content {
width: 926px;
height: 196px;
margin: 30px 0 40px 20px;
}



SO I GO TO "Banner Header" Template Module and I see this and it looks like the <a href="<$mt:BlogURL$>" is already there, but it doesn't work.

<div id="header">
<div id="header-inner">
<div id="header-content">
<mt:Ignore><!-- Use h1 and h2 html tags on the main index of the blog as the title, use divs on all other pages where there are page titles. --></mt:Ignore>
<mt:If name="main_index">
<h1 id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></h1>
<h2 id="header-description"><$mt:BlogDescription$></h2>
<mt:Else>
<div id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></div>
<div id="header-description"><$mt:BlogDescription$></div>
</mt:If>
</div>
</div>
</div>

THANKS FOR ANY DIRECTION - I'm obviously not a programmer.
"http://www.24xps.com"

[OtherNiceMan]

Ahh,

You are adding the header in the stylesheet, so the link solution above won't work.

What you will need to do is apply the image in the HTML rather than the style.

I'll have a quick play, it should be a case of adding the image to the header content section and taking out the h1 & h2 bits.

[OtherNiceMan]

Here is a quick and dirty solution (in some much as users need JavaScript enabled)

CODE

<div id="header" onClick="window.location='<$mt:BlogURL$>'">
<div id="header-inner">
<div id="header-content">
<mt:Ignore><!-- Use h1 and h2 html tags on the main index of the blog as the title, use divs on all other pages where there are page titles. --></mt:Ignore>
<mt:If name="main_index">
<h1 id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></h1>
<h2 id="header-description"><$mt:BlogDescription$></h2>
<mt:Else>
<div id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></div>
<div id="header-description"><$mt:BlogDescription$></div>
</mt:If>
</div>
</div>
</div>

[suepie]

okay that worked, the little mouseover pointer didn't change but i will worry that later.

I will study what you did versus what was there and maybe learn something.

can you tell me what accesskey = '1' means?

THANK YOU OtherNiceMan!

i have more questions - can I ask you more?

[OtherNiceMan]

Accesskey is defines a keyboard shortcut (http://en.wikipedia.org/wiki/Access_keys).

As I said, this is quick and dirty. Had a chat about this with a few people and there is also a css image replacement solution which I'll get written up for tomorrow.

I visit the forums most days so post if you have a question.

[Grey]

Accesskey is defines a keyboard shortcut (http://en.wikipedia.org/wiki/Access_keys).

As I said, this is quick and dirty. Had a chat about this with a few people and there is also a css image replacement solution which I'll get written up for tomorrow.

I visit the forums most days so post if you have a question.

Did anyone ever come up with a CSS replacement. ??

[OtherNiceMan]

Here is a pure CSS based slution http://www.composing-stick.net/2009/01/how...--part-two.html