Joomla Templates Club 406,261 posts

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#163462

i have tried to view this module tabs to be from right to left but i have failed

are there any options?

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#389422

Hi,

Do you mean to say that the tabs should be aligned right instead of left side? Or do you mean the tabs which are currently showing as say Tab1 , Tab2 , Tab3, you want to change it as Tab3, Tab2, Tab1..

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#389449

Hi again 🙂
i need to align it to start from right to left
no to rearrange them 🙂
and i need to make it to all modules 🙂
i have tried to change the content of Tab 1 as below
==================================================================
<p style=”text-align: right;”>{jatabs type=”modules” animType=”animNone” style=”teline_iv” position=”top” widthTabs=”auto” heightTabs=”auto” width=”auto” height=”auto” mouseType=”click” duration=”1000″ colors=”10″ module=”ja-tabs1″ }{/jatabs}</p>
==================================================================
and also nothing happen

are there any options?

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#389465

original

need to be like this

i have made is with photoshop 😀

---

Attachments:

1. 

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#389504

Any One ? >:(

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

#389526

you access the module configuration and sort the list of modules following to the “top” position ( with your sample you gave in thread #3 ) and you just re-sort the list to resolve the issue

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#389546

Hi zizozoro,

I think using tienhc’s advise you can change the module sequence in the Tabs.
But to make all tab titles right aligned without having ordered the modules everytime, please open templates/yourtemplate/css/template.css and add
<blockquote>ul.ja-tabs-title { width: 100%; }
ul.ja-tabs-title li { float:right; } </blockquote>
Save the template.css file and check result on frontend.

If this does not work, please update your site url and admin details at http://support.joomlart.com/index.php?/Tickets/Ticket/View/71458 so that I can take a look at your site..

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#389696

welcome again
i have seen your reply 9 hours ago but i was busy
i have add your code to
/templates/ja_teline_iv/css/template.css
in the last line and change it to many shape and nothing happened
my template.css
[PHP]/*

# ————————————————————————

# JA Teline IV

# ————————————————————————

# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

# @license – Copyrighted Commercial Software

# Author: J.O.O.M Solutions Co., Ltd

# Websites: http://www.joomlart.com – http://www.joomlancers.com

# This file may not be redistributed in whole or significant part.

# ————————————————————————

*/

@import url(../fonts/arialnarrow/stylesheet.css);

/* COMMON STYLE

——————————————————— */

body { font-family: Arial, sans-serif; }

body#bd {

background: #fff;

color: #333;

font-size: 12px; /* Base Font */

line-height: 1.5;

}

/* Normal links —*/

a { color: #069; text-decoration: none; }

a:visited { color: #333; }

a:hover, a:active, a:focus { text-decoration: underline; }

/* Readon links —*/

p.readmore { float: left; padding-top: 2px; }

p.readmore a {

background: url(../images/arrow-bg.png) no-repeat right top;

color: #000 !important;

display: inline-block;

font: bold 10px/20px Arial, sans-serif;

height: 20px;

padding: 0 12px 0 8px;

text-transform: uppercase;

}

p.readmore a:hover, p.readmore a:active, p.readmore a:focus {

background: url(../images/arrow-bg.png) no-repeat right bottom;

color: #fff !important;

text-decoration: none;

}

/* Headings & Titles —*/

h1 { font-size: 180%; }

h2 { font-size: 150%; }

h3 { font-size: 125%; }

h4 { font-size: 100%; text-transform: none; }

h5 { font-size: 100%; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 { font-family: Georgia, Cambria, “Times New Roman”, Times, serif; }

h1.contentheading, h2.contentheading, .contentheading { margin: 0; padding-bottom: 5px; }

h1.componentheading, .componentheading {

border-bottom: 10px solid #ddd;

color: #000;

font: bold 200%/normal Arial, sans-serif;

margin-bottom: 12px;

padding: 0 0 8px;

text-transform: uppercase;

}

h2.contentheading, .contentheading { }

.contentheading { font-size: 200%; }

.blog-featured .contentheading,

.blog .contentheading { font-size: 125%; }

.items-leading .contentheading { font-size: 175%; }

.jitem-title { font-size: 110%; font-weight: bold; }

/* List —*/

.ja-moduletable ul li,

.ja-module ul li,

.ja-content-main ul li {

background: url(../images/bullet.gif) no-repeat 20px 6px;

line-height: 1.4;

}

.ja-content-main ul li p,

.ja-content-main ol li p {

margin: 0;

}

.ja-moduletable ol li,

.ja-module ol li,

.ja-content-main ol li { line-height: 1.4; }

/* Others —*/

hr { border-top: 1px solid #ccc; }

#ja-absolute .main {

height: auto;

left: 1px;

position: fixed;

top: 1px;

width: auto !important;

z-index: 99999;

}

#ja-absolute .main a {

background: url(../images/joomla15.png) no-repeat left top;

display: block;

height: 99px;

overflow: hidden;

text-indent: -9999px;

width: 91px;

}

#ja-absolute .main a:hover,

#ja-absolute .main a:focus { background-position: left bottom; text-decoration: none; }

/* FORM

——————————————————— */

input, select, textarea, .inputbox { font-family: Arial, sans-serif; padding: 2px; }

.inputbox { background: #fff; border: 1px solid #aaa; padding: 3px 5px; }

.inputbox:hover, .inputbox:focus { }

.button,

button {

background: url(../images/grad-l1.gif) repeat-x left bottom #fff;

border-bottom: 1px solid #ccc;

border-left: 1px solid #ddd;

border-right: 1px solid #ccc;

border-top: 1px solid #ddd;

cursor: pointer;

font-family: “Arial Narrow”, Arial, Verdana, Sans-serif;

font-weight: bold;

overflow: visible;

padding: 3px 5px;

text-transform: uppercase;

}

.button:hover, .button:focus { }

.button2-left { margin-left: 0 !important; margin-top: 10px !important; }

/* Search —*/

form#searchForm { border-top: 1px solid #ccc; }

.searchintro { border-bottom: 1px solid #ccc; }

.results h4 { font-size: 110%; text-transform: none; }

/* Contact —*/

#component-contact #emailForm { border-top: 1px solid #ccc; }

.contact_email { margin: 10px 0; }

.contact_email div { margin: 5px 0; }

label[for=contact_email_copy] { display: inline; }

input#contact_email_copy {

float: left;

margin-right: 5px;

}

/* JOOMLA STYLE

——————————————————— */

/* Layout Deco —*/

.items-leading {

background: #FFFAE5;

border: 1px solid #ddd;

margin: 0 0 12px;

padding: 8px;

}

.items-row { background: url(../images/divider.gif) repeat-x top; padding-top: 20px; }

.items-row .item { background: url(../images/dot-2.gif) repeat-y left; }

.items-row .column-1 { background: none; }

/* Meta —*/

.article-tools {

border-bottom: 1px dotted #ddd;

font-family: Arial, sans-serif;

line-height: normal;

margin-bottom: 5px;

padding: 0 0 2px;

text-transform: uppercase;

}

dl.article-info { color: #999; margin: 5px 0 0; }

dl.article-info dd.create,

dl.article-info dd.createdby { }

ul.actions { margin: 0; }

ul.actions li { background: none; line-height: 1; }

p.modifydate {

color: #999;

font-family: “Arial Narrow”, Arial, sans-serif;

margin-top: 0;

text-transform: uppercase;

}

.contentdescription { }

/* Article —*/

.blog-featured .article-content,

.blog .article-content { font-size: 100%; }

.item-page .article-content {

font-family: Georgia, Cambria, “Times New Roman”, Times, serif;

font-size: 115%;

}

/*Inline images —*/

div.img_caption { margin-bottom: 15px; margin-top: 15px; }

p.img_caption {

background-color: #000;

border-top: 1px solid #fff;

color: #ccc;

font-family: “Arial Narrow”, Arial, sans-serif;

padding: 2px 5px 0;

text-transform: uppercase;

}

/* Tables —*/

thead tr th { background: #333; color: #fff; padding: 5px; }

thead tr th a,

thead tr th a:hover,

thead tr th a:focus,

thead tr th a:active { color: #fff; }

.cat-list-row1,

.cat-list-row12,

tr.cat-list-row1 td,

tr.cat-list-row2 td { padding: 5px; }

.cat-list-row1:hover,

.cat-list-row2:hover { background: #FFFFA3; }

.cat-list-row2,

tr.cat-list-row2 td { background-color: #f0f0f0; }

/* Content Toc */

table.contenttoc { border: 1px solid #ccc; }

table.contenttoc td { }

table.contenttoc th { background: #f0f0f0; text-transform: uppercase; }

/* Poll */

form#poll { border-bottom: 1px dotted #ccc; font-weight: bold; }

dl.poll { border-bottom: 1px dotted #ccc; }

table.pollstableborder td { background: #f0f0f0; font-weight: bold; padding: 5px !important; }

table.pollstableborder tr.sectiontableentry0 td,

table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Pagination —*/

.pagination { border-bottom: 1px solid #ddd; }

.pagination ul,

.pagination p.counter { line-height: 25px; margin: 0; }

.pagination li {

background: none !important;

}

.pagination li span,

.pagination li strong,

.pagination li a { line-height: 25px; }

.items-more { background: url(../images/divider.gif) repeat-x top; }

.items-more h3 {

font-family: “Arial Narrow”, Arial, sans-serif;

font-size: 125%;

letter-spacing: -1px;

text-transform: uppercase;

}

/* Com User —*/

.registration fieldset {

border: 1px solid #ccc;

padding: 15px;

margin: 15px 0;

}

/* MODULE STYLES

——————————————————— */

div.ja-moduletable h3, div.moduletable h3 {

border-bottom: 1px solid #ddd;

border-top: 4px solid #ccc;

color: #000;

font: normal 125%/normal ArialNarrowBold, “Arial Narrow”, Arial, sans-serif;

margin: 0;

padding: 8px 8px 5px;

text-transform: uppercase;

}

div.ja-moduletable, div.moduletable {

background: #fff;

border: 1px solid #ccc;

margin: 2px 2px 4px 2px;

padding: 0;

}

div.ja-moduletable .ja-box-ct, div.moduletable .ja-box-ct { padding: 8px; }

div.ja-moduletable ul, div.ja-module ul,

div.ja-moduletable ol, div.ja-module ol,

div.ja-moduletable p, div.ja-module p,

div.ja-moduletable h4, div.ja-module h4 { margin-top: 0; }

div.ja-moduletable ul li, div.ja-module ul li { background-position: 2px 7px; }

/* Tab Modules —*/

div.moduletable-tabs { border-top: 0 !important; }

div.moduletable-tabs > h3 { display: none !important; }

div.moduletable-tabs .ja-box-ct { padding: 0 !important; }

/* JA News Frontpage Modules —*/

div.moduletable-newsfp { background: 0 !important; border: 0; margin: 0 !important; }

div.moduletable-newsfp .ja-box-ct { padding: 0; }

.ja-colswrap .ja-moduletable .article_separator { display: none; }

span.jazin-content-text { color: #999; overflow: hidden; }

/* Moduletable mega —*/

#ja-topnav {

float: right;

margin-bottom: -47px;

}

#ja-topmega {

position: relative;

z-index: 12;

border: none;

}

#ja-topmega li.nav-blog a.nav-blog,

#ja-topmega li.nav-interview a.nav-interview,

#ja-topmega li.nav-social a.nav-social,

#ja-topmega li.nav-feeds a.nav-feeds {

padding: 4px 0 3px;

margin: 3px 5px;

text-indent: -1000em;

width: 28px;

}

#ja-topmega li.nav-blog,

#ja-topmega li.nav-interview,

#ja-topmega li.nav-social,

#ja-topmega li.nav-feeds { float: right; border: none; }

#ja-topmega li.nav-social .childcontent-inner { background: #fff; }

/* Blog Button */

#ja-topmega li.nav-blog { background: url(../images/stripe-bg-2.png); }

#ja-topmega li.nav-blog a.nav-blog {

background: url(../images/icons/nav-blog.png) no-repeat center #000 !important;

}

#ja-topmega li:hover a.nav-blog,

#ja-topmega li.over a.nav-blog,

#ja-topmega li.active a.nav-blog {

background: url(../images/icons/nav-blog.png) no-repeat center #3b7513 !important;

}

#ja-topmega li.nav-blog .ja-moduletable ul li {

padding-left: 10px;

}

#ja-topmega li.nav-blog .childcontent-inner {

background-image: none !important;

}

#ja-topmega li.nav-blog .ja-moduletable .k2LatestCommentsBlock ul li {

background: none;

padding-left: 0;

padding-right: 0;

}

/* Interview Button */

#ja-topmega li.nav-interview { background: url(../images/stripe-bg-2.png); }

#ja-topmega li.nav-interview a.nav-interview {

background: url(../images/icons/nav-interview.png) no-repeat center #000 !important;

}

#ja-topmega li:hover a.nav-interview,

#ja-topmega li.over a.nav-interview,

#ja-topmega li.active a.nav-interview {

background: url(../images/icons/nav-interview.png) no-repeat center #e04b40 !important;

}

#ja-topmega li.nav-interview .childcontent-inner {

background-image: none !important;

}

/* Social Button */

#ja-topmega li.nav-social a.nav-social {

background: url(../images/icon-twitter.png) no-repeat center #138bb3 !important;

}

#ja-topmega li:hover a.nav-social,

#ja-topmega li.over a.nav-social,

#ja-topmega li.active a.nav-social {

background: url(../images/icon-twitter.png) no-repeat center #138bb3 !important;

}

/* RSS Feeds */

#ja-topmega li.nav-feeds a.nav-feeds {

background: url(../images/icon-feeds.png) no-repeat center #f68916 !important;

}

#ja-topmega li:hover a.nav-feeds,

#ja-topmega li.over a.nav-feeds,

#ja-topmega li.active a.nav-feeds {

background: url(../images/icon-feeds.png) no-repeat center #F68916 !important;

}

