Question

I have visited some sites where when I scroll half a page, a semi-transparent horizontal column of 100-150px height appears right at the bottom of the page with an image on the left and some message, links on the right.

How can I create it?

Answer 1

Its just a css rule.

#footer {
  position: fixed;
  bottom: 0px;
  margin-right: auto;
  margin-left: auto;
}