Joomla Tutorials and Blog Posts
Converting a PSD File to Joomla Template

This tutorial consists of three videos. They will show you how to take an existing PSD file created in Photoshop and convert it into a Joomla template. They are a sample of the Joomla Template Design class that is available to subscribers.

  1. Slicing / Exporting the Background
  2. Slicing / Exporting Elements
  3. Final Site and CSS

Part 1: Slicing / Exporting the Background

Part 2: Slicing / Exporting Elements

Part 3: Final Site and CSS


 

Comments  

 
#1 kolonel 2010-12-07 00:52
I love the basic explanation of the whole series. Simple and concise. What editing software are you using ? Is it DW, or do you suggest other/easier (lol) software ?
 
 
#2 kl6H_steve 2010-12-07 06:48
Thanks kolonel

Either TextWrangler or Textmate are good options. DW doesn't work too well with Joomla templates unfortuantely.
 
 
#3 kolonel 2010-12-07 16:13
Seems to be Mac software ? Correct me if i am wrong. I am using PC.

Rob
 
 
#4 kl6H_steve 2010-12-08 19:40
True. www.e-texteditor.com is a good option for the PC.
 
 
#5 Ruei 2011-01-26 15:32
awesome tutorial!!
you have mentioned we can get the css code down somewhere.
but i couldn't find any links to download.
it really helps if i can get the css code!!
appreciate!!

sincerely
 
 
#6 iowawebco 2011-01-26 18:19
Hi Ruei,

The videos are just samples of our Joomla Template Design. All the css and other respective files are available to our students within the class.

Let me know if you have any further questions :-)

Kind regards,
Nick
 
 
#7 larry 2011-07-04 08:10
The video ist just what i needed.
If you don't attend the class and still want to have the css files, how then can i do. Im actually not living in the USA.
thx
 
 
#8 iowawebco 2011-07-05 09:03
Hi Larry,

You're welcome! :)

The CSS is part of our online class (www.ostraining.com/.../) so you can take it from anywhere in the world ;)

Kind regards,
Nick
 

Add comment