#ja-topmega li.nav-feeds .childcontent-inner { background: #fff; padding-top: 0;}

/* Ja Twitter Modules —*/

div.ja-twitter { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0; }

.ja-twitter-wrapper ul li { background: none; }

.ja-twitter-wrapper {

background: #f0f0f0;

border: 1px solid #ccc;

margin-bottom: 10px;

padding: 8px;

}

.ja-twitter-wrapper .ja-twitter-avatar { padding-right: 2px !important; }

.ja-twitter-image { display: block; float: left; }

.ja-twitter-source,

.ja-twitter-text { color: #333; }

/* Advertisement Modules —*/

div.moduletable-ads .ja-box-ct { padding: 0; }

div.moduletable-ads .ads-squarebutton img,

div.moduletable-ads .ads-squarepopup img { border: 1px solid #ccc; margin: 3px; }

div.moduletable-ads .ads-squarebutton { padding: 5px; }

div.bannergroup_text div.banneritem { border-bottom: 1px dotted #ccc; padding: 5px 0; }

div.bannergroup_text div.bannerfooter { padding: 5px 0; }

/* MAIN LAYOUT DIVS

——————————————————— */

#ja-container { }

#ja-container .main { }

#ja-container .main-inner1 { background: url(../images/stripe-bg-2.png) #ddd; margin: 0; padding: 2px; }

.main .main-inner1 { margin-left: 0; margin-right: 0; }

/* MAIN COLUMN

——————————————————— */

#ja-mainbody { }

#ja-main .inner { padding: 0; }

#ja-contentwrap { padding: 0; }

/* Content Top —*/

.ja-content-top { background: #fff; border: 1px solid #ccc; margin: 2px; padding: 0; }

#ja-content-top .ja-moduletable, #ja-content-top .ja-module { margin-left: 0; margin-right: 0; }

/* Content Main —*/

.ja-content-main {

background: url(../images/dot5px.gif) repeat-x top #fff;

border: 1px solid #ccc;

border-top: 0;

margin: 2px;

padding: 8px 15px;

}

/* Block Tabs */

.ja-blocktab {}

.ja-blocktab-title { left: -25px; position: absolute; top: 8px; }

.ja-blocktab-title ul { }

.ja-blocktab-title ul li {

background: url(../images/news-btn-sprites.gif) no-repeat top left #fff;

color: #666;

cursor: pointer;

display: block;

font: 92%/18px Arial, sans-serif;

margin-bottom: 5px;

text-indent: -1000em;

text-transform: uppercase;

width: 18px;

}

.ja-blocktab-title ul li:hover,

.ja-blocktab-title ul li.active { background-position: bottom left; }

.ja-blocktab-title ul li.blocktab-ja-news-2 { background-position: center top; }

.ja-blocktab-title ul li.blocktab-ja-news-2:hover,

.ja-blocktab-title ul li.blocktab-ja-news-2.active { background-position: center bottom; }

.ja-blocktab-title ul li.blocktab-ja-news-3 { background-position: right top; }

.ja-blocktab-title ul li.blocktab-ja-news-3:hover,

.ja-blocktab-title ul li.blocktab-ja-news-3.active { background-position: right bottom; }

/* Content Bottom —*/

.ja-content-bottom { }

#ja-content-bottom .ja-moduletable, #ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* Content Mass —*/

.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin: 2px 2px 4px 2px; }

.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin: 2px 2px 4px 2px; }

#ja-content-mass-bottom .ja-moduletable,

#ja-content-mass-bottom .ja-module { border-top: 0; float: left; width: 49%; }

#ja-content-mass-bottom .ja-moduletable h3 { border-top: 5px solid #000; }

/* SIDE COLUMNS

——————————————————— */

.ja-colswrap { }

.ja-col { }

/* Left Columns —*/

#ja-left { }

/* Right Columns —*/

#ja-right { }

/* HEADER

——————————————————— */

#ja-header { }

#ja-header .main { height: 115px; padding: 0; }

h1.logo, div.logo-text h1 { font-size: 40px; line-height: 1; }

/* Logo Image —*/

h1.logo { height: 57px; margin-top: 40px; width: 222px; }

h1.logo a {

background: url(../images/logo.png) no-repeat left top;

display: block;

height: 57px;

width: 222px;

}

h1.logo a:hover, h1.logo a:focus { background-position: left bottom; }

/* Logo Text —*/

div.logo-text { margin-top: 40px; }

div.logo-text h1 { letter-spacing: 2px; margin-left: 2px; }

div.logo-text h1 a { color: #000; text-decoration: none; }

p.site-slogan {

background-image: url(../images/stripe-bg.png);

color: #999;

display: block;

font-family: Arial, sans-serif;

font-size: 85%;

line-height: 1;

margin: 3px 0 0;

padding: 0;

text-align: center;

text-transform: uppercase;

}

p.site-slogan span { background: #fff; display: inline-block; padding: 0 5px; }

/* Header Right —*/

.ja-header-r { padding: 0; position: absolute; right: 0; top: 40px; width: 500px; }

/* Head Date */

.ja-day {

background: url(../images/stripe-bg-2.png);

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

color: #000;

float: left;

position: relative;

text-transform: uppercase;

}

.ja-day span { display: block; }

.ja-day span.month, .ja-day span.date {

border-right: 1px solid #ccc;

float: left;

font: bold 11px/26px Arial, sans-serif;

text-align: center;

width: 30px;

}

.ja-day span.day, .ja-day span.year {

display: none;

float: right;

font: bold 11px/26px Arial, sans-serif;

text-align: center;

text-transform: uppercase;

width: 50px;

}

.ja-day span.year { display: block; }

.ja-day:hover span.day { background: #069; color: #fff; display: block; }

.ja-day:hover span.year { display: none; }

/* Search —*/

#ja-search {

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

height: 26px;

right: 0;

top: 0;

}

#ja-search form.search {

background: url(../images/icons/search.png) no-repeat 10px center;

padding-left: 35px;

display: block;

}

#ja-search .inputbox {

background: transparent;

border: 1px solid transparent;

color: #000;

font-size: 100%;

padding: 0;

width: 120px;

}

#ja-search .button {

background: #ccc;

border: 0;

color: #000;

height: 26px;

padding: 0 8px;

text-transform: uppercase;

}

#ja-search:hover form.search, #ja-search:focus form.search { background-color: #ddd; }

#ja-search:hover .button, #ja-search:focus .button { background: #069; color: #fff; }

/* Top Bar —*/

#ja-topbar { height: 26px; position: absolute; top: 0; z-index: 11; }

#ja-topbar .main {

border-bottom: 1px solid #ccc;

color: #999;

font: 92%/26px Arial, sans-serif;

}

