Site Menu
 Home : Members : HTML Basics : Web Masters :
 Basic Package
 My eGallery

 



Introduction:

This tutorial is just one of many ways on how to make a theme for nuke, I use alot of different ways to make themes, the way Im going to show on this tutorial is the way I think is most basic and easy to do. Since most know more about html than php, we will make this theme in html. Due to the amount of time I have, this tutorial won't be so detailed but I'll try my best, and this tutorial is based on the sample theme I've included, thats the structure and setup I will be exlaining on this tutorial. Before we start, you will need the software listed below, if you do not have the software listed I've provided the link to download a free trial version of the software, make sure to download them before moving on.

Required tools:

-Adobe photoshop6 or higher Download free trial
-Image ready 2.0 or higher
(If you have Photoshop 6 or higher this comes with it.)
-Any html editor
(notepad is fine.)
-Flash 5 or higher
(eyecandy, not necessary.) Download free trial

Begin tutorial:

If your viewing this tutorial on my site then grab the sample theme that this tutorial is based on, at the bottom of this page, it also contains the psd files, the theme html files, and the theme.php file. It is a good idea to have the files next to you as I try to go over each section and explain how this works. Keep in mind this is only one of many ways on making themes, this is not the only way or the correct way, I just figured its an easier way. If you installed this tutorial on your nuke then Im sure the theme is already installed lol. Also, this tutorial wont be as detailed as I want it to be due to the amount of time I have, in the future, I will make a detailed tutorial. At anytime you missed something or like to go ahead, use the menu below to go forward or backward. Last note, during the tutorial I will go by sections, header, blocks, footer, etc, based on this tutorial theme's theme.php. I will only go through each section's html as the theme.php itself remain the same. In most of the html and php files, I've added some pointers and comments/ options that you can change or config, as we go on I will try to point those out. The psd files are just samples of a very simple design, feel free to change them as you like. Did I mention that I am a bad teacher? So bare with me here.

Source file Main page Step 2 layout step 3 header step 4 blocks step 5 story box step 6 footer step7 css style sheet
 
ThemeTutorial ©