058 - Write a list of all the CSS classes used by the Joomla! 1.5 core.

[maxh]

AS ON PAGE:
One line summary
Write a list of all the CSS classes used by the Joomla! 1.5 core.

Description
For each class note where it is used and if possible illustrate its use
with one or more annotated screenshots.

The document should comply with current Joomla! Editorial Style Guidelines
and guidelines for the Template Tutorials Project.

Documentation written for this task must be made available under the
Joomla! Electronic Documentation License.

Skills Needed
Prior knowledge of CSS would be useful.

Difficulty
Basic.

Work Product
Document as described above.

Extra Credit (optional)

Time Limit
3 weeks.

[AmyStephen]

Hi maxh -

Thanks for participating in the Joomla! GHOP program.

I wanted to share this information from a previous thread where another contestent started with this task, and then decided otherwise. Hopefully, this information will help you be successful.

Please ask questions and we wlll try to help. We would appreciate it if you post at least every few days so that we know how you are doing and can help, if needed.

Thanks again and good luck!

Amy

Moderators have final say on this but here's my opinion:

Make screenshots of a few of the more commonly uses classes for modules and articles as examples and use a tabular format to show list of classes, which core template files  use them and a short description of what they do.




Class
Description 
Associated Core File(s)


blog
Used for layout of Blog articles

components\com_content\views\category\tmpl\blog.php
components\com_content\views\frontpage\tmpl\default.php
components\com_content\views\section\tmpl\blog.php




Yoiu can a list of classes I complied a wiloe back at:

http://rc.hrpr.com/trunk/joomla-15-temp ... -file     

I think the list is at least 90% accurate.                                                                     

Another good resource is Waseem's blank template.

[AmyStephen]

How is your task coming along? We would appreciate a status update.

Thanks!
Amy

[shantanubala]

Hey! Check this out - it'll definitely help. Take a look at the CSS files provided in the template tutorial. It's chock full of information, and will give you a big start.

-Shantanu

[AmyStephen]

The two, above, are a lot better, IMO. They both are brief and to the point where the one you are pointing to tries to encompass the whole world of templating and HTML and xHTML and CSS. But, that's just my opinion.

[shantanubala]

Well, the CSS file inside the tutorial has all (or at least most) of the elements used by Joomla's frontend with no properties (ex "div.showmore { }")

It's a good help for making a list, especially when a lot of the styles are already listed in the CSS file, so a quick look at that would help.

Just a thought.

-Shantanu

[AmyStephen]

Shantanu -

No, I understand - and appreciate you sharing!

Now, check out those two links, from above.

• The first link has a listing of the default css classes in one PDF and the IDs in another.
• The second link has the same in a "starting" CSS file.

The lists are right there. This task is nearly done. 

Thanks for all you are doing to help this program - you rock!
Amy

[AmyStephen]

Maxh -

Please respond within 24 hours or we will open the task for someone else. This work must engage the community, as per our guidelines.

Thanks!
Amy

[AmyStephen]

Max asked to have the task reopened for others due to his schedule.

All the best, Max - thanks for letting us know!

Amy