Joomla Templates Club 406,261 posts

[ccooper Friend ccooperJoin date: March 2009Posts: 7Downloads:0Uploads:0 Thanks: 3]

#140058

Hello!

When I view the JA Quartz – Userguide for Joomla! 1.5.x here:
http://www.joomlart.com/forums/topic/ja-quartz-userguide/

…if you go all the way down to the last image in the tutorial right before the threads, the body or “Welcome to the Front Page” lists articles in a way with a purple header and small images along with some text and “Read More”. Is this a blog layout?

My customer wants this middle “Welcome To The front Page” look on another menu item, “Events”.

Thanks!

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#300598

Easiest way to accomplish what you want:

Go to MENUS > MAIN MENU
Select HOME and copy down the parameters (basic). (i.e. # Leading, # Intro, Columns, # links…)
Create the new menu item..either Section Blog or Category blog …call it EVENTS and replicate the Basic parameters.

The difference between the Section Blog and Category Blog:
Section Blog will show the top items of all the categories under the section.
Category Blog will show the top items of a single category.

Hope this helps. And have fun!
John.

[ccooper Friend ccooperJoin date: March 2009Posts: 7Downloads:0Uploads:0 Thanks: 3]

#300629

Hi John!

Yes, I’m good w/ Sections and Categories. How do I style the middle section so it’s got the purple header blocks for (I’m assuming) the H2 and H3 tags? Do I need to use a module class?

Right now I’m using the Section Blog layout since we’ll just put “Events” articles under the Section “Events” and use a Category of “Events” for the time being.

Thanks!

[ccooper Friend ccooperJoin date: March 2009Posts: 7Downloads:0Uploads:0 Thanks: 3]

#300634

Hi!

I’m also just testing the Resources menu, and it’s still black…no green background or purple like the demo.
Could this be my article issue too…not using the right class name?

Where can I find the different layouts? I’ve seen the module positions and typography already.

Thanks!

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#300989

<em>@ccooper 123485 wrote:</em><blockquote>Hi John!

Yes, I’m good w/ Sections and Categories. How do I style the middle section so it’s got the purple header blocks for (I’m assuming) the H2 and H3 tags? Do I need to use a module class?

Thanks!</blockquote>

Coop!

Sorry man…misunderstood your question originally.
To get the pink color at the top of the center content area:
Goto: MENUS>MAIN MENU>HOME
Then: in PARAMETERS (SYSTEM) add “_fp” (without the quotes) in the Page Class Suffix area.

That should do it.
John.

2 users say Thank You to John Wesley Brett for this useful post

1. ccooper
2. abrill

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#300992

<em>@ccooper 123490 wrote:</em><blockquote>Hi!

I’m also just testing the Resources menu, and it’s still black…no green background or purple like the demo.
Could this be my article issue too…not using the right class name?

Where can I find the different layouts? I’ve seen the module positions and typography already.

Thanks!</blockquote>

Coop, (hope you don’t mind my calling you that…)
To change the background color:
Goto: EXTENTIONS > MODULES > RESOURCES
Then: Under ADVANCED PARAMETERS in the Module Class Suffix area add the following…without the quotes

For Green background: “_hilite1 default”
For Purple background: “_hilite2 default”

Changing the color of the background of the module header line of RESOURCES (which is black by default) is more difficult, but doable…and will affect all of your left column header lines…not just resources.
The color is actually an image. You’ll find it in JA_QUARTZ > IMAGES > h3-bg.gif

It’s a very wide image (designed to stretch the width of the template if needed), but the template only shows enough to fill the area it needs.

And just for your info…the CSS code that references that area is
template.css (line 820)


div.moduletable_hilite1 h3 {
background:transparent url(../images/h3-bg.gif) no-repeat scroll left bottom;
}

Hope this helps!
John.

1 user says Thank You to John Wesley Brett for this useful post

1. ccooper

[ccooper Friend ccooperJoin date: March 2009Posts: 7Downloads:0Uploads:0 Thanks: 3]

#300994

John!

Thanks a ton…I printed out the tutorial and still didn’t see this…am I blind or somethin’! 😀

This is exactly what I was looking for…is this anywhere in a tutorial or “info” page for this template?

Thanks so much again!

[ccooper Friend ccooperJoin date: March 2009Posts: 7Downloads:0Uploads:0 Thanks: 3]

#301068

John,

Got the main title to go purple…thanks!

what about the article title? Is there a SPAN tag or some type of class you have to use for the H2 or H3 for each article to get the purple bg (with slight top/bottom borders from what it looks like) and white font?

Thanks!

[viplister Friend viplisterJoin date: July 2009Posts: 3Downloads:0Uploads:0]

#316488

I thought that if I mimicked all of the parameters from the homepage menu, and had the page suffix “_fp” and applied it to the section or category blog layout, it would look like the frontpage with the date, thumbnail, and the intro text… but it doesnt look like that at all.

The image is not resized, the date is not applied, and it looks crazy… Am I missing something?

http://clubviplister.com/index.php?option=com_content&view=category&layout=blog&id=41&Itemid=85

[Author]

Posts