Joomla Templates Club 406,261 posts

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

#132483

Hello,

In Joomla 1.5.x version of the Teline II, what could be changed in the script so that the Hot Topic module will have a horizontal (multicolumn) presentation?

I want ot place it in the JA News position or in a new position either below the “Header” or Kust above teh “Footer”

Thanks.

Cornelio

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#266882

Hi cgc0202 !
you can change layout of hot topic module from vertical to horizontal following way below :
Open ja_catslwi.css file in modules/mod_ja_catslwi/mod_ja_catslwi folder , find following code section at about line 1 :


.ja-catslwi {
margin:0 0 14px;
padding:0;
position:relative;
}


change to :


.ja-catslwi {
display:block;
float:left;
margin:0 2px 14px;
padding:0;
position:relative;
width:140px;
}


2 users say Thank You to Sherlock for this useful post

1. cgc0202
2. maghen

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

#266934

Thanks very much Hainn,

I appreciate the final response to this and some of the other threads. I tested some of your suggestions. So, far those that I tried did the trick. I have not had a chance to test all the ones you responded to yet though.

I will start with the Hot Topic Module because it has potentially units for the websites I plan to create. I have a number of questions relaed to this

I revised the .ja-catslwi bit from the one you suggested.

.ja-catslwi /* Horizonal Hot Topic */
{
display:block;
float:left;
margin: 10px 5px 5px 5px;
padding:1;
position:relative;
width:182px;
} /* orig changed added new style Horizonal */

As you can view in this Sanbox site

http://joomla.bayanihan-saranay.com/jte15x099/

I created multiple copies of the Hot Topic module — three in the Sanbox. There are more positions where I plan to place them. But let me focus here on a single issue — the flexibility of various Hot Topic modules to span the width of their location.

In the above CSS, the wiidth of .ja-catslwi is fixed

width:182px;

that was based on the five featured “Hot Topic” articles shown at the bottom of the page.. I will call this

Hot Topic 1 => five (5) articles will span the full width of the page

Since there is just one .ja-catslwi, the fixed width above is also the default width of

• Hot Topic 2

=> placed above the JA News Frontpage module
=> only three (3) articles will fit the width but too much space on the right with the fixed width above

• Hot Topic 3

=> placed between the JA News Frontpage and JA News modules
=> only three (3) articles will fit the width but too much space on the right with the fixed width above

and these two Hot Topic modules do not span the width of the postion module where it was placed.

Questions

1. Is there a wayso that the “fixed width could be made relative to enable better width fit for each Hot topic module?
2. Alternatively, if the first is not possible, is there a way to have independent css for each Hot Topic module?

Cornelio

I already tried — without the width specification, the images will not show.

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

#266938

Hi Hainn,

The Hot Topic module has features to define the “width x height” that will show in the front end of the Hot Topic module

The images in the Teline II Demo page have variable dimensions. In general horizontal have different width to height ratio compared with vertical images.

From what I observe, it appears that the mechanism used in Teline II is a “resizing process”

The resizing approach introduced layout problems when the image dimensions are variable:

http://joomla.bayanihan-saranay.com/jte15x099/

Please note the variable height (fixed with) of the resized images also affecting the “title & text” height.

Is there a way to adopt a cropping process so that the dimension (ie. “width x height”) ratio, will be the same of all images in the each Hot Topic module?
And, the cropping is based from the center of an image rather than from the top left.

I have seen slide show Joomla extensions that feature “cropped” preseentation of the images, so this is doable.

The cropping process, the fixed dimensions, will be defined by the specifications for each Hot Topic module.

Cornelio

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

#266944

Hi Hainn,

My previous other sites that was upgraded in step process to Joomla 1.5.6 -Teliine II based from our previous disccusions on the fixes, for example:

http://joomla-university.org/jte15x095/

The example above involved Fresh Install of Joomla 1.5.5-Teline II that was corrected for bugs as I posted in the forum. It was upgraded the following day using Joomla 1.5.5 to 1.5.6 patch update

As shown in the link above, the Hot Topic module article title and intro text show properly. This is tru for all of other sites using the aforementioned step process.

Fresh Install of Joomla 1.5.6-Teline II QuickStart Kit exhibits problems in the Hot Topic module:

http://joomla.bayanihan-saranay.com/jte15x099/

Note how the Intro text does not show at all. I did another installation, and got the same problem. The Joomla 1.5.6-Teline II was downloaded 20080822.

Cornelio

N.B. The fresh install of Joomla 1.5.6-Teline II was needed because there were a number of fixes that were not documented properly (no links to forum threads, and/or the actual files fixed & directory localtion were not provided. Thus, a simple template patch update is not possible. I did not want to hazard using the uninstall=install procedure.

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

#266945

present issue about creating new position modules here.

[Author]

Posts