Joomla! 1.5 and the Million Dollar Wedding

Joomla!, quick, rapid, fast, speedy and custom

Written by Arno Zijlstra

Joomla! 1.5 and the Million Dollar Wedding
Template Folder
Menu Items
Design
Download Source and Conclusion
Show All

Quick, rapid, fast, speedy and custom

That is in blazing speed explained what a Joomla! template is and I hope this gives you the basis to start building your own template from scratch using the “Joomla_base” template as a guideline.

The most important thing to remember is again “don’t be afraid to try,” you’ll learn by trying and trying again.

Change and refresh the site front-end after a change and see what happens:

  1. Change color codes in your CSS files
  2. Change heights, widths, paddings, margins, float: from left to right
  3. Move div blocks around in the index.php file
  4. Do whatever you can think off

 

The index.php and CSS files are full of comments explaining what different parts do, you can remove them when you put a template on a real site.

The template uses none of the Joomla! core CSS classes or id’s because right now it shows that basically any HTML/CSS design can be used as a Joomla! template.

Download the source used in this tutorial

  1. Download the template pack
  2. Download the demo data (import in a Joomla! database)
  3. All Joomla! core CSS id’s and classes listed
  4. The Joomla! template forum

 

Happy templating all!

Oh and here is the result I did for Jessica, and it took me just a few hours to build the basic site. While she added content in the next few days I did some fine-tuning on the CSS styles.

Now, the only thing left is a Million Dollar Wedding. What a cool thing that Joomla! is a part of this Sander and Jessica's experience. Wish them good luck!

Arno


Page 5 of 5
80 Votes

6 Comments

Feed

  1. avatar blaziu makes this comment

    2008-11-28 09:14:11

    Elin, thanks very good tutorial :)

  2. avatar Krishna makes this comment

    2008-12-03 19:55:16

    Great tutorial and achievement!

  3. avatar chandramauli makes this comment

    2008-12-10 12:52:44

    hi Arno Zijlstra
    A very good article.I would like to read more regrading template development.

    thanks

  4. avatar David Vannucci makes this comment

    2009-01-25 05:34:37

    To create a good looking website is a skill and art. Joomla enables the layman to have a great site without the need for such knowledge. This is one of its fundamental features. To create your own style, whilst sounding appealing is unrealistic when free templates and low cost templates can do so much more. This article goes to illustrate the power of joomla in terms of ultimate flexibility but is not for the average consumer :)

  5. avatar Rob Mackintosh makes this comment

    2009-07-02 21:06:59

    Hello Arno,
    I just completed this tutorial, and I set-up my first "from scratch" template. I must say I agree with you... building your own design code is way better and faster. I used to work over off-the-shelf templates, but spent most of my time figuring-out where things were through trial & error.

    Many thanks for your help here:
    Here is a link to the site I just built using this very tutorial:
    London Laser Training

    I look forward to any new articles you might write in the future

    --Rob

  6. avatar Jackie22 makes this comment

    2009-09-16 05:31:02

    I have been involved in new orleans wedding photography for many years and I have to say that this is the coolest thing ever. Thanks for the great post !

Add Comment


    • >:o
    • :-[
    • :'(
    • :-(
    • :-D
    • :-*
    • :-)
    • :P
    • :\
    • 8-)
    • ;-)

     
    ©2005-2009 Open Source Matters, Inc. All rights reserved.    Joomla Hosting by Rochen Ltd.    Empowered by JXtended    Accessibility Statement    Privacy Policy    Log in