Dear OSTraining.com,

I've been follwing the Joomla! 2.5 template class, with some success. I'm finding it very rewarding, but am unsure of a couple of things. One is the Joomla! specific css file that Vicky refers to in the "Index File Part 1" class about 1m25s in.

What does this file contain, and what CSS is specific to Joomla!? Is this file essential to a well structured Joomla! template?

The second question relates to menus. In the tutorial, an extension is used to create the menus. Could you create a dedicated tutorial to show how to write the css for custom menus in a Joomla! template?

Many thanks!

Hi and welcome, y8sy!

Wonderful! We're glad you're finding some success going through the class!


[part 1]
1) Edit the file to see what it contains. Did you download the template project files? www.ostraining.com/media/files/cooking-with-kids-template.zip

If so, you'll find the joomla.css file within the template's CSS folder.

2) It's not that it's exactly specific to Joomla, but rather just formatting that you might not change from Joomla install to Joomla install. For example, formatting for System messages.

3) No, you can create your own styling if you'd like. You can do it however you'd like.


[part 2]
Have you had a change to go through our CSS class yet? That should be able to help you get the styling that you'd like for your menus. Here's a direct link to the class:
www.ostraining.com/courses/class/coding/css/view/


Hope this helps!

Kind regards,
Nick

Hi y8sy,
Welcome to the OST Forum. We're glad you're here. Let me view the video so I can understand your question better, and I'll get right back to you.

Thanks for the tutorial suggestion. We have added it to our list of pending topics, and it will be done within the next couple of weeks. In the meantime, ask questions about whatever is causing you problems.

Cheers,
Ed

Hello again y8sy,

Look like Nick already answered your questions. If he didn't let us know and we'll pick up the thread again.

Cheers,
Ed

Dear Ed and Nick,

Thanks for the suggestions.

I downloaded the joomla.css file from the project files (i missed the tab!) and now see what it is. Very helpful, thankyou!

I have been through the CSS tutorial and have also found it very useful. Having never tackled it before I'm now getting somewhere.. slowly..

I've managed to get the menus working, (but a tutorial would still be great!) I've taken the moduletable_menu class and suffix and edited the css to make a decent-looking menu including using the border-radius function to give me some white tabs on a black background. The tabs appear when I hover and change to grey when clicking, but I now want to have the current page menu item highlighted in white (in the same way that 'Ask Questions' menu tab is currently highlighted on your site menu), but for the life of me can't do it! Can you point me in the right direction!?

Thanks again!

Hi y8sy,

You're welcome! We're glad to be of help! :)

Give Firebug a try:
www.ostraining.com/blog/joomla/using-fir...it-joomla-templates/

You can use it to inspect our site. You can see that an active class is applied to the current menu item. You can use something similar to:
Hope this helps!

Kind regards,
Nick