Here's a Sample of the Code and Process

Sample Page Layout

This is an example of what we will be looking to receive from you.

Here is an example of a design in PSD file format that we need so we can begin working on your Joomla! template. It is a simple one column design featuring a right side-bar.

This sample page layout also highlights the top and bottom, drawing the attention and interest of the reader. The picture placement and specifications of the design should be detailed because we will create your template directly from the layout supplied.

You worked hard on your design and we want to make sure we create a template that matches your vision.

Sample Module Positions

Once we've received your design here is an example of what we'll supply you.

This is an example of the type of Joomla template you can expect from your design.  Notice how each module is positioned in the same format as the psd design layout provided.

Your design has been converted to a Joomla HTML template.  It is now formatted for the popular web browsers of today (Sarari, Google Chrome, Internet Explorer, etc….) and will work impeccably to deliver your visitors the experience of your design.

Note:  We do not insert any text into your template.  We create the positions and any text on your Joomla template CMS will fill it in.  We simply create the template, and you add what you add the content you want.

PHP Code Sample

What’s the code going to look like?

Here is a sample of what the PHP code could look like.  As with any template The head section is written and the links to the CSS style sheets are generated. Code blocks are commented and indented following best practices.

Javascript is included with the appropriate tags in the headcode of the template.   All code is properly formatted and clean of unnecessary code that can cause problems and troubles with the viewing of your template.  We have created the positions so you just tell Joomla what you want in each module.

You don’t have to worry about sizing or meticulous code writing.

CSS Code Sample

What’s the CSS going to look like?

This is the section where all the styling takes place.  The CSS code is very clean of unnecessary code that may create mistakes.

Groups have been created to help you find the section of the stylesheet should you wish to edit somethings. All lines are indented and formatted for best readability.

Proper instructions are written for colors and dimensions such as height and width, margins, etc…  If any borders or layout orientations are needed, they are all addressed here.

Bonus: If you don't include an additional typography stylesheet we will provide a free one for you!
Seen enough? Get started now by sending in your PSD's!
 

Testimonials

"We weren't sure how we were going to get our site created with the deadlines we had. PSD2Template offered amazing service and high quality work. We will be using them again!"

-Bill Brown