.ja-updatetime { border-right: 1px solid #ccc; float: left; padding: 0 10px; }

.ja-updatetime span { color: #999; font-weight: bold; }

.ja-updatetime em { color: #000; font-style: normal; margin-left: 5px; }

/* Headlines Module —*/

.ja-healineswrap { float: left; overflow: hidden; width: 380px; }

.ja-healineswrap em {

color: #999;

display: block;

float: left;

font-style: normal;

font-weight: bold;

padding: 0 5px 0 10px;

}

.ja-headlines { float: left; height: 26px; }

.ja-headlines a { color: #000; padding: 1px 5px; text-transform: none; }

.ja-headlines a:hover, .ja-headlines a:active, .ja-headlines a:focus { background: #000; color: #fff; text-decoration: none; }

.ja-headlines .separator { color: #999; }

/* NAVIGATION

——————————————————— */

/* Main Nav —*/

#ja-mainnav { }

#ja-mainnav .main { border-top: 1px solid #ccc; margin-bottom: 12px; }

/* Special Buttons */

#ja-mainnav li.home { }

#ja-mainnav li.home a.home {

padding: 4px 0 3px;

margin: 3px 5px;

text-indent: -1000em;

width: 28px;

}

#ja-mainnav li.home .childcontent-inner { background-position: 14px top; /* Realign The Arrow */ }

span.has-image {

min-height: 18px;

}

/* Home Button */

#ja-mainnav li.home a.home { background: url(../images/icons/home.png) no-repeat center !important; }

#ja-mainnav li:hover a.home,

#ja-mainnav li.over a.home,

#ja-mainnav li.active a.home {

background: url(../images/icons/home-l.png) no-repeat center #000 !important;

}

/* Breadcrumbs Top —*/

#ja-navhelper-top {

clear: both;

color: #999;

display: block;

font: 92%/normal Arial, sans-serif;

margin: 4px 0 12px -15px;

padding: 0;

position: relative;

}

#ja-navhelper-top .ja-breadcrums {

background: #f0f0f0;

border: 1px solid #ccc;

border-left: 0;

display: inline-block;

float: none;

height: 18px;

line-height: 18px;

margin-top: 0;

max-width: 95%;

overflow: hidden;

padding: 0 8px 0 20px;

white-space: nowrap;

width: auto;

}

#ja-navhelper-top .ja-breadcrums a { color: #000; }

#ja-navhelper-top .ja-breadcrums img { margin: 2px 2px 0; }

#ja-navhelper-top .ja-breadcrums span.name { }

#ja-navhelper-top .ja-breadcrums a.ja-back-btn {

background: url(../images/back-btn-bc.png) no-repeat center #ccc;

display: inline-block;

height: 20px;

left: 0;

position: absolute;

text-indent: -30000em;

top: 0;

width: 20px;

}

#ja-navhelper-top .ja-breadcrums a.ja-back-btn:hover,

#ja-navhelper-top .ja-breadcrums a.ja-back-btn:focus { background-color: #000; }

/* Breadcrumbs —*/

#ja-navhelper {

background: #2a2a2a;

border-bottom: 1px solid #333;

color: #ccc;

font: 92%/1.5 “Arial Narrow”, Arial, sans-serif;

}

