Sticky Header and Footer

ReverBlog has created sticky Header and Footer widget for you. These widgets are made for HTML users. Use the Header and Footer widget as your Website/blog headlines. Use this widget to attract your visitor. These widgets give your templates one more star for its beauty. You can add massage or even marquee text to give it one more extra star. As you are watching this page we have add both Stick Header and Footer widget. We have used fully HTML code. No CSS and Java Script. You just put these code easily change the code for your own. Try it your self.

Sticky header Code:

<p:colorscheme colors="#ffffff,#000000,#808080,#000000,#bbe0e3,#333399,#009999,#99cc00"> <table cellpadding="0" cellspacing="0" dir="ltr" style="-moz-border-radius: 5px 0 0; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px 0 0; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); background-color: #464646; border-radius: 2px 0 0; border: 1px solid #666; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); color: white; height: 18px; left: 0; position: fixed; position: fixed; right: 10px; top: 0; width: 100%; width: 100%; z-index: 999999;">  <tbody> <tr>   <td height="18" style="border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; vertical-align: top;" width="403"><div> <span style="font-size: 14pt;"> Sticky Header Text Goes Here... Sticky Footer Text Goes Here... </span></div> </td>  </tr> </tbody></table> </p:colorscheme>

Sticky Footer Code:

<p:colorscheme colors="#ffffff,#000000,#808080,#000000,#bbe0e3,#333399,#009999,#99cc00"> <table cellpadding="0" cellspacing="0" dir="ltr" style="-moz-border-radius: 5px 0 0; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px 0 0; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); background-color: #464646; border-radius: 2px 0 0; border: 1px solid #666; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); color: white; height: 18px; left: 0; position: fixed; position: fixed; right: 10px; Bottom: 0; width: 100%; width: 100%; z-index: 999999;">  <tbody> <tr>   <td height="18" style="border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; vertical-align: top;" width="403"><div> <span style="font-size: 14pt;">oye</span></div> </td>  </tr> </tbody></table> </p:colorscheme>

Change the Width, Font size and Height accourding to your template. If you have enough knowledge about HTML, Try to change whole the code. oye

If you are facing any problem related to these codes please let us know. You problem will be solved in a jiffy.

---

Tweet

About Post Author:

This post is fruit of pen-clipping of Mohammad Hamza Frough, poineer of ProFeedLinks. He likes to shear about his thought and experience with others.

Read more about Mohammad Hamza Frough »