Comments on: Drawer Theme Important Notes

By: Alastair Nisbet

Alastair Nisbet — Thu, 19 Nov 2009 23:09:33 +0000

I like ability to add items so easily to the header or footer of pages using the enclosed snippets. I’m using the footer for a series of quotes – it would be even better if I could rotate them or randomise them. I’m sure there’s a script that would do it but I always worry about overloading the pages with script – any ideas Chris ?

Alastair

By: John

John — Tue, 27 Oct 2009 15:18:22 +0000

Great, thank you!!!

By: Christoph Richardet

Christoph Richardet — Tue, 27 Oct 2009 14:55:08 +0000

You need to use javascript. Add the following code to the javascript field in the page inspector:

function goHome() {
	$$('#logo img').addEvent('click', function() {
		location.href='/';
	});
	$$('#logo img').addEvent('mouseover', function(e) {
		new Event(e).stop();
		$$('#logo img').setStyle('cursor', 'pointer');
	});
	$$('#logo img').addEvent('mouseout', function(e) {
		new Event(e).stop();
		$$('#logo img').setStyle('cursor', 'default');
	});
}

window.addEvent('domready', function(e) {
	goHome();
});

And to make the cursor change to pointer, you should add the following code to the css field in the page inspector:

#logo img {
	position: relative;
	z-index: 500;
}

Of course, if you want the user to be directed to anywhere else than the site root, you need to change the URL string in the javascript code.

By: John

John — Tue, 27 Oct 2009 13:50:21 +0000

In the Drawer theme, how do you link the logo field to a site’s home page (i.e. clicking on the logo in your browser returns the visitor to the home page)? Does this require using Java or html? I’m a total newbie so explicit instructions would be much appreciated. Thanks!