#ja-navhelper .main { padding: 4px 0; text-transform: uppercase; }

.ja-breadcrums { text-indent: 8px; }

#ja-navhelper a { background: #000; color: #fff; padding: 1px 5px; }

/* Extras —*/

.ja-links { padding-right: 10px; }

.ja-links li { padding: 0 10px; }

/* Default Joomla! Menu —*/

#ja-container ul.menu li { border-bottom: 1px dotted #ddd; line-height: normal; }

#ja-container ul.menu li a { color: #333; padding: 5px 0; }

#ja-container ul.menu li a:hover,

#ja-container ul.menu li a:active,

#ja-container ul.menu li a:focus { }

#ja-container ul.menu li.active a { font-weight: bold; }

#ja-container ul.menu li ul { margin: 0; }

#ja-container ul.menu li li { background: none; border: none; }

#ja-container ul.menu li li a {

background: url(../images/arrow-3.png) no-repeat 2px 8px;

color: #666;

font-size: 92%;

font-weight: normal !important;

text-indent: 15px;

text-transform: none;

width: 100%;

}

#ja-container ul.menu li li a:hover,

#ja-container ul.menu li li a:active,

#ja-container ul.menu li li a:focus { background: url(../images/arrow-3.png) no-repeat 2px 8px; }

#ja-container ul.menu li.active > a { font-weight: bold !important; }

