Support Forums

Template design tutorial!

This is a discussion on Template design tutorial! within the Templates, HTML, CSS, and Design Help forums, part of the General category; Ok, after typing my fingers to the bone over the last few days I have put together a little tutorial ...


Go Back   68 Classifieds Forums > General > Templates, HTML, CSS, and Design Help

Reply
 
Thread Tools Display Modes
Old 04-20-2006, 03:07 PM   #1
curmudgeon
 
Join Date: Mar 2006
Posts: 5,413
Rep Power: 138
Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light
Default Template design tutorial!

Ok, after typing my fingers to the bone over the last few days I have put together a little tutorial to help people better understand the 68 Classifieds template system and to help guide you through not only creating the new images, but slicing them up and modifying the css to make use of them.

Tutorial PDF

If you find any blatant errors etc please feel free to let me know and I can update it.
__________________
Larry

Knowledge learned is more valuable than knowledge given.

Last edited by Blair; 08-06-2007 at 11:16 AM. Reason: Modified path to pdf
Lhotch is offline   Reply With Quote
Old 04-20-2006, 07:35 PM   #2
Senior Member
 
calaf6's Avatar
 
Join Date: Mar 2006
Location: UK
Posts: 280
Rep Power: 28
calaf6 is on a distinguished road
Thumbs up

THANK YOU

I have only browsed the first bit, but it makes sense and is easy to read, it is printing now, and I will be taking it to read on the train to/from work.

The first thing I have realised is I should have got photoshop - I have been using Pain shop pro which does not look as easy to use
calaf6 is offline   Reply With Quote
Old 04-21-2006, 10:06 AM   #3
Member
 
Join Date: Mar 2006
Location: Uk
Posts: 43
Rep Power: 23
build is on a distinguished road
Default

Quote:
Originally Posted by calaf6
THANK YOU

I have only browsed the first bit, but it makes sense and is easy to read, it is printing now, and I will be taking it to read on the train to/from work.

The first thing I have realised is I should have got photoshop - I have been using Pain shop pro which does not look as easy to use

Hi calaf6


using Pain shop pro was that a pun ?

First time we have met I think

What version of PSP do you have?

Yes when I had a look at the help pdf I thought the same, I wish I could afford the price of it.

I have been useing PSP since it first came out.
__________________
Regards

John

Useing Developer
build is offline   Reply With Quote
Old 04-21-2006, 10:23 AM   #4
Senior Member
 
calaf6's Avatar
 
Join Date: Mar 2006
Location: UK
Posts: 280
Rep Power: 28
calaf6 is on a distinguished road
Default

Hi John,

Yes its the first time we have met *shakes hands*

That was not intended at all now that you have pointed it out I wish it had been!!

I'm not sure which version I have, I only got it about 18 months ago, so it would be reasonably up to date. I find it very frustrating to use though. I will give it a go over the weekend, and see if I can find someone with photoshop as well so I can compare.
calaf6 is offline   Reply With Quote
Old 04-21-2006, 10:28 AM   #5
curmudgeon
 
Join Date: Mar 2006
Posts: 5,413
Rep Power: 138
Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light
Default

If you happen to be a studen *wink wink* you can get the latest version of photoshop CS for under $300

http://www.studica.com/products/prod...roductid=46807

Im sure you can accomplish the same things in PSP that I did in photoshop it just wont be as easy. Cutting up images for example could be done in a different application just using the crop tool or selection and copy tools, it would just be more cumbersome to cut the image up that way.

Calaf, if you make an image and want me to cut it up for you let me know, I could probably cut it up in just a few minutes and send you back the layout.html and images.
__________________
Larry

Knowledge learned is more valuable than knowledge given.
Lhotch is offline   Reply With Quote
Old 04-21-2006, 10:44 AM   #6
Senior Member
 
calaf6's Avatar
 
Join Date: Mar 2006
Location: UK
Posts: 280
Rep Power: 28
calaf6 is on a distinguished road
Default

Thanks for that Larry unfortunately I would be a bit 'mature' for a student, nearer to granny status than student

I will have a look in our cd collection here (work) in a while, as its nearly home time for those who do normal hours, but if I have a problem I may well take you up on that offer, thanks a lot
calaf6 is offline   Reply With Quote
Old 04-26-2006, 11:11 AM   #7
curmudgeon
 
Join Date: Mar 2006
Posts: 5,413
Rep Power: 138
Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light
Default

Just an update. After creating the tutorial I took the whole /orange template and copied it over to my V3.1 beta install and it appears to work fine for the new version as well.

The only issue I had was that my template was looking for folder.gif in the /orange/images folder and it didnt exist so I copied it over from the /images to /templates/orange/images .
__________________
Larry

Knowledge learned is more valuable than knowledge given.
Lhotch is offline   Reply With Quote
Old 04-26-2006, 12:18 PM   #8
68 Classifieds Staff
 
Eric Barnes's Avatar
 
Join Date: Mar 2006
Location: Belmont, NC
Posts: 5,489
Rep Power: 135
Eric Barnes is just really nice Eric Barnes is just really nice
Default

Also a small change was made in v3.1 where it uses an array of template directories. This way if you just want to replace the layout.tpl.php file you can create a new template folder and just include it. It will look for the templates inside your designated template folder first and if it isn't found it will go to the default. This way you do not have to copy all the files out, just the ones you need. Also this wasn't added until recently so the latest beta may not include this.
__________________
Eric Barnes
68 Classifieds Developer
Customer Area | Issue Tracker | Documentation | 68C Mods | 68 @ Twitter | My Modules
Eric Barnes is offline   Reply With Quote
Old 04-26-2006, 12:19 PM   #9
Customer
 
civ's Avatar
 
Join Date: Mar 2006
Location: Greer, SC
Posts: 609
Rep Power: 35
civ will become famous soon enough
Default

Quote:
Originally Posted by suzkaw
Also a small change was made in v3.1 where it uses an array of template directories. This way if you just want to replace the layout.tpl.php file you can create a new template folder and just include it. It will look for the templates inside your designated template folder first and if it isn't found it will go to the default. This way you do not have to copy all the files out, just the ones you need. Also this wasn't added until recently so the latest beta may not include this.
Ok that is just plain awesome.
civ is offline   Reply With Quote
Old 04-26-2006, 12:20 PM   #10
Senior Member
 
calaf6's Avatar
 
Join Date: Mar 2006
Location: UK
Posts: 280
Rep Power: 28
calaf6 is on a distinguished road
Default

Thats good news, thanks for confirming as I will kick on and finish the one I am doing this weekend.

Photoshop is definately easier than Paint Shop Pro as well
calaf6 is offline   Reply With Quote
Reply

Thread Tools
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Smarty Templates and You. Posted BY Lhotch Eric Barnes Templates, HTML, CSS, and Design Help 13 10-02-2007 08:06 AM
Free Template? FlyingBee Templates, HTML, CSS, and Design Help 4 12-08-2006 10:17 AM
HTML Template brian-bear Templates, HTML, CSS, and Design Help 7 10-12-2006 05:21 AM
Dreamweaver Template in 68classifieds sporthorsebreeder Templates, HTML, CSS, and Design Help 3 04-23-2006 10:34 AM


All times are GMT -4. The time now is 04:37 AM.


Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2011, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0