Help with page Footer

[Bri]

I have installed the footer menu mod that gives 4 columns. It's working well but all the links are predefined, which is fine for the first 3 columns. The 4th column pulls the links from created ezpages but I want to insert links to social networks instead. Does anyone know how to change the code to be able to do this please. I am assuming it in the footer_menu_defines.php file but when I add an anchor it breaks the template, probably down to missing parameters.

Here is the code within the file:

/*BOF Menu Column 1 link Definitions*/
Define('TITLE_ONE', '<li class="menuTitle">Quick Links</li>');
Define('HOME', '<li><a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . HEADER_TITLE_CATALOG . '[/url]</li>');
Define('FEATURED','<li><a href="' . zen_href_link(FILENAME_FEATURED_PRODUCTS) . '">' .  TABLE_HEADING_FEATURED_PRODUCTS .  '[/url]</li>');
Define('SPECIALS', '<li><a href="' . zen_href_link(FILENAME_SPECIALS) . '">' . BOX_HEADING_SPECIALS . '[/url]</li>');
Define('NEWPRODUCTS', '<li><a href="' . zen_href_link(FILENAME_PRODUCTS_NEW) . '">' . BOX_HEADING_WHATS_NEW . '[/url]</li>');
Define('ALLPRODUCTS', '<li><a href="' . zen_href_link(FILENAME_PRODUCTS_ALL) . '">' .CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '[/url]</li>');
/*EOF Menu Column 1 link Definitions*/

/*OF Menu Column 2 link Definitions*/
Define('TITLE_TWO', '<li class="menuTitle">Information</li>');
Define('ABOUT', '<li><a href="' . zen_href_link(FILENAME_ABOUT_US) . '">' . BOX_INFORMATION_ABOUT_US . '[/url]</li>');
Define('SITEMAP', '<li><a href="' . zen_href_link(FILENAME_SITE_MAP) . '">' . BOX_INFORMATION_SITE_MAP . '[/url]</li>');
Define('GVFAQ', '<li><a href="' . zen_href_link(FILENAME_GV_FAQ) . '">' . BOX_INFORMATION_GV . '[/url]</li>');
Define('COUPON', '<li><a href="' . zen_href_link(FILENAME_DISCOUNT_COUPON) . '">' .  BOX_INFORMATION_DISCOUNT_COUPONS . '[/url]</li>');
Define('UNSUBSCRIBE', '<li><a href="' . zen_href_link(FILENAME_UNSUBSCRIBE) . '">' . BOX_INFORMATION_UNSUBSCRIBE . '[/url]</li>');
/*EOF Menu Column 2 link Definitions*/

/*BOF Menu Column 3 link Definitions*/
Define('TITLE_THREE', '<li class="menuTitle">Customer Service</li>');
Define('CONTACT','<li><a href="' . zen_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '[/url]</li>');
Define('SHIPPING', '<li><a href="' . zen_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '[/url]</li>');
Define('PRIVACY', '<li><a href="' . zen_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '[/url]</li>');
Define('CONDITIONS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '[/url]</li>');
Define('ACCOUNT', '<li><a href="' . zen_href_link(FILENAME_ACCOUNT, '', 'SSL') .'">' . HEADER_TITLE_MY_ACCOUNT . '[/url]</li>');
/*EOF Menu Column 3 link Definitions*/

/*BOF Menu Column 4 link Definitions*/
Define('TITLE_FOUR', '<li class="menuTitle">Important Links</li>');
/*The actual links are determined by "footer links" set in EZ-Pages
*EOF Menu Column 4 link Definitions
*/

/*BOF Footer Menu Definitions*/
Define('QUICKLINKS', '<dd class="first">
<ul>' . TITLE_ONE . HOME . FEATURED . SPECIALS . NEWPRODUCTS . ALLPRODUCTS . '</ul></dd>');
Define('INFORMATION', '<dd class="second">
<ul>' . TITLE_TWO . ABOUT . SITEMAP . GVFAQ . COUPON . UNSUBSCRIBE . '</ul></dd>');
Define('CUSTOMER_SERVICE', '<dd class="third">
<ul>' . TITLE_THREE . CONTACT . SHIPPING . PRIVACY . CONDITIONS . ACCOUNT . '</ul></dd>');
Define('IMPORTANT', '<dd><ul>' . TITLE_FOUR);
Define('IMPORTANT_END', '</ul></dd>');
/*EOF Footer Menu Definitions*/

//EOF

Thanks for your time 

[Bri]

Sorry I've now decided to add some extra pages so as it is will be fine. I'll put social links elswhere on page.

[Bri]

OK I have decided I want to put the image links to my social pages just before the search box. Where do I add the div to accomplish this please?

I've looked at so many files I've gotten myself lost 

[seamus]

before the search box in the header?

includes/templates/your-template/common/tpl_header.php

(substitute your-template for the name of the template you are using)

then look for this code here

Code:

<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>

and place your code above that, wrapped within a div of its own, add that div to your stylesheet and you can control how it sits using css

[Bri]

Thanks Seamus. I want to add twitter & facebook image buttons.

Would I go about it something along the lines of:

<div id="Twitlink"><a href="http://twitter.com/username" target="_blank"><img src="/images/Twitter.png />[/url]</div>

Then in the stylesheet.css file, add this:

#Twitlink {
width: 60px;
height: 60;
margin-left: auto;
margin-right: auto;
}
and then repeat the process for the Facebook button or would it be best to contain both in the same div tag?

[seamus]

I'd do it this way

Code:

<div id="fb">
<a href="http://www.facebook.com" target="_blank"><img src="/includes/templates/your-template/images/facebook-button.jpg" alt="join us on facebook" /></a>
<br class="clearBoth" />
<a href="http://twitter.com/" target="_blank"><img src="/includes/templates/your-template/images/twitter-button.jpg" alt="join us on twitter" /></a>

</div>

and for the stylesheet

Code:

#fb {
    float: right;
    margin-right: -110px;
    text-align: center;
}

that makes the buttons sit one ontop of the other, at the right top corner of the page. to make them sit on the left, just float them left and play with the margins to move them to were you want them.
to make the buttons sit next to each other, remove the <br class="clearBoth" /> from between the buttons

you might need to move your code about in the tpl_header.php to get it to sit where you want it.

you can control the images a bit better if you need to, ie if you want a space between the images, do somthing like this in your stylesheet

Code:

#fb img{
     padding:5px;
}

[Bri]

Excellent, many thanks yet again 

[seamus]

no probs Bri