Joomla Templates Club 406,261 posts

[chosebow Friend chosebowJoin date: August 2010Posts: 7Downloads:0Uploads:0]

#153836

Hi. I´m trying to use a Popular/Latest module, that it appears to the right in this sample page (in the fourth position of the section “Blog Category”), and show it in the “user8” position, with the menu to select Popular or Latest list. It is this possible?
I only can to put what appears in my web… http://www.oracleink.es

Thanks!!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#353817

as our demo, the Popuplar module and The Lastest List are instances of the Bulletin module which put on the “ja-tab” position and loaded by the JA Tab Module. Now, please create a the ja tab module smilars as our demo did. and then you put this module into the “user8” position. When done, the module still have not got a good look => you open the file: /plugins/content/ja_tabs/themes/norite/style.css and find the following css:

.norite .container .ja-tabs-title-top ul.ja-tabs-title li h3 {
font-family: Arial, sans-serif;
font-weight: normal;
line-height: 30px;
font-size: 110%;
margin: 0;
padding: 5px 20px !important;
font-weight: bold;
color: #656565;
border: none;
background: url(h3-sep.gif) right top no-repeat;
}

replace:

.norite .container .ja-tabs-title-top ul.ja-tabs-title li h3 {
font-family: Arial, sans-serif;
font-weight: normal;
line-height: 30px;
font-size: 110%;
margin: 0!important;
padding: 5px 20px !important;
font-weight: bold;
color: #656565;
border: none;
background: url(h3-sep.gif) right top no-repeat;
}

and

.norite .container .ja-tabs-title-top ul.ja-tabs-title li.active {
background: #1a1a1a url(tab_active_bg.gif) left top repeat-x;
}

replace:

.norite .container .ja-tabs-title-top ul.ja-tabs-title li.active {
background: #1a1a1a url(tab_active_bg.gif) left top repeat-x !important;
}

and

.norite .container .ja-tabs-title-top ul.ja-tabs-title li {
background: none;
cursor: pointer;
display: block;
float: left;
margin: 0;
height: 37px;
}

replace:

.norite .container .ja-tabs-title-top ul.ja-tabs-title li {
background: none!mportant;
cursor: pointer;
display: block;
float: left;
margin: 0;
height: 37px;
}

and

.norite .ja-tab-content li {
background: url(dot-sep2.gif) repeat-x center bottom !important;
border-bottom: 0 !important;
padding: 10px 0;
min-height: 50px;
}

replace:

.norite .ja-tab-content li {
background: url(dot-sep2.gif) repeat-x center bottom !important;
border-bottom: 0 !important;
padding: 10px 0!important;
min-height: 50px;
}

[chosebow Friend chosebowJoin date: August 2010Posts: 7Downloads:0Uploads:0]

#354971

Thank you so much!!

[Author]

Posts