Image map on rotating header images « Graphene Theme Forum

Graphene Theme Forum » Graphene Wordpress theme » Support

Image map on rotating header images

(2 posts) (1 voice)

Started 6 months ago by dikkiedutton
Latest reply from dikkiedutton
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

dikkiedutton
Member

Hi all

Is it possible to have an image map on the header image, even when there are different headers for different pages?
Website here: http://c4780711.myzen.co.uk/
I've managed to get one on, so long as there is a static header image - which there isn't. So I've removed it!

Or is there another way that I'm best approaching it? CSS?

Cheers
Dikkie

Posted 6 months ago #

dikkiedutton
Member

For those of you who are (not) interested. Here's how I've done it:

Add this to the CSS:

dl.image_map {
	display: block;
	width: 960px;
	height: 198px;
	position: relative;
	padding: 0px;
}
a.LINK0 {
	left: 549px;
	top: 135px;
	background: transparent;
}
a.LINK0 {
	display: block;
	width: 250px;
	height: 0;
	padding-top: 13px;
	overflow: hidden;
	position: absolute;
}
a.LINK0:hover {
	background: transparent;
	border: 1px dashed black;
	color: black;
}

Then add this to a 'graphene_header' action hook in widgets:

<dl class="image_map">
	<dd><a class="LINK0" title="Email" href="mailto:email@email.com"></a></dd>
</dl>

Again, probably a better way to do it but this works for now!

Cheers
Dikkie

Posted 6 months ago #

Topic Closed

This topic has been closed to new replies.