Joomla Tutorials

Converting a PSD File to Joomla Template

June 10, 2010 | Written by Steve Burge

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


 

 


To sign up for complete classes and support

 

Comments 

 
# 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 ?
Reply | Reply with quote | Quote
 
 
# 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.
Reply | Reply with quote | Quote
 
 
# kolonel 2010-12-07 16:13
Seems to be Mac software ? Correct me if i am wrong. I am using PC.

Rob
Reply | Reply with quote | Quote
 
 
# steve 2010-12-08 19:40
True. www.e-texteditor.com is a good option for the PC.
Reply | Reply with quote | Quote
 
 
# 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
Reply | Reply with quote | Quote
 
 
# 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
Reply | Reply with quote | Quote
 
 
# 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
Reply | Reply with quote | Quote
 
 
# 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
Reply | Reply with quote | Quote
 
 
# ali 2011-07-22 08:22
HI
very thanks for your learning

you are any best teacher of joomla that I saw in the my life
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-07-22 09:26
You're welcome, Ali! We're thankful for the kind words :)

Kind regards,
Nick
Reply | Reply with quote | Quote
 

Add comment