Blakut Toolkit

Instruction for Template Generator

We are glad to release our HTML Template generator tool. It supports the following Features

Over 50+ fonts to choose from
Generate customizable color boxes in seconds. Upon clicking generate it will also give you a clean Preview
Highly customizable with option to modify Borders, font, margin, Padding and width.
You can set ANY customized color for border, font and background. Our jQuery Based easy to use color picker is able to provide you any color of which a normal photo processor can give
You can also blink the texts [Select the option from Decoration] and align it to left, right or center

Here are some FAQS

1. How to Set Width of the block?
Ans: Simply enter any number and your div tag will get that amount of widht in Pixel. For 100% width delete the number from inside the width input box

2. How to set color of fonts, border and background?
Ans: Wait until the page loads completely! Just click on the boxes and a color-picker will popup like the image shown below!
template generator instruction
Set the desired color, adjust its hue and saturation and click on the done button. You will get your color code inside the box. Click on generate button and that color code will be used to make your HTML [Colored box]

3. Can I get a preview of the code I am going to generate?
Ans: Ofcourse you can! Simply click the Generate button and you will get a preview before your code.

4. What are Padding and Margin?
Ans: Padding is the space left inside your HTML div tag [Yeah! That colorful box] surrounding your text and Margin is the space left outside the tag to clear its space from other texts. Clearly ▲ ▼ sign implies Margin or Padding above and below your HTML design and ► ◄ on left and right! Enter any numerical value and that amount of margin or padding will get set in pixel unit. Set the amount 0 for no padding or margin