stengl
Member
I played around with an header image as outlined here: http://themeshaper.com/forums/topic/adding-a-header-image
It works like a charm, but one thing I recognized is, that you can't drag the hyperlink in order to bookmark/send/etc. it. All other links are dragable, but using the method described in the post mentioned above somehow kills this feature of the header image.
I wonder why? How to change that?
Just tested on my installation and it's working fine. Make sure you put the css in #blog-title a and it should work fine.
#blog-title a {
width: 193px;
height: 51px;
float: left;
text-indent: -9999px;
margin: 0 27px 0 16px;
background: url('images/logo.png') top left no-repeat;
border-right: 1px solid #ccc;
padding: 0 22px 8px 0;
text-decoration:none;
}
stengl
Member
Jon, if "yours" is the one on http://jonmack.co.uk/, then no, it does not work with Safari. I guess this is a brwoser issue. With Fireforx the desired dragability works like a charm. Strange though.
Hi guys-
I think the issue here is that webkit doesn't like the text-indent. Safari is associating the link location with the text location. You could try an image placement technique like TIP That way you could hide the text under a background image while keeping the draggable link with Safari.
Also it's probably a good idea to not fork the original thread and continue this discussion over there:
http://themeshaper.com/forums/topic/adding-a-header-image
-Gene
This topic has been closed to new replies.