#ja-container ul.menu span.separator {

background: url(../images/arrow-3.png) no-repeat 2px 8px;

color: #666;

display: block;

font-size: 92%;

font-weight: normal !important;

padding: 5px 0;

text-indent: 15px;

text-transform: none;

width: 100%;

}

#ja-container ul.menu li ul ul { margin: 0 10px; }

/* SPOTLIGHT

——————————————————— */

#ja-topsl1 .ja-box, #ja-botsl1 .ja-box,

#ja-topsl2 .ja-box, #ja-botsl2 .ja-box { }

#ja-topsl1 .ja-moduletable, #ja-botsl1 .ja-moduletable,

#ja-topsl2 .ja-moduletable, #ja-botsl2 .ja-moduletable { margin: 0; }

/* Top spotlight 1 —*/

#ja-topsl1 { padding: 12px 0 4px; }

#ja-topsl1 .main { padding: 0; }

#ja-topsl1 .column { overflow: visible; }

#ja-topsl1 .ja-box-right .ja-moduletable {

background: #fff !important;

border: 1px solid #ccc !important;

margin-bottom: 4px;

margin-left: 2px;

}

#ja-topsl1 .ja-box-right .moduletable-tabs { border-top: 0 !important; }

/* Bot spotlight 1 —*/

#ja-botsl1 { padding: 8px 0 2px; }

