PDA

View Full Version : Footer Links/Navigation Blocks


babyREFLUX
02-05-2010, 05:39 PM
Can any kind person help us technical neanderthals in creating a footer that has all the main site navigational links?

I would like maybe 4 blocks with a title above each. Would anyone have the basic HTML and CSS to get me going?

I've attached a few examples...

Examaids
02-06-2010, 05:49 PM
Adding links in rows is fairly easy but adding in blocks requires some knowledge of CSS. There are plenty of websites with examples of how to use CSS to format blocks of text. For example, http://www.w3schools.com/Css/default.asp

To add links, open the Footer.html page in Store Design > Browse Template Files, then look for the file in the top left panel.

Look for:
<div id="Footer">
<p>

And add:
<a href="http://www.prettyDomainName.com/pages/prettyPageName.html">Pretty Page Name </a> ||| <a href="http://www.prettyDomainName.com/pages/prettyPageName2.html">Pretty Page Name2 </a> ||| </p>

And so forth...If link includes an ampersand (&), type &amp; The browser will see it as &.

HTH

babyREFLUX
02-07-2010, 11:39 AM
There are plenty of websites with examples of how to use CSS to format blocks of text. For example, http://www.w3schools.com/Css/default.aspThis is really useful, thanks. Like the way you can play around with the CSS examples having been given all the basic code.

scruffydoo
02-18-2010, 11:50 PM
I've just done this, I'll put the link so you can have a look in a new thread in the customer area, google indexes the rest of the forum and I'm sure no-one wants customers reading posts showing us all floundering around with code. :)

babyREFLUX
02-19-2010, 07:34 AM
I've just done this, I'll put the link so you can have a look in a new thread in the customer area, google indexes the rest of the forum and I'm sure no-one wants customers reading posts showing us all floundering around with code. :)Would appreciate that scruffydoo, although I am proud of my floundering...no one does it better! :)

Minnie Mouse
02-23-2010, 10:15 PM
i did this on our site by copying panels to the footer and restyling them.
www.markethallfoods.com

then i used jquery to split the list and make columns...

that way you dont have to manually create all the links...

scruffydoo
02-23-2010, 10:22 PM
looks good, I did it with a seperate div after the footer to keep it off the checkout pages as I was trying reduce the links out.

Minnie Mouse
02-23-2010, 10:25 PM
isnt the footer turned off on checkout anyway... dont remember, either that i turned my footer off entirely for checkout.

scruffydoo
02-23-2010, 10:40 PM
I've got some footer images which I wanted to keep in the checkout, I'd like to learn more about jquery sometime looks pretty interesting, never used it before.

Minnie Mouse
02-24-2010, 12:16 AM
my bible is a book called jQuery in Action by Bear Bibeault and Yehuda Katz. it makes it really easy if you are already familiar with CSS and Standards based HTML. I do a lot on the site with jQuery.

scruffydoo
02-24-2010, 04:57 AM
thanks I'll have a look at that

setrix
11-26-2011, 09:06 PM
Where is the codes and examples??
Please share here..