Template Tutorials
- joomlasolutions_JB
- Joomla! Explorer
- Posts: 355
- Joined: Wed Aug 17, 2005 11:07 pm
- Contact:
Template Tutorials
Here is a list of Template Tutorials. Feel free to reply to this thread with a link to a template tutorial, but please use the Templates forum to ask specific how to questions.
I'll start the list with my contribution:
http://www.mambosolutions.com/dw_tutorial
tutorial overview:
currently this template tutorial is for the current release ( mambo 4.5.2 ) and will be updated accordingly( plans to do a div only (tableless) version next)
In this guide, we will be creating a 100% width 'autostretch' 3 column table layout. This will introduce you to the directory structure of a template, includes all copy/paste code snips for including the mambo specific elements in the template (module positions, mainbody, pathway, etc)
i also give specific instruction to use my dreamweaver template extension, but also you can optionally use the FREE plugin for HTML Kit, which is does the same job. Links are to be found in the tutorial.
Hope you find it useful.
I'll start the list with my contribution:
http://www.mambosolutions.com/dw_tutorial
tutorial overview:
currently this template tutorial is for the current release ( mambo 4.5.2 ) and will be updated accordingly( plans to do a div only (tableless) version next)
In this guide, we will be creating a 100% width 'autostretch' 3 column table layout. This will introduce you to the directory structure of a template, includes all copy/paste code snips for including the mambo specific elements in the template (module positions, mainbody, pathway, etc)
i also give specific instruction to use my dreamweaver template extension, but also you can optionally use the FREE plugin for HTML Kit, which is does the same job. Links are to be found in the tutorial.
Hope you find it useful.
- toubkal
- Joomla! Hero
- Posts: 2860
- Joined: Thu Aug 18, 2005 4:35 pm
- Location: Cheshire, England
- Contact:
Re: Template Tutorials
Here are a couple of good tutorials:
http://www.churchministriesonline.com/T ... ation.html
http://www.churchministriesonline.com/CSS_Overview.html
http://www.churchministriesonline.com/T ... ation.html
http://www.churchministriesonline.com/CSS_Overview.html
Do you want the answer to be as vague as your question?
- mophsy
- Joomla! Explorer
- Posts: 286
- Joined: Fri Aug 19, 2005 7:54 am
- Location: Romania
- Contact:
- absalom
- Joomla! Ace
- Posts: 1199
- Joined: Thu Aug 18, 2005 12:37 am
- Location: Melbourne, Australia
- Contact:
Re: Template Tutorials
A tutorial on how to cut up a 2 column Photoshop template and arrange it, using semantic CSS design principles, into a template:
http://www.absalom.biz/tutorials/Mambo_ ... orial.html
http://www.absalom.biz/tutorials/Mambo_ ... orial.html
Design with integrity : Web accessible solutions
http://www.absalom.biz
http://twitter.com/absalomedia
http://www.absalom.biz
http://twitter.com/absalomedia
- rcarver
- Joomla! Enthusiast
- Posts: 204
- Joined: Thu Aug 18, 2005 10:24 pm
- Contact:
Re: Template Tutorials
I've used all of those listed BTW Thanks for your work Absalom
Dreamweaver centric tutorial
More of an overview than a tutorial, but useful
Good CSS Guide
Another CSS Guide
And another CSS Guide
Dreamweaver centric tutorial
More of an overview than a tutorial, but useful
Good CSS Guide
Another CSS Guide
And another CSS Guide
Randy Carver - carver-family.com
There are 10 types of people in this world. Those that understand binary and those that don't.
There are 10 types of people in this world. Those that understand binary and those that don't.
- mambostoked
- Joomla! Explorer
- Posts: 264
- Joined: Wed Aug 24, 2005 3:35 pm
- Location: Cape Town, South Africa
- Contact:
Re: Template Tutorials
hey guys,
great post! here is something i found in a previous post (from the old forums), not quite a tutorial
but a really comprehensive css guide..
http://www.mambohut.com/index.php?o...y&filecatid=107
kudos to wee keat chin, from visual density!!
cheers
chris
great post! here is something i found in a previous post (from the old forums), not quite a tutorial
but a really comprehensive css guide..
http://www.mambohut.com/index.php?o...y&filecatid=107
kudos to wee keat chin, from visual density!!
cheers
chris
http://www.joomlajunkie.com - Bringing Color to the Joomla! Community.
http://www.webmonkeys.co.za - Joomla Design and Development Services.
http://www.webmonkeys.co.za - Joomla Design and Development Services.
-
- Joomla! Apprentice
- Posts: 11
- Joined: Thu Aug 25, 2005 2:40 am
Re: Template Tutorials
Hi,
You may want to check out the Nvu WYSIWYG HTML editor (a development on the Mozilla Suite HTML editor, available at http://www.nvu.com), plus the template building extension from Open4G (http://www.open4g.com/content/view/13/29/).
Nvu is supposed to be the open source Dreamweaver/Frontpage killer, so why bother with the commercial stuff?
Rygle.
You may want to check out the Nvu WYSIWYG HTML editor (a development on the Mozilla Suite HTML editor, available at http://www.nvu.com), plus the template building extension from Open4G (http://www.open4g.com/content/view/13/29/).
Nvu is supposed to be the open source Dreamweaver/Frontpage killer, so why bother with the commercial stuff?
Rygle.
- joomlasolutions_JB
- Joomla! Explorer
- Posts: 355
- Joined: Wed Aug 17, 2005 11:07 pm
- Contact:
Re: Template Tutorials
If you are looking for a free version of a nice editor, try HtmlKit. Also a mambo template plugin for it .
Html Kit: http://www.chami.com/html-kit/
Template plugin: http://mamboforge.net/frs/?group_id=106&release_id=2536
Html Kit: http://www.chami.com/html-kit/
Template plugin: http://mamboforge.net/frs/?group_id=106&release_id=2536
- Serial
- Joomla! Enthusiast
- Posts: 156
- Joined: Sun Aug 28, 2005 7:03 pm
- Location: Montréal, Canada
Re: Template Tutorials
Nice list of ressources thx guyz!
"The trick to creativity is knowing how to hide your sources..." Albert Einstein
- Michelle Bisson
- Joomla! Ace
- Posts: 1773
- Joined: Fri Aug 12, 2005 12:47 am
- Location: Quebec City, Canada
- Contact:
Re: Template Tutorials
Thank you for letting us know about all of the tutorials!!!
Michelle Bisson, POPcliQ, http://www.popcliq.com
Joomla / OSM Trademarks Team Member
Joomla / OSM Trademarks Team Member
- bluesaze
- Joomla! Guru
- Posts: 750
- Joined: Mon Sep 05, 2005 6:18 am
- Location: India
- Contact:
Re: Template Tutorials
Wow this is overwhelming might take me days to go through all of this stuff
-
- Joomla! Enthusiast
- Posts: 117
- Joined: Sun Aug 28, 2005 3:09 am
Re: Template Tutorials
*amboforge is down. I hope this plug in will be available for Joomla!mambosolutions_JB wrote: If you are looking for a free version of a nice editor, try HtmlKit. Also a mambo template plugin for it .
Html Kit: http://www.chami.com/html-kit/
Template plugin: http://mamboforge.net/frs/?group_id=106&release_id=2536
JG
- guilliam
- Joomla! Virtuoso
- Posts: 4181
- Joined: Thu Aug 18, 2005 10:27 am
- Location: Sunny City Cebu, Philippines!
- Contact:
Re: Template Tutorials
.
great list! added to bookmarks.
added to FAQ's too:
http://forum.joomla.org/index.php/topic,8542.0.html
[self edited for adding to the FAQ's.]
great list! added to bookmarks.
added to FAQ's too:
http://forum.joomla.org/index.php/topic,8542.0.html
[self edited for adding to the FAQ's.]
Last edited by guilliam on Mon Sep 26, 2005 7:53 pm, edited 1 time in total.
"I was one of those who wondered why people would pay so much $$$$ to do something that was so much fun!" -R. Harkrider, Fortran Code Engr.
http://www.joomlaconsultancy.net
http://www.joomlaconsultancy.net
- guilliam
- Joomla! Virtuoso
- Posts: 4181
- Joined: Thu Aug 18, 2005 10:27 am
- Location: Sunny City Cebu, Philippines!
- Contact:
Re: Template Tutorials
.
[ MODERATOR NOTE ] moved to FAQ's from General Documentation
.
[ MODERATOR NOTE ] moved to FAQ's from General Documentation
.
"I was one of those who wondered why people would pay so much $$$$ to do something that was so much fun!" -R. Harkrider, Fortran Code Engr.
http://www.joomlaconsultancy.net
http://www.joomlaconsultancy.net
- joomlasolutions_JB
- Joomla! Explorer
- Posts: 355
- Joined: Wed Aug 17, 2005 11:07 pm
- Contact:
Re: Template Tutorials
mamboforge is back online, and yes this will also work for Joomla templates ( 1.0.4)deafbiz wrote:*amboforge is down. I hope this plug in will be available for Joomla!mambosolutions_JB wrote: If you are looking for a free version of a nice editor, try HtmlKit. Also a mambo template plugin for it .
Html Kit: http://www.chami.com/html-kit/
Template plugin: http://mamboforge.net/frs/?group_id=106&release_id=2536
JG
- guilliam
- Joomla! Virtuoso
- Posts: 4181
- Joined: Thu Aug 18, 2005 10:27 am
- Location: Sunny City Cebu, Philippines!
- Contact:
Re: Template Tutorials
btw.. since chami.com was mentioned all those in need of favicon.ico you can check this favicon.ico generator here:
http://www.chami.com/tips/internet/110599I.html
^^for those who needs a quicker way to make a favicon without opening any .ico editor like microangelo, etc.
Q: WHAT IS FAVICON.ICO ??
A: A favicon (short for "Favorites icon"), also known as a page icon, is an icon associated with a particular website or webpage. A web designer can create such an icon, and many graphical web browsers—such as recent versions of Internet Explorer, Firefox, Mozilla, Opera, Safari, and Konqueror—can then make use of them. ...
( reference here: http://www.en.wikipedia.org/wiki/Favicon.ico )
- guilliam
http://www.chami.com/tips/internet/110599I.html
^^for those who needs a quicker way to make a favicon without opening any .ico editor like microangelo, etc.
Q: WHAT IS FAVICON.ICO ??
A: A favicon (short for "Favorites icon"), also known as a page icon, is an icon associated with a particular website or webpage. A web designer can create such an icon, and many graphical web browsers—such as recent versions of Internet Explorer, Firefox, Mozilla, Opera, Safari, and Konqueror—can then make use of them. ...
( reference here: http://www.en.wikipedia.org/wiki/Favicon.ico )
- guilliam
"I was one of those who wondered why people would pay so much $$$$ to do something that was so much fun!" -R. Harkrider, Fortran Code Engr.
http://www.joomlaconsultancy.net
http://www.joomlaconsultancy.net
- compass
- Joomla! Ace
- Posts: 1347
- Joined: Fri Aug 26, 2005 1:31 am
- Contact:
Re: Template Tutorials
Its not quite a tutorial, more of distance learning!
Extract from site...
Extract from site...
If anyone wants to see a particular tutorial, drop me an email at contact[at]compassdesigns.netCompass design has published a six part tutorial series about creating a valid xhtml/css joomla template . Starting from building the index.php the series offers a blank CSS file for download and shows how to build a 3 column joomla website with CSS.
Tutorial 1: Creating a W3C valid Joomla template for your Joomla website
www.compassdesigns.net/tutorials/joomla ... plate.html
In this series of tutorials, we'll be building a valid joomla template. Joomla is an open source Content Management System (CMS) that is freely (literally) available and supported by a large on-line community. The site will actually be live on-line from the very beginning, you'll be able to see the different stages as the design develops. As this is a CSS designed site, you'll be able to slowly see the raw joomla design get styled step by step.
Tutorial 2: Installing Joomla, doctype and the blank joomla template
www.compassdesigns.net/tutorials/joomla ... plate.html
In this tutorial we will look quickly at installing joomla and then spend most of our time discussing the joomla doctype and how it relates to a valid joomla site. We'll also briefly look at how to construct a basic or blank joomla template with the index.php file.
Tutorial 3:Free Web Design Tools
www.compassdesigns.net/tutorials/joomla ... tools.html
So we are about to begin design the site for real, but first we need a few tools. Now, everyone probably has their own favorites, but here is a list I have been working on of all the tools you will need to design a site. The good part? They are all free for the downloading.
Tutorial 4: A Blank Template CSS file for Joomla
http://www.compassdesigns.net/tutorials ... oomla.html
In an earlier tutorial, we discussed a slightly different design process. Instead of creating the design and then doing the CSS layout, we will be doing it the other way round, the Joomla CSS first. We are doing this because we want to make an blank CSS template file that can be reused by anyone.
Tutorial 5: Making a 3 column Joomla Theme for your joomla website
www.compassdesigns.net/tutorials/joomla ... bsite.html
In this joomla tutorial, we will look at a 3 column theme for your joomla website. Most joomla websites use 3 columns and having the theme start with that is a good foundation. Then later we can hide side columns if there is no content in them for that page.
Tutorial 6: Enhancing a Template for Joomla SEO
www.compassdesigns.net/tutorials/joomla ... a-seo.html
So we have a very basic shell of a web site. Doesn't look very interesting does it. Well, we can soon change that, let's make a few changes. We will also optimize the template for SEO. Joomla has some challenges compared to a static website, but techniques such as those we describe here can improve your joomla SEO efforts.
Last edited by compass on Tue Oct 24, 2006 12:18 am, edited 1 time in total.
Follow me on Twitter @compassdesign
www.compassdesigns.net - Get get free templates and news for Joomla
simplweb.com/joomla-hosting - Fully Managed Joomla Hosting - Unlimited Support
www.compassdesigns.net - Get get free templates and news for Joomla
simplweb.com/joomla-hosting - Fully Managed Joomla Hosting - Unlimited Support
- rsphaeroides
- Joomla! Ace
- Posts: 1369
- Joined: Sun Aug 21, 2005 2:57 pm
- Location: Colorado, USA
- Contact:
Re: Template Tutorials
Whenever someone asks me about css I show them a few clicks at the csszengarden It's not specific to mambo/joomla but I don't think there is a better place to get an introduction to the power and flexibility of css and their css resources are amazing.
¡Pura Vida!
Ray,
joomla in testing at Costa Rica Travel: http://costaricamap.net
http://costa-rica-guide.com
Ray,
joomla in testing at Costa Rica Travel: http://costaricamap.net
http://costa-rica-guide.com
- mediaguru
- Joomla! Enthusiast
- Posts: 142
- Joined: Mon Sep 19, 2005 3:56 am
- Location: USA
- Contact:
Re: Template Tutorials
One of the best threads ever...
- absalom
- Joomla! Ace
- Posts: 1199
- Joined: Thu Aug 18, 2005 12:37 am
- Location: Melbourne, Australia
- Contact:
Re: Template Tutorials
Design with integrity : Web accessible solutions
http://www.absalom.biz
http://twitter.com/absalomedia
http://www.absalom.biz
http://twitter.com/absalomedia
-
- Joomla! Apprentice
- Posts: 47
- Joined: Tue Nov 08, 2005 9:41 pm
Re: Template Tutorials
There are some good Tut's for Beginners and semis for "Step by Step" CSS Layouts
http://www.macromedia.com/devnet/dreamweaver/css.html
Very helpfull
http://www.macromedia.com/devnet/dreamweaver/css.html
Very helpfull
- infos4sale
- Joomla! Fledgling
- Posts: 4
- Joined: Fri Dec 09, 2005 7:33 am
- Location: Elsewhere
- Contact:
Re: Template Tutorials
Hi Guys which among the list is for a joomla template editing specific? im seeing always mambo.... i though i was in mambo forum..
does any one know here a link or tutorial about modifying exsting template or creating one simple mambo template?
thanks alot.
does any one know here a link or tutorial about modifying exsting template or creating one simple mambo template?
thanks alot.
going to New Zealand soon!
- absalom
- Joomla! Ace
- Posts: 1199
- Joined: Thu Aug 18, 2005 12:37 am
- Location: Melbourne, Australia
- Contact:
Re: Template Tutorials
At the moment there is no appreciable difference between Mambo and Joomla in terms of template functionality.
Mambo, as stated by its policy document, will be reducing the functionality and customisability of template architecture in the medium to long term, supposedly to stop security issues (which seems more wild conjecture on Team Mambo's part from where I stand, but that's my opinion).. but that's hopefully a while off
At the moment, all the tutorials allow you to build for both.
Mambo, as stated by its policy document, will be reducing the functionality and customisability of template architecture in the medium to long term, supposedly to stop security issues (which seems more wild conjecture on Team Mambo's part from where I stand, but that's my opinion).. but that's hopefully a while off
At the moment, all the tutorials allow you to build for both.
Design with integrity : Web accessible solutions
http://www.absalom.biz
http://twitter.com/absalomedia
http://www.absalom.biz
http://twitter.com/absalomedia
- Jiveturkey
- Joomla! Apprentice
- Posts: 43
- Joined: Tue Jan 17, 2006 11:23 pm
- Location: Kansas City
- Contact:
Re: Template Tutorials
Has anyone actually used these options? They sound nice and all but are there any real world reviews?rygle wrote: Hi,
You may want to check out the Nvu WYSIWYG HTML editor (a development on the Mozilla Suite HTML editor, available at http://www.nvu.com), plus the template building extension from Open4G (http://www.open4g.com/content/view/13/29/).
Nvu is supposed to be the open source Dreamweaver/Frontpage killer, so why bother with the commercial stuff?
Rygle.
-
- Joomla! Fledgling
- Posts: 1
- Joined: Fri Jan 20, 2006 6:49 pm
Re: Template Tutorials
I'm sorry, probably it's stupid question, but
How can I upload my template to Joomla!/Mambo?
I tried to do it through Template Manager (admin side)... failed
So I'm looking for step-by-step instruction for uploading templates...
How can I upload my template to Joomla!/Mambo?
I tried to do it through Template Manager (admin side)... failed
So I'm looking for step-by-step instruction for uploading templates...
- Joomlawebber
- Joomla! Explorer
- Posts: 300
- Joined: Wed Aug 17, 2005 10:12 pm
- Location: Denmark
- Contact:
Re: Template Tutorials
Not a stupid question at all,
Unpack your rar/zip file, and you should se a folder with the template name.
With an ftp programme, simply upload the template, to yoursite/templates, and in the backend of your site, assign the new template, or make it default.
Hope that helped you
/Kristian
Unpack your rar/zip file, and you should se a folder with the template name.
With an ftp programme, simply upload the template, to yoursite/templates, and in the backend of your site, assign the new template, or make it default.
Hope that helped you
/Kristian
If there is a bird flue, what happened to the egg flue?
- gsbe
- Joomla! Guru
- Posts: 871
- Joined: Wed Aug 17, 2005 10:13 pm
- Location: Lexington, VA
- Contact:
great work on RESOURCES: Template and css tutorials
Thanks for posting the new RESOURCES thread with a summary of this info.
I would recommend adding the compassdesigns.net links posted above by user compass. They are very comprehensive template and css articles.
I would recommend adding the compassdesigns.net links posted above by user compass. They are very comprehensive template and css articles.
http://gigcalendar.net: the world's first free solution for maintaining a touring calendar for Joomla!
- Joomlawebber
- Joomla! Explorer
- Posts: 300
- Joined: Wed Aug 17, 2005 10:12 pm
- Location: Denmark
- Contact:
Re: great work on RESOURCES: Template and css tutorials
Thank you very much for the kind words, and i agree with you.gsbe wrote: Thanks for posting the new RESOURCES thread with a summary of this info.
I would recommend adding the compassdesigns.net links posted above by user compass. They are very comprehensive template and css articles.
Some of them have been added, and some are to find as other great tips and minidocs from Compass.
/K
If there is a bird flue, what happened to the egg flue?
-
- Joomla! Apprentice
- Posts: 16
- Joined: Fri Sep 16, 2005 12:17 pm
Re: Template Tutorials
This is a really good introduction tutorial on general CSS (not specifically for Joomla!)...
http://www.westciv.com/style_master/han ... index.html
http://www.westciv.com/style_master/han ... index.html
-
- Joomla! Apprentice
- Posts: 33
- Joined: Mon Mar 06, 2006 6:26 pm