Joomla Templates Club 406,261 posts

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#160721

After one month working on Teline IV (which is great), I eventually decided to switch to Teline III V2 (which eventually seems greater).
The question before the big jump is to know if it is possible to have in Teline III the LINEAR layout for the JA News Pro Module as we have in Teline VI? (see attachment)
Cheers 😉

---

Attachments:

1. 

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

#378810

Dear actu9,

You just need to install the ja newspro module,select the profile to linear,I think it should help.

1 user says Thank You to Sherlock for this useful post

1. actu9

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#379081

Thanks dathq, but the display of the categories (ALL EUROPE US POLITICS …) is not the same. I would like if possible to have the display like in Teline IV (with the little arrow just under the activated category).
Cheers.

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

#379180

Dear actu9,

You also need to add styles for your module,please try unzip my attachment file ,copy the folder of ja_teline_iii_v2 and paste it into your templates folder.

I hope it help !

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#379914

Hello dathq, thanks for your reply but I don’t see attachment :p
Cheers !

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

#380002

Dear actu9,

Sorry I attached again,Hope this would help !

1 user says Thank You to Sherlock for this useful post

1. actu9

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#380613

Thanks dear dathq, it works well except 2 small problems (see attachment).

The problems are those (according the attachment):

1) On the corner top left of each categories (ALL EDITOS OPINIONS…) there is a small grey point. How to remove it?

2) The title, author and texte come under the pic. How can I put it on the right side of the pic?

Cheers 😉

---

Attachments:

1. 

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

#380618

Dear actu9,

Please post here the url where the issue can be seen (remember to turn off optimize css on your template manager >> Global tab) I will check and detect the style need to be changed.

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#380774

Thanks dathq for your time. The website is http://www.actu9.be.

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#380813

I solved the problem of the bullet: replacing in template.css

.column ul li {
background: url(../images/bullet.gif) no-repeat 15px 6px;
line-height: 160%;
padding-left: 25px;
margin-bottom: 5px;
line-height: 1.3;
overflow: hidden;
}
with

.column ul li {
background: none;
line-height: 160%;
padding-left: 25px;
margin-bottom: 5px;
line-height: 1.3;
overflow: hidden;
}

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#380828

But the problem #2 still remains…

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

#380831

Dear actu9,

For the remain issue you can go to the module back-end and select the field of Image Align to left which is under the Image Settings Panel.
Also Create a file name templatesja_teline_ivhtmlmod_janewsprolinearstyle.css And put into it this content
.ja-zinwrap.linear {
background: #fff;
border: 1px solid #ccc;
border-top: 0;
margin: 2px;
}

