Anyone has a script/code to mimic WariorForum's Footer?

10 replies
Can anyone point me to some resource where I can find the php code/script that can mimic the bottom-rightmost triangular fixed footer of the warriorforum website?

I have, with the help of very generous webmasters, installed a facebook-like fixed footer for my blog. But the first time I saw warriorforum's red triangular fixed footer, I loved it and I have tried looking for clues on how to make it. Is it using a png image? :confused:

I would really appreciate some helpful directons here. Thanks.
#footer #mimic #script or code #wariorforum
  • Profile picture of the author Lambert Klein
    If you are talking about what I think you are....

    It's a ( background ) image position on an outside div or wrapper... or maybe the body... that is fixed position at the bottom right.

    Lambert
    Signature

    WordPress Domination: from Beginner to Ninja in 7 Days http://www.amazon.com/dp/B007LS0TLE

    {{ DiscussionBoard.errors[1861949].message }}
  • Profile picture of the author moralde
    Thanks guys. I'll check out the 'source code'.

    lklein, if it's a fixed 'background' image, it wouldn't be linkable.
    {{ DiscussionBoard.errors[1866465].message }}
  • Profile picture of the author skrubis
    css for it-

    /* Angular Advertisement */

    .angular_advertisement {
    position: fixed;
    }
    .angadver_left {
    left: 0;
    }
    .angadver_right {
    right: 0;
    }
    .angadver_top {
    top: 0;
    }
    .angadver_bottom {
    bottom: 0;
    }



    html for it-
    <div class="angular_advertisement angadver_bottom angadver_right"><a href="where it points to" target="_blank"><img border="0" src="link to the image" alt="War Room Ad" title="War Room Ad"></a></div>

    I replaced the links in html as I am not able to post links
    {{ DiscussionBoard.errors[1867228].message }}
    • Profile picture of the author moralde
      Wow, skrubis, thanks. Gotta test this code out. My HTML/PHP is not that advanced, so I was kinda surprised to see for the first time the inclusion of more than 1 css class name on a single div:

      div class="angular_advertisement angadver_bottom angadver_right"

      Anyway, there's only one way to find out. Thanks again. Will post again after my tests.
      {{ DiscussionBoard.errors[1869776].message }}
      • Profile picture of the author skrubis
        It works mate, just add the css part in your style.css or custom.css (usually the name for WP)
        and edited html part to the html file you have, or if it is in wordpress you can check out various hooking plugins that would make the adding a lot easier.

        Also you should check out firefox plugin called firebug, it lets you do all kinds of crazy stuff with webpages. The best feature is a right click on any object gives you a option to examine it in firebug.
        {{ DiscussionBoard.errors[1872564].message }}
        • Profile picture of the author moralde
          Firebug! Gotta check that out. Thanks again buddy.
          {{ DiscussionBoard.errors[1880143].message }}
          • Profile picture of the author moralde
            OMG! It works! Tried it last night and it worked perfectly. However, when I tried the IE6 browser, it failed. What's with Microsoft? And what's with people who still use IE6? If they find it hard to use firefox, can't they just at least upgrade to IE8 or IE9?:confused: Oops, sorry.
            {{ DiscussionBoard.errors[1883880].message }}
    • Profile picture of the author Will Edwards
      Originally Posted by skrubis View Post

      css for it-

      /* Angular Advertisement */

      .angular_advertisement {
      position: fixed;
      }
      .angadver_left {
      left: 0;
      }
      .angadver_right {
      right: 0;
      }
      .angadver_top {
      top: 0;
      }
      .angadver_bottom {
      bottom: 0;
      }



      html for it-
      <div class="angular_advertisement angadver_bottom angadver_right"><a href="where it points to" target="_blank"><img border="0" src="link to the image" alt="War Room Ad" title="War Room Ad"></a></div>

      I replaced the links in html as I am not able to post links
      Hi Skrubis

      When I tried it, it worked in Chrome, but not IE8

      In IE8 it displays top left - any thoughts?

      Cheers

      Will
      {{ DiscussionBoard.errors[1895574].message }}

Trending Topics