SE·TAC Website Generator

This generator is so awesome, it has an entire page devoted to it! It generates a CSS template, and them an entire webpage to go with it!! ALL FOR FREE!! ALL ONLINE!! Try it out below, and prepare to be amazed!!!

It's pretty big, but if you take the time to do it, you'll be surprised! Also keep in mind that it is generating an entire website, so don't expect it to take just a few minutes!


SE·TAC Website 5.4

Speak English To A Computer. Makes the HTML for a website, then makes the CSS to go with it!
Currently, the generator only makes the template for my Clean Style 1 template, but I will add more options in the future.

All I ask is that you keep the credits to this generator in the code outputted. Please do not delete them. It will not change the website in ANY WAY, and how many people look at the source anyway ;)? Just please keep it in.

HTML

Name & Misc.

Enter the name of your site:


Enter your name:


Enter the description of your site:

Enter keywords for your site (seperate with commas):

Enter the path to your stylesheet (if you have one, if not, don't even use this line, take it out):

Header

Enter what you want the top header to say:

Enter what size you want the text in the header to be:

Main

Enter what you want the main title to say:

Enter how big you want the main title to be:

Enter what you want the main text to say:

Footer

Enter what you want the footer to say:

Left Side

Enter what you want the left side title to say:

Enter how big you want the left side title to be:

Right Side

Enter what you want the right side title to say:

Enter how big you want that title to be:

CSS

Body

Enter what you want the absolute background colour of your page to be (EG. Mine is the metal background, if you're on the themes Dark Matter or Metalized):

#

Enter the URL of the image you want the background to be (if your not using an image, LEAVE THIS FIELD BLANK!):

Enter how you want that background image to repeat:

Links

Enter what colour you want the links to be:

#

Container

Enter how wide you want the page to be (in pixels, 950 is the original and the best. Anything higher than 950 is not recommended):

px

Enter the URL of the image you want the background to be (if your not using an image, LEAVE THIS FIELD BLANK!):

Enter how you want that background image to repeat:

Header

Enter how tall you want the header (the top section) to be (Eg. Mine is grey on all themes):

px

Enter the colour you want the text in the header to be:

#

Enter what you want the background colour of the header to be:

#

Enter the URL of the image you want the background to be (if your not using an image, LEAVE THIS FIELD BLANK!):

Enter how you want that background image to repeat:

Main

Enter what you want the background colour of the main content section to be:

#

Enter the URL of the image you want the background to be (if your not using an image, LEAVE THIS FIELD BLANK!):

Enter how you want that background image to repeat:

Enter what colour you want the main text to be:

#

Right Side Column

Enter what you want the background colour of the right side column to be:

#

Enter the URL of the image you want the background to be (if your not using an image, LEAVE THIS FIELD BLANK!):

Enter how you want that background image to repeat:

Enter what colour you want the text in the right side column to be:

#

Left Side Column

Enter what you want the background colour of the left side column to be:

#

Enter the URL of the image you want the background to be (if your not using an image, LEAVE THIS FIELD BLANK!):

Enter how you want that background image to repeat:

Enter what colour you want the text in the left side box to be:

#

Footer

Enter what you want the background colour of the footer to be:

#

Enter the URL of the image you want the background to be (if your not using an image, LEAVE THIS FIELD BLANK!):

Enter how you want that background image to repeat:

Enter what colour you want the text in the footer to be:

#

  • When you get the code, you may notice a class called "current", in the HTML. If you are using this NavMenu throughout your entire site, simply change the class="current" to whatever page you are on. If you are on the About page, take class="current" off of the Home page in the About page's HTML, and put the class="current" in the About apage's link.
  • If you want more than 2 pages on your NavMenu (and I'm sure you do), just copy and paste the second line again and again, and just change the values so they fit with the page you want it to go to.

Code Browser


Everything!