#ja-botsl1 .main { padding: 0; width: 984px; }

#ja-botsl1 .ja-box { background: #fff; border: 1px solid #ccc; margin: 0 2px 6px; }

#ja-botsl1 .ja-moduletable { background: #fff; border: 0; }

#ja-botsl1 .ja-moduletable h3 { }

#ja-botsl1 .ja-moduletable h3 span { }

/* Bot spotlight 2 —*/

#ja-botsl2 .main { background: #2a2a2a; padding: 10px 0; }

#ja-botsl2 a { color: #fff; }

#ja-botsl2 .main { padding: 0 0 8px; }

#ja-botsl2 .ja-moduletable { background: transparent; border: 0; color: #999; margin-top: 12px; }

#ja-botsl2 .ja-moduletable h3 {

border-bottom: 1px dotted #666;

border-top: 0;

color: #fff;

margin: 0 12px;

padding-left: 0;

}

#ja-botsl2 .ja-box-right .ja-moduletable { background: #333 !important; margin: 12px; }

#ja-botsl2 .ja-box-right .ja-moduletable .ja-box-ct { padding: 12px 12px 8px; }

/* FOOTER

———————————————————– */

#ja-footer { padding: 0; }

#ja-footer .main { background: #1f1f1f; color: #666; padding: 0; text-align: left; }

#ja-footer .main-inner1 { padding: 12px 0 24px 240px; }

#ja-footer a { color: #aaa; }

#ja-footer a:hover { color: #fff; text-decoration: underline; }

#ja-footer .ja-footnav,

#ja-footer .ja-copyright { margin: 0 0 8px; }

/* Footnav —*/

#ja-footer .ja-footnav ul {

border-bottom: 1px dotted #333;

overflow: hidden;

padding-bottom: 8px;

padding-left: 4px;

}

#ja-footer .ja-footnav ul li {

border-left: 1px dotted #333;

display: block;

float: left;

line-height: normal;

padding: 0 8px;

}

/* Foot Logo —*/

#ja-footlogo {

background: url(../images/curl-bg-4.png) no-repeat right top;

height: 85px;

left: 12px;

position: absolute;

text-align: center;

top: -5px;

width: 220px;

}

#ja-footlogo a {

background: #000;

border: 1px solid #000;

color: #666;

display: block;

font: 32px/85px ArialNarrowBold, “Arial Narrow”, Arial, sans-serif;

height: 85px;

text-shadow: 0 -1px 1px rgba(0,0,0,.75);

text-transform: uppercase;

white-space: nowrap;

width: 214px;

}

#ja-footlogo a:hover,

#ja-footlogo a:active,

#ja-footlogo a:focus { background: #069; color: #fff; text-decoration: none; }

/* T3 Logo — */

#ja-poweredby { opacity: .5; position: absolute; right: 10px; top: 42px; }

/* Copyright Info. —*/

#ja-footer .ja-copyright { border-left: 1px dotted #333; margin-left: 4px; padding-bottom: 4px; }

#ja-footer .ja-copyright small { text-indent: 8px; }

/* Site Map —*/

#ja-sitemap { }

#ja-sitemap .item-inner { border-left: 1px solid #333; margin: 0; padding: 0 12px; }

#ja-sitemap .column1 .item-inner { border-left-color: #2a2a2a; }

#ja-sitemap .item-inner:hover { background: #333; }

#ja-sitemap h4 {

font-family: “Arial Narrow”, Arial, sans-serif;

margin: 0;

padding: 4px 0 4px;

text-transform: uppercase;

}

#ja-sitemap .item-inner:hover h4 { color: #fff; }

#ja-sitemap ul { padding-bottom: 4px; }

#ja-sitemap ul li { background: url(../images/arrow-l.png) no-repeat 2px 5px; }

#ja-sitemap ul li a { color: #999; font-size: 92%; }

/* MISCELLANOUS

———————————————————– */

/* JA News Tooltips —*/

