need help building a page list in footer

Permalink
i'm pretty new to website design so please bear with me! i also don't know *that* much about programming and would rather purchase an add-on than sift through code.

i'm trying to add a block to my footer that displays all pages on my webpage in a column format. i've tried using the auto-nav and bread crumb functions, but i'm completely at my wit's end.

it should look something like this in the end (see picture).

any help would be greatly appreciated!

1 Attachment

 
jordanlev replied on at Permalink Reply
jordanlev
You'll probably want three separate lists for those. If your theme doesn't have 3 columns in the footer, you can add a layout (click "Add to Footer" [or whatever the area down in the footer is called] and choose "Add Layout" from the popup menu).
One of these 2 addons from the marketplace should let you create the lists you want without needing to modify any code:
http://www.concrete5.org/marketplace/addons/diy-navigation/...
http://www.concrete5.org/marketplace/addons/quick-links/...
C5LABS replied on at Permalink Reply
C5LABS
Use the auto nav block.
Choose pages under a certain "page" and you are ready to go!
boomgraphics replied on at Permalink Best Answer Reply
boomgraphics
Use the autonav block with some css and you're all set. Here is what I have used for css to replicate a typical sitemap:
#sitemapLeft ul a:link, #siteMap ul a:visited, #siteMap ul a:active, #sitemapLeft ul a:hover {
      font-size: 12px;
   }
   #sitemapLeft ul ul a:link, #sitemapLeft ul ul a:visited, #sitemapLeft ul ul a:active, #sitemapLeft ul ul a:hover {
      font-size: 10px;
   }
   #sitemapLeft ul.nav, #sitemapLeft li ul {
      margin-left: 0em;
      padding-left: 0em;
   }
   #sitemapLeft ul.nav {
      position: relative;
      width: 100%;
      list-style: none;
      text-align: left;
ringio replied on at Permalink Reply
thanks, everyone for trying to help out! unfortunately, i still haven't figured out how to put it together, especially with the CSS. i may just go purchase the add-on as a last resort. i appreciate everyone's input!

regards,
ringio
boomgraphics replied on at Permalink Reply
boomgraphics
Place my css into your main.css file that is in your theme root. Place your autonav into your footer. Then rename all the #sitemapLeft id's in my css with the class or id of the div your autonav is in in your theme.

:-)
ringio replied on at Permalink Reply
thanks, boomgraphics! your help was invaluable! i think i got it to work :)
boomgraphics replied on at Permalink Reply
boomgraphics
Could you select one of my answers as the best answer? It helps other folks find the best answer for the question, and gives me karma points. :-) Thanks!
ringio replied on at Permalink Reply 1 Attachment
actually, one more question for you:

i have it in columns like i wanted, but i would like to see the subpages from each category beneath. is there a way to do this within the CSS? right now it looks like this (see attached)

thanks so much for your help!
boomgraphics replied on at Permalink Reply
boomgraphics
Yes, you need to tell the autonav to display the subpages. Choose "display all" for the last two dropdowns.
ringio replied on at Permalink Reply
awesome. couldn't have done it without you!