Discussion: Design Tips and Resources

Everything to do with Joomla! 1.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Locked
User avatar
Jenny
Joomla! Champion
Joomla! Champion
Posts: 6206
Joined: Sun Aug 21, 2005 2:25 pm
Contact:

Discussion: Design Tips and Resources

Post by Jenny » Sat Aug 18, 2007 1:08 pm

Please put suggestions for the Design Tips and Resources sticky http://forum.joomla.org/index.php/topic,203048.0.html in this thread. 
Your help is greatly appreciated! :)
Co-author of the Official Joomla! Book http://officialjoomlabook.com
Marpo Multimedia http://marpomultimedia.com

herb200mph
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3592
Joined: Sun Jun 25, 2006 12:12 am
Location: Salisbury, NC/USA (N. of Charlotte)
Contact:

Re: Discussion: Design Tips and Resources

Post by herb200mph » Wed Aug 29, 2007 12:57 pm

Iconico has a utility called WEB TOOLS PRO, that allows extensive examination of all parts of parsed html pages that will show tags, styles, etc. etc.  If you want to do an analysis of webpages for coding elements, this program is perfect!
Author: Joomla! 5: Boots on the Ground, Volume 1 @ Amazon.com
Author: Joomla! 4: BASIC TRAINING - Boots on the Ground @ Amazon.com
Joomla! Magazine - https://magazine.joomla.org/all-issues/ ... c-training

arlen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 215
Joined: Fri Dec 08, 2006 7:01 pm

Re: Discussion: Design Tips and Resources

Post by arlen » Wed Sep 19, 2007 10:48 pm

If you're designing in Firefox, then the Web Developer Toolbar and Firebug are indispensible.

Safari 3 will have a debug menu that can be enabled thusly:

1) add IncludeDebugMenu in C:\Documents and Settings\Your Username\Application Data\Apple Computer\Safari\Preferences.plist (Safari for Windows)

2) type "defaults write com.apple.Safari IncludeDebugMenu 1" into the terminal window when Safari isn't running (Safari for Mac)

Note Safari 3 is still in beta and certainly does have bugs. Lots of bugs.

anojoomous
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: Discussion: Design Tips and Resources

Post by anojoomous » Mon Sep 24, 2007 5:27 am

I would like an empty CSS-file for 1.5 templates :)

milka
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Mon Feb 26, 2007 11:15 pm

Re: Discussion: Design Tips and Resources

Post by milka » Fri Jan 25, 2008 10:44 am

I would like a whole CSS description of which classes and ID's are used and the definitions used in Admin and FrontEnd (for your base templates) so that we can do something great without having to use the commercial templates or others... but design from scratch ourselves :).
Olivier Borgognon
TDI - EFR - PADI Diving Instructor
http://www.hippocampes.com

User avatar
Jenny
Joomla! Champion
Joomla! Champion
Posts: 6206
Joined: Sun Aug 21, 2005 2:25 pm
Contact:

Re: Discussion: Design Tips and Resources

Post by Jenny » Tue Feb 05, 2008 7:57 pm

A duplicate posting in this thread was removed.
Last edited by Jenny on Tue Feb 05, 2008 7:59 pm, edited 1 time in total.
Co-author of the Official Joomla! Book http://officialjoomlabook.com
Marpo Multimedia http://marpomultimedia.com

arlen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 215
Joined: Fri Dec 08, 2006 7:01 pm

Re: Discussion: Design Tips and Resources

Post by arlen » Wed Feb 06, 2008 5:36 am

It strikes me that the requests of both Milka and Gadensgaard can be filled by simply picking up the default CSS files and editing out all the CSS. 15 minutes with a good text editor? 30 seconds with perl or other grep-based tool?

The problem with it is that, now that template overrides are here, there is no such list. The problem is that template overrides let you rename the classes/ids with a convention that makes more sense to you. (This, BTW, is one of the features I like the most about 1.5. At last, no more 'contentpaneopen's scattered through the code, no more 'moduletable' untables!)

The grep you're looking to simplify it with is:

Code: Select all

\{[^}]+}
Use that as the search term and {} as the replace term, and you'll strip a CSS file bare in a trice.


Locked

Return to “Templates for Joomla! 1.5”