.janews-tool-tip { background: #ffea97; border: 0; }

.janews-tool-tip .tool-tip { background: #ffffa3; border: 0; color: #000; overflow: hidden; }

.janews-tool-tip .janews-tool-title {

font-size: 110%;

font-weight: bold;

margin: 3px 3px 0;

padding: 8px 12px 4px;

}

.janews-tool-tip .janews-tool-text { margin: 0 3px 3px; padding: 0 12px 8px; }

.janews-tool-tip .janews-tool-text img { float: right !important; margin: 5px 0 0 8px; max-width: 60px; }

/* JA News Tooltips —*/

.tip-wrap { background: #ffea97; border: 0;max-width:300px; }

.tip-wrap .tip { background: #ffffa3; border: 0; color: #000; overflow: hidden; }

.tip-wrap .tip-title {

font-size: 110%;

font-weight: bold;

margin: 3px 3px 0;

padding: 8px 12px 4px;

}

.tip-wrap .tip-text { margin: 0 3px 3px; padding: 0 12px 8px; }

.tip-wrap .tip-text img { float: right !important; margin: 5px 0 0 8px; max-width: 60px; }

/* Mod Feed —*/

.newsfeed-wrap { border: 1px solid #ddd; margin-top: 10px; padding: 10px; }

.newsfeed-wrap .site-name { height: 20px; margin: -20px 0 10px -5px; width: 106px; }

.newsfeed-wrap .site-name a {

background: url(../images/joomlart.gif) no-repeat left top;

display: block;

height: 20px;

width: 106px;

}

.newsfeed-wrap .site-name a span { display: none; }

.newsfeed-wrap ul li {

background: url(../images/arrow-3.png) no-repeat left 5px !important;

padding-bottom: 5px;

padding-left: 15px;

}

.newsfeed-wrap ul li.last { border: none; padding-bottom: 0; }

/* Comment Button — */

.jac-add-button {

display: block;

float: right;

font: 10px/normal Arial, sans-serif;

text-transform: uppercase;

}

.jac-add-button a, .jac-add-button span.jac-count-comment {

background: #f0f0f0;

color: #333 !important;

display: block;

float: left;

line-height: 18px;

padding: 0 8px;

border: 1px solid #ccc;

}

.jac-add-button a:hover,

.jac-add-button a:active,

.jac-add-button a:focus {

background: #000;

color: #fff !important;

border: 1px solid #000;

text-decoration: none;

}

.jac-add-button span.jac-count-comment {

background: #ccc;

border: 1px solid #ccc;

color: #333 !important;

font-weight: bold;

padding: 0 4px;

}

/* Others —*/

#ja-banner { border-top: 1px solid #ccc; }

.custom-tabs p {

display: none;

height: 0;

position: absolute;

}

div.ja-innerdiv { border-bottom: 1px dotted #ccc; }

div.ja-innerdiv h4 {

color: #999;

font-family: Arial, sans-serif;

font-size: 92%;

font-weight: normal;

text-transform: uppercase;

}

div.advs-title {

background: url(../images/dot-g1.gif) repeat-x left center;

color: #999;

font-family: Arial, Helvetica, sans-serif;

font-size: 8px;

letter-spacing: 1px;

text-align: center;

text-transform: uppercase;

}

div.advs-title span { background: #fff; padding: 0 5px; }

.fancyboxgroup,

.fancyboxgroup:hover,

.fancyboxgroup:focus { cursor: pointer; text-decoration: none; }

ul.social-network { overflow: hidden; }

ul.social-network li { display: block; float: left; }

/* Max Width for Side Image — */

#ja-inset1 div.ja-innerdiv img,

#ja-right div.ja-innerdiv img,

#ja-inset1 div.ja-innerdiv img,

#ja-right div.ja-innerdiv img { max-width: 99.9%; }

/* contentpane —*/

body#bd.contentpane { }

body#bd.contentpane p { margin: 10px 0; }

/* COLOR THEMES

————————————————*/

.ja-zin .ja-zinsec:hover .ja-zincat h3 { background-image: url(../images/arrow-3-l.png); }

.ja-zin .ja-zinsec:hover .ja-zincat h3 a { color: #fff; }

.default .ja-zin .ja-zinsec:hover a { color: #333; }

/* Black —*/

.ja-zin .ja-zinsec:hover { }

.ja-zin .ja-zinsec:hover h2 a { color: #000; }

.ja-zin .ja-zinsec:hover .ja-zincat h3 { background-color: #000; }

.pulse .ja-zin .ja-zinsec:hover h2 { background-color: #000; }

.pulse .ja-zin .ja-zinsec:hover h2 a { color: #fff; }

.pulse .ja-zin .ja-zinsec:hover h4.ja-zintitle a { color: #000; }

/* Red —*/

.ja-zin .ja-zinsec:hover.red { }

.ja-zin .ja-zinsec:hover.red h2 a { color: #9c152d; }

.ja-zin .ja-zinsec:hover.red .ja-zincat h3 { background-color: #9c152d; }

.ja-zin .ja-zinsec:hover.red .subcats-selection li.active a { color: #9c152d; }

.pulse .ja-zin .ja-zinsec:hover.red h2 { background-color: #9c152d; }

.pulse .ja-zin .ja-zinsec:hover.red h2 a { color: #fff; }

/* Blue —*/

.ja-zin .ja-zinsec:hover.blue { }

.ja-zin .ja-zinsec:hover.blue h2 a { color: #069; }

.ja-zin .ja-zinsec:hover.blue .ja-zincat h3 { background-color: #069; }

.ja-zin .ja-zinsec:hover.blue .subcats-selection li.active a { color: #069; }

.pulse .ja-zin .ja-zinsec:hover.blue h2 { background-color: #069; }

.pulse .ja-zin .ja-zinsec:hover.blue h2 a { color: #fff; }

/* cyan —*/

.ja-zin .ja-zinsec:hover.cyan { }

.ja-zin .ja-zinsec:hover.cyan h2 a { color: #138bb3; }

.ja-zin .ja-zinsec:hover.cyan .ja-zincat h3 { background-color: #138bb3; }

.ja-zin .ja-zinsec:hover.cyan .subcats-selection li.active a { color: #138bb3; }

.pulse .ja-zin .ja-zinsec:hover.cyan h2 { background-color: #138bb3; }

.pulse .ja-zin .ja-zinsec:hover.cyan h2 a { color: #fff; }

/* Lime —*/

.ja-zin .ja-zinsec:hover.lime { }

.ja-zin .ja-zinsec:hover.lime h2 a { color: #818800; }

.ja-zin .ja-zinsec:hover.lime .ja-zincat h3 { background-color: #818800; }

.ja-zin .ja-zinsec:hover.lime .subcats-selection li.active a { color: #818800; }

.pulse .ja-zin .ja-zinsec:hover.lime h2 { background-color: #818800; }

.pulse .ja-zin .ja-zinsec:hover.lime h2 a { color: #fff; }

/* Green —*/

.ja-zin .ja-zinsec:hover.green { }

.ja-zin .ja-zinsec:hover.green h2 a { color: #3b7513; }

.ja-zin .ja-zinsec:hover.green .ja-zincat h3 { background-color: #3b7513; }

.ja-zin .ja-zinsec:hover.green .subcats-selection li.active a { color: #3b7513; }

.pulse .ja-zin .ja-zinsec:hover.green h2 { background-color: #3b7513; }

.pulse .ja-zin .ja-zinsec:hover.green h2 a { color: #fff; }

/* Orange —*/

.ja-zin .ja-zinsec:hover.orange { }

.ja-zin .ja-zinsec:hover.orange h2 a { color: #bf5600; }

.ja-zin .ja-zinsec:hover.orange .ja-zincat h3 { background-color: #bf5600; }

.ja-zin .ja-zinsec:hover.orange .subcats-selection li.active a { color: #bf5600; }

.pulse .ja-zin .ja-zinsec:hover.orange h2 { background-color: #bf5600; }

.pulse .ja-zin .ja-zinsec:hover.orange h2 a { color: #fff; }

/* Brick —*/

.ja-zin .ja-zinsec:hover.brick { }

.ja-zin .ja-zinsec:hover.brick h2 a { color: #e04b40; }

.ja-zin .ja-zinsec:hover.brick .ja-zincat h3 { background-color: #e04b40; }

.ja-zin .ja-zinsec:hover.brick .subcats-selection li.active a { color: #e04b40; }

.pulse .ja-zin .ja-zinsec:hover.brick h2 { background-color: #e04b40; }

.pulse .ja-zin .ja-zinsec:hover.brick h2 a { color: #fff; }

/* Pink —*/

.ja-zin .ja-zinsec:hover.pink { }

.ja-zin .ja-zinsec:hover.pink h2 a { color: #a71269; }

.ja-zin .ja-zinsec:hover.pink .ja-zincat h3 { background-color: #a71269; }

.ja-zin .ja-zinsec:hover.pink .subcats-selection li.active a { color: #a71269; }

.pulse .ja-zin .ja-zinsec:hover.pink h2 { background-color: #a71269; }

.pulse .ja-zin .ja-zinsec:hover.pink h2 a { color: #fff; }

/* Ja Popup —*/

.ja-video-thumb { overflow: hidden; }

.ja-video-thumb a {

display: block;

float: left;

margin: 2px;

}

.ja-video-thumb a img {

margin: 0;

padding: 0;

}[/PHP]
i think it may be
[PHP].ja-blocktab-title ul li[/PHP]

and about this ticket , i can’t access it
Regards 🙂

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#389697

i havve made new ticket
#WCY-398-56702
with all details

regards

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#389730

Hi,

I have added /*style overiding Ja Tabs Module styling<blockquote>*/
.ja-tabs-title-top ul.ja-tabs-title li{
float:right !important;
}
.ja-tabs-title-top ul.ja-tabs-title{
right:0 !important;
}</blockquote> at the end of your template.css file. I have attached a screenshot to show you the result of above code. Please check it and let me know if that is what you wanted..

---

Attachments:

1. 

1 user says Thank You to himangi for this useful post

1. zizozoro

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#389755

<em>@himangi 238435 wrote:</em><blockquote>Hi,

I have added /*style overiding Ja Tabs Module styling at the end of your template.css file. I have attached a screenshot to show you the result of above code. Please check it and let me know if that is what you wanted..</blockquote>

hi again
excellent supper support , i have big thanks to you 😀

i have another something , i have made template to be shown from right to left
and i have missing the arrow
show screen shots below

i don’t know where he gone

and another something if you don’t mind :-[
i need to make cpanel button to be aligned to left and search behind it
see the desired shape

thanks in advance 🙂

---

Attachments:

1. 
2. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#389777

Hi,

I found few differences in demo Teline IV and your template.

Firstly you have <blockquote>.ja-megamenu .childcontent-inner, .ja-megamenu ul.level0 li.active .childcontent-inner {
background: none repeat scroll 0 0 #FFFFFF !important;
}</blockquote> You need to remove background: none repeat scroll 0 0 #FFFFFF !important; You can then see the arrow appears at left top of the megamenu block that appears on mouseover on say Travel.

Second thing is in demo site div.childcontent-inner is getting a styling as below..
<blockquote>element.style {
background-position: 237px top; …. so on </blockquote>
In your case this is missing hence even if the arrow appears by removing the background as explained above, the arrow will not be displayed exactly under a menuitem..

I would suggest you to revert whatever you did to make the menu right aligned and then if you want I can suggest you the changes to make menu right aligned again..

1 user says Thank You to himangi for this useful post

1. zizozoro

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#389867

aha ..
Good
I have big thanks to you himangi :-[

Problems solved 🙂
Topic closed :laugh:

[Author]

Posts