.linear .ja-zin { border-top: 5px solid #000; }

.linear .ja-zin .items-row { margin: 0; padding: 0; background: none; }

.linear .ja-zin .ja-box .ja-box-inner {
margin: 12px 0;
padding: 0 12px;
background: url(../../../images/dot-2.gif) repeat-y 69% top;
}

.linear .ja-zin .ja-box-first .ja-box-inner { border-top: 0; }

.linear .ja-zin .col-last .ja-box-inner { border-right: 0; }

/* HEADING
——————————————— */
/* Section — */
.linear .ja-zin .ja-zinsec { padding: 18px 0 0; position: relative; }

.linear .ja-zin .items-row:hover .ja-zinsec {}

.linear .ja-zin .items-row:hover .ja-zinsec a {}

.linear .ja-zin .ja-zinsec h2 {
margin: 0 0 4px !important;
padding: 0 !important;
text-transform: uppercase;
font: bold 175%/1 Arial, sans-serif;
background: url(../../../images/stripe-bg.png) repeat top;
letter-spacing: -1px;
text-indent: 5px;
}

.linear .ja-zin .ja-zinsec h2 a {
color: #000;
background: #fff;
padding: 0 12px 0 4px;
display: inline-block;
}

/* Category — */
.linear .ja-zin .ja-zincat h3 {
margin: 0 0 2px !important;
padding: 0 12px 0 0 !important;
font: normal 85%/normal Arial, sans-serif;
text-transform: uppercase;
float: left;
background: url(../../../images/arrow-3.png) no-repeat right center;
}

.linear .ja-zin .ja-zincat h3 a { color: #999; }

/* News Title — */
.linear .ja-zin h4.ja-zintitle { margin: 0 12px 0 0 !important; padding: 0 !important; font-size: 125%; }

/* CONTENT
——————————————— */
.linear .ja-zin .ja-zincontent {}

.linear .ja-zin .ja-zincontent p { margin: 5px 12px !important; }
.linear .ja-zin .ja-zincontent p.readmore { margin: 0 !important; }

/* Image —*/
.linear .ja-zin .ja-zincontent img { margin: 3px 12px 5px 0; border: 1px solid #ddd; }

/* Meta —*/
.linear .ja-zin p.ja-zinmeta {
color: #999;
line-height: normal;
clear: none;
margin: 0 !important;
padding-top: 3px;
font-size: 92%;
}

/* SUBCATS SELECTION
———————————————-*/
.linear .ja-zin .ja-cats-slide-mainwrap {
padding-right: 50px;
background: url(../../../images/dot-1.gif) repeat-x bottom;
}

.linear .ja-zin .subcats-selection-wrap {
overflow: hidden;
white-space: nowrap;
width: 100%;
}

.linear .ja-zin .subcats-selection {
position: relative;
float: left;
height: 30px;
}

.linear .ja-zin .subcats-selection li { padding: 0 5px; }

.linear .ja-zin .subcats-selection li a {
display: block;
float: left;
text-decoration: none;
color: #999;
font: 92%/30px Arial, sans-serif;
text-transform: uppercase;
padding: 0 3px;
}

.linear .ja-zin .subcats-selection li a:hover {
background: url(../../../images/arrow-up-line.gif) no-repeat center bottom;
color: #000;
}

.linear .ja-zin .subcats-selection li.active a {
background: url(../../../images/arrow-up-line.gif) no-repeat center bottom;
color: #000;
}

.linear .ja-zin .subcats-selection li a.subcat-more { display: none; }

.linear .ja-zin .subcats-selection li a.subcat-more span {
font: 9px/1 Arial, sans-serif;
background: url(../../../images/arrow-3.png) no-repeat right #666;
color: #333;
width: 16px;
height: 12px;
text-indent: -1000em;
display: block;
margin-top: 9px;
}

.linear .ja-zin .subcats-selection li a.subcat-more:hover span { background-color: #000; color: #fff; }

.linear .ja-zin .subcats-selection li.active a.subcat-more {}

.linear .ja-zin .ja-cats-slide-mainwrap {
position: relative;
overflow: hidden;
clear: both;
}

.linear .ja-zin .ja-articles-mainwrap { position: relative; min-height: 160px; }

.linear .ja-zin .ja-articles { position: absolute; width: 100%; }

/* Control Buttons */
.linear .ja-zin .ja-newspro-control {
width: 34px;
height: 20px;
position: absolute;
bottom: 2px;
right: 6px;
}

.linear .ja-zin .ja-newspro-control a {
display: block;
float: left;
width: 14px;
height: 14px;
text-indent: -1000em;
background: url(../../../images/back-btn.png) no-repeat center #f0f0f0;
border: 1px solid #ccc;
}

.linear .ja-zin .ja-newspro-control a.ja-newspro-control-next {
float: right;
background: url(../../../images/next-btn.png) no-repeat center #f0f0f0;
}

.linear .ja-zin .ja-newspro-control a:hover,
.linear .ja-zin .ja-newspro-control a:active,
.linear .ja-zin .ja-newspro-control a:focus {
background-color: #000;
border: 1px solid #000;
}

/* MISC.
————————————————*/
.linear .ja-zin p.readmore { float: none; }

1 user says Thank You to Sherlock for this useful post

1. actu9

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#381067

Thanks dathq, I will try that 😉

[Author]

Posts