Help - Search - Members - Calendar
Full Version: Link Banner To Home Page?
Movable Type Community Forum > Using Movable Type > Entries and Archives
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
QUOTE (imabug @ Oct 24 2008, 06:51 AM) *
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
QUOTE (OtherNiceMan @ Oct 25 2008, 09:45 PM) *
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
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.