Joomla Templates Club 406,261 posts

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#139404

I am almost there, but almost is not enough.

The Hot Topic module, when used creatively, may be used for a number of reasons to entice your visitors (via the images) to visit buried articles in a huge site, especially if these articles may not be listed either in the Latest or Popular links. There are more possibilities and only your imagination can limit can be done.

To achieve this, the initial help were provided mostly by Hainn last year (I will try to find the links later)::

• to enable the horizontal presentation of the Hot Topic module
• to randomize the images (articles) in each Hot Topic module

I now know how to clone modules and place them all over the page. When place in different positions in the page, it adds variety and better fit, if clones of several Hot Topic modules would have images with different sizes, as shown here:

Bayanihan Saranay Sandbox
http://joomlart.bayanihan-saranay.org/jte15x099/index.php

Hot Topic (footer) width:160px; <= .ja-catslwi <= footer module
Hot Topic (ja_news) width:185px; <= .iblab-hcatslwi<= ja_news module
Hot Topic (vertical) width:152px; <= .ja-catslwi-v<= left module

As you can see the widths are different for the three modules. However, only the .ja-catslwi position width is followed by all three Hot Topic modules (see below for details)

I even tried to add the above CSS tag as specific suffix, unique for each Hot Topic module. Only one width is observed, that of .ja-catslwi

How should this be done?????

Cornelio

[imsleepy Friend imsleepyJoin date: January 2009Posts: 451Downloads:0Uploads:0 Thanks: 94 Thanked: 45 times in 1 posts]

#297792

Thought I would bring this back up to the top in hopes maybe it will get an answer.

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#299443

Note: as shown below, the widths of the three Hot Topic modules are different:

Hot Topic (footer) width:160px;
Hot Topic (ja_news) width:185px;
Hot Topic (vertical) width:152px;

.ja-catslwi /* horizontal module (used in Hot Topic placed in footer position */

{
display:block;
float:left;
margin: 10px 0px 10px 3px;
padding: 0px 0px 0px 0px;
position:relative;
border: 1px solid #999999;
width:160px;
} /* orig padding: 0px; margin: 10px 5px 25px 2px; changed added border: 1px solid #999999; new style Horizonal Note: The width of the page was expanded to 995px from 970px. */

.iblab-hcatslwi /* horizontal module (used in Hot Topic placed in ja_news position */
{
display:block;
float:left;
margin: 10px 0px 10px 3px;
padding: 0px 0px 0px 0px;
position:relative;
border: 1px solid #999999;
width:195px;
}

.ja-catslwi-v /* vertical module (used in Hot Topic placed in ja_news position */

{
position: relative;
margin: 0px 0px 10px 0px;
padding: 0;
width:152px;
}

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#302286

To those who are interested with this issue, please refer to

How do I change the widths of Hot Topic modules

on how the main issue was addressed: the capability to have different widths for different Hot Topic modules. It needs further refinement. Also, please note that the aforementioned was intended for horizontal Hot Topic modules, the CSS tags specifications must be modified accordingly for vertical Hot Topic modules.

Please do not respond here. Instead, if you have related questions that pertain to your template, it is best to go to:

How do I change the widths of Hot Topic modules

Thanks to Hainn and duchh,, for providing the answers to the pertinent questions.

This thread must be closed.

Cornelio

[Author]

Posts