Fixed Header DIV Code Snippet Generator

Creating a Fixed Header DIV is easy using this code snippet generator.

.:: What does the Fixed Header DIV code snippet do? ::.

This code generator will produce the necessary codes to create a fixed header DIV template.
View an example




How to generate a Fixed Header DIV Code Snippet:

  1. Simply enter your settings information.
  2. Click "Generate Code Snippet" button.
  3. Copy & paste the code into the HTML of your web page.



.:: Begin Creating Fixed Header DIV Code Snippet ::.


.:: BODY Area Settings ::.
 Font Family:
 Font Size:

.:: Content Area Settings ::.
 Text Color:
 Background Color:
 Content Area Height:

.:: Header Area Settings ::.
 Header Height:
 Header Padding:
 Header Text Color:
 Header BG Color:

.:: Footer Area Settings ::.
 Footer Height:
 Footer Padding:
 Header Text Color:
 Header BG Color:


Copy and paste the Fixed Header DIV code into your web page.





You may use the Snap HTML Code Editor for a live demo of your code.