Tag archive: tutorials

How to use the Multi Options template styles

The latest free template release, Multi Options, allows template users to combine a set of options into hundreds of different designs. In order to help you get started with the template, here is a quick tutorial on how the options work. The starting point: index.html First of all, make sure to download a fresh copy…

How to create website icons in any color you want

For the latest template that I released, Basic Profile, I made an alternate version which included a set of icons that matched the colorscheme of the template. Since one of the most common modifications that template users want to do is to change the link colors, I want to show you how you can modify…

How to create a CSS button menu (part 1)

This is the first post in a tutorial series about creating a navigation button menu using only CSS and HTML. In this part, I will start easy and create a very simple (and therefore not so pretty) horizontal button menu. I will explain how I do it, and in forthcoming posts I will expand the…

Customizing the images in the Variant Note template

The latest free template release, Variant Note, includes three .PSD files (Adobe Photoshop format) that allows the images in the template to be customized in an easy way if you use Adobe Photoshop or any other image editor that supports the .PSD file format. In order to help you get started with the template, I…

How to keep the CSS code clean

When I work with HTML, CSS, PHP or any other code or scripting language, I always try to keep the code in order to make sure it will remain easy to get into for future updates. Well-structured code makes it easier to spot errors, and also easier to get an idea of what the design…

Menu