Announcement

Collapse
No announcement yet.

anchored footer

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • anchored footer

    does anyone know how to install an anchored footer just like 3dcart's home page?

  • #2
    Originally posted by ajessey View Post
    does anyone know how to install an anchored footer just like 3dcart's home page?
    Here is one I have used in the past:
    Dynamic Drive DHTML Scripts- Expandable Sticky Bar
    Elegant Weddings +
    www.elegantweddingsplus.ca
    www.elegantweddingsplus.com

    Comment


    • #3
      thanks, but having problems

      I have inserted the code in my header along with the div callout outside of the table. All i see is the basic code in my div tag showing up. Did you have to put the supplimental html file and js file somewhere specifically and then call out in the head tag?

      this is how it looks. Pevonia® Botanica Organic Natural Skin Care Products | Official Store

      Comment


      • #4
        Originally posted by ajessey View Post
        I have inserted the code in my header along with the div callout outside of the table. All i see is the basic code in my div tag showing up. Did you have to put the supplimental html file and js file somewhere specifically and then call out in the head tag?

        this is how it looks. Pevonia® Botanica Organic Natural Skin Care Products | Official Store

        I don't have that implemented right now, it was on a different site that I no longer attend to.

        The css and js files I had them external.

        Here is a simpler one, you will need to modify the color and text. I used it to hide unwanted toolbars. note: it wasn't working great on IE9. Add to just before the </body> tag
        Code:
        <style type="text/css">
        /*footer hide unwanted toolbars:*/
        .footertbhide {
        background-color: #5dac98;
        height: 18px;
        text-align: center;
        font-size:10px;
        color:#CC0000;
        font-family:Verdana;
        padding-top: 10px;
        width: 100%;
        position:fixed;
        left: 0px;
        bottom: 0px;
        }
        </style>
        
            <!--[if lte IE 6]>
           <style type="text/css">
            body {height:100%; overflow-y:auto;}
            html {overflow-x:auto; overflow-y:hidden;}
            * html .footertbhide {position:absolute;}
            </style>
            <![endif]-->
         <div class="footertbhide "> Copyright 2011 U Design Elegant Weddings Plus. All Rights Reserved.  </div>
        Elegant Weddings +
        www.elegantweddingsplus.ca
        www.elegantweddingsplus.com

        Comment

        Working...
        X