Custom Footer... How Can I make mine look like this?

[AirsoftOutfitter]

How can I make a footer like this website has? I like the credit card payment options, and the links being in columns

https://www.businesschecksonline.com/

[kobra]

From the view source

<div id="footer_wrapper">
<!--<div id="navSuppWrapper">-->
<!--bof-navigation display  ***used to be hare-->
<!--eof-navigation display -->
<!--bof- site copyright display ***used to be hare -->
<!--eof- site copyright display -->
<!--bof-ip address display  ***used to be hare-->
<!--eof-ip address display --> 
<div class="foot_links">
<!--<img src="./images/call_icon.jpg" alt="Phone Order" align="left" hspace="3"/>-->
<ul>
   <li><span class="cap">1-800-767-3865</span></li>


<li><img src="includes/templates/vc/images/credit_cards.gif" alt="We accept credit cards, Google Checkout" title="We accept credit cards, Google Checkout"/></li>
<li><img src="includes/templates/vc/images/pay-pal.gif" alt="we accept PayPal" title="We accept PayPal"/></li>
</ul>
</div>
<div class="foot_links"> 

<ul>
   <li><span class="cap">Company Info</span></li>
   <li><a href="about_us.html">About Us</a></li>
   <li><a href="contact_us.html">Contact Us</a></li>

   <li><a href="shippinginfo.html">Turnaround &amp; Shipping</a></li>
   <li><a href="site_map.html">Sitemap</a></li>
   <li><a href="rush-orders-ezp-26.html">Rush Order</a></li>
   <li><a href="help-and-faqs-ezp-25.html">Help / FAQs</a></li>
</ul>
</div>

<div class="foot_links">
<ul>
   <li><span class="cap">Services</span></li>
   <li><a href="account.html" rel="nofollow">Easy Reorder</a></li>
   <li><a href="sample-images-of-checks-ezp-17.html">Free Samples</a></li>
   <li><a href="promotions-ezp-27.html">Promotions</a></li>
   <li><a href="free-checks-ezp-21.html">Free Checks</a></li>

    <li><a href="account.html" rel="nofollow">Track My Order</a></li>
	<li><a href="check-security-features-ezp-15.html">Security Features</a></li>
</ul>
</div>


   <div class="foot_links">

<ul>
   <li><span class="cap">Best sellers</span></li>

   <li><a href="quickbooks-checks-c-10_1.html">Checks for QuickBooks</a></li>
   <li><a href="quicken-checks-c-10_5.html">Checks for quicken</a></li>
   <li><a href="peachtree-checks-c-10_130.html">Checks for peachtree</a></li>
   <li><a href="deposit-slips-c-10_12.html">Computer deposit slips</a></li>
   <li><a href="business-voucher-checks-p-113.html">Business Voucher checks</a></li>
   <li><a href="laser-voucher-checks-p-331.html">Laser voucher checks</a></li>

</ul>
</div>

   <div class="foot_links">
  
<ul>
   <li ><span class="cap">Shop With Confidence</span></li>
   <li><a href="#">Customer Reviews-</a></li>
   <li><a href="hacker-safe-site-ezp-19.html">Hacker Safe Site</a></li>
   <li><a href="privacy.html">Privacy Policy</a></li>

   <li><a href="conditions.html">Terms of Services</a></li>
   <li><a href="return-policy-ezp-24.html">Return Policy</a></li>
   <li><a href="account.html" rel="nofollow">My Account</a></li>
</ul>
</div>


	<div class="clearBoth"></div>
<!--</div> eof navSuppWrapper-->
</div> <!--eof footer_Wrapper-->

[eVelt]

It's a static footer with some CSS
it is still under construction and the
POWERED by ZC will be put back
ones he will figure out how to style it

I'm not the developer, but i know him well

[AirsoftOutfitter]

What file would this code be placed in?

From the view source

<div id="footer_wrapper">
<!--<div id="navSuppWrapper">-->
<!--bof-navigation display  ***used to be hare-->
<!--eof-navigation display -->
<!--bof- site copyright display ***used to be hare -->
<!--eof- site copyright display -->
<!--bof-ip address display  ***used to be hare-->
<!--eof-ip address display --> 
<div class="foot_links">
<!--<img src="./images/call_icon.jpg" alt="Phone Order" align="left" hspace="3"/>-->
<ul>
   <li><span class="cap">1-800-767-3865</span></li>


