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

by moralde

Posted: 16 years ago 10 replies

PROGRAMMING

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

Lambert Klein 16 years ago

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
- Thanks
- 1 reply
Signature

WordPress Domination: from Beginner to Ninja in 7 Days http://www.amazon.com/dp/B007LS0TLE
{{ DiscussionBoard.errors[1861949].message }}
- Aussie Dazzler 16 years ago
  
  Indeed.
  
  It is a png image controlled with css to be down in the right hand side.
  
  A bit of investigation would not be hard to mimic....:confused:
  
  Get " Firebug" it will help you.
  
  Daz
  
  Thanks
  
  1 reply
  
  Signature
  
  The Quickest Way I Know To Get Laser Targeted Traffic To Your Website And Start Getting Incredible Traffic Results....FREE E-Book
  
  Failure Is Not An Option - It is your choice!
  
  {{ DiscussionBoard.errors[1862005].message }}
  
  mojojuju 16 years ago
  
  The only resource you need to mimic it is the source code of the page you're on.
  
  Thanks
  
  Signature
  
  :)
  
  {{ DiscussionBoard.errors[1862411].message }}
moralde 16 years ago

Thanks guys. I'll check out the 'source code'.

lklein, if it's a fixed 'background' image, it wouldn't be linkable.
- Thanks
{{ DiscussionBoard.errors[1866465].message }}

skrubis

16 years ago

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

Thanks
2 replies

{{ DiscussionBoard.errors[1867228].message }}

moralde 16 years ago

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.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[1869776].message }}
- skrubis 16 years ago
  
  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.
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[1872564].message }}
  
  moralde 16 years ago
  
  Firebug! Gotta check that out. Thanks again buddy.
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[1880143].message }}
  
  moralde 16 years ago
  
  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.
  
  Thanks
  
  {{ DiscussionBoard.errors[1883880].message }}