<li><img src="includes/templates/vc/images/credit_cards.gif" alt="We accept credit cards, Google Checkout" title="We accept credit cards, Google Checkout"/></li>
<li><img src="includes/templates/vc/images/pay-pal.gif" alt="we accept PayPal" title="We accept PayPal"/></li>
</ul>
</div>
<div class="foot_links"> 

<ul>
   <li><span class="cap">Company Info</span></li>
   <li><a href="about_us.html">About Us</a></li>
   <li><a href="contact_us.html">Contact Us</a></li>

   <li><a href="shippinginfo.html">Turnaround &amp; Shipping</a></li>
   <li><a href="site_map.html">Sitemap</a></li>
   <li><a href="rush-orders-ezp-26.html">Rush Order</a></li>
   <li><a href="help-and-faqs-ezp-25.html">Help / FAQs</a></li>
</ul>
</div>

<div class="foot_links">
<ul>
   <li><span class="cap">Services</span></li>
   <li><a href="account.html" rel="nofollow">Easy Reorder</a></li>
   <li><a href="sample-images-of-checks-ezp-17.html">Free Samples</a></li>
   <li><a href="promotions-ezp-27.html">Promotions</a></li>
   <li><a href="free-checks-ezp-21.html">Free Checks</a></li>

    <li><a href="account.html" rel="nofollow">Track My Order</a></li>
	<li><a href="check-security-features-ezp-15.html">Security Features</a></li>
</ul>
</div>


   <div class="foot_links">

<ul>
   <li><span class="cap">Best sellers</span></li>

   <li><a href="quickbooks-checks-c-10_1.html">Checks for QuickBooks</a></li>
   <li><a href="quicken-checks-c-10_5.html">Checks for quicken</a></li>
   <li><a href="peachtree-checks-c-10_130.html">Checks for peachtree</a></li>
   <li><a href="deposit-slips-c-10_12.html">Computer deposit slips</a></li>
   <li><a href="business-voucher-checks-p-113.html">Business Voucher checks</a></li>
   <li><a href="laser-voucher-checks-p-331.html">Laser voucher checks</a></li>

</ul>
</div>

   <div class="foot_links">
  
<ul>
   <li ><span class="cap">Shop With Confidence</span></li>
   <li><a href="#">Customer Reviews-</a></li>
   <li><a href="hacker-safe-site-ezp-19.html">Hacker Safe Site</a></li>
   <li><a href="privacy.html">Privacy Policy</a></li>

   <li><a href="conditions.html">Terms of Services</a></li>
   <li><a href="return-policy-ezp-24.html">Return Policy</a></li>
   <li><a href="account.html" rel="nofollow">My Account</a></li>
</ul>
</div>


	<div class="clearBoth"></div>
<!--</div> eof navSuppWrapper-->
</div> <!--eof footer_Wrapper-->

[kobra]

What file would this code be placed in?

Probably a copy for your template of tpl_footer.php

[AirsoftOutfitter]

Probably a copy for your template of tpl_footer.php

That is what I was thinking. I'll give it a shot, thanks! I PM'd you, can you get back to me about that either way good or bad

[AirsoftOutfitter]

Probably a copy for your template of tpl_footer.php

I placed the code, but it is not layed out horizontally, it is all vertical. I also placed the code just after:

<?php
/**
* Common Template - tpl_footer.php
*
* this file can be copied to /templates/your_template_dir/pagename<br />
* example: to override the privacy page<br />
* make a directory /templates/my_template/privacy<br />
* copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_footer.php<br />
* to override the global settings and turn off the footer un-comment the following line:<br />
* <br />
* $flag_disable_footer = true;<br />
*
* @package templateSystem
* @copyright Copyright 2003-2010 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_footer.php 15511 2010-02-18 07:19:44Z drbyte $
*/
require(DIR_WS_MODULES . zen_get_module_directory('footer.php'));
?>

and deleted the original code. What am I missing

[AirsoftOutfitter]

I added the CSS to get the layout, and think I just need to tweak it a bit

[AirsoftOutfitter]

I also just noticed that it seems the pages for the footer links are HTML? is that a more efficient or better way to do your pages, or are they like this because of an SEO mod? I am wanting to have better URL's to pick up search engine robots better. I appreciate the help as always.

[kobra]

I am wanting to have better URL's to pick up search engine robots better.

Unnecessary as the SE's can handle the php url's just fine