-
AuthorPosts
-
April 23, 2009 at 7:01 am #140525
Hello i need to split the ja-slideshow area in 2 modules
eg ja-slideshow and ja-slideshow2 , all in 1 row!Can you help me changing index.php file and css?
Thanks
nguyenhuu quang Friendnguyenhuu quang
- Join date:
- September 2014
- Posts:
- 1087
- Downloads:
- 0
- Uploads:
- 3
- Thanks:
- 29
- Thanked:
- 328 times in 288 posts
April 23, 2009 at 7:20 pm #302357pls send your live site.
and more descript about your positions.
I think u need to creat 2 news posiotns at current position with 50%/ 50%.
if you have more questions pls send it to me via private messages box.TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
April 23, 2009 at 7:36 pm #302360Or, simply create a new position and place it right next to the first one – float one to the left, and one to the right.
Very easy to do, actually – I just did something similar with my site last evening.nguyenhuu quang Friendnguyenhuu quang
- Join date:
- September 2014
- Posts:
- 1087
- Downloads:
- 0
- Uploads:
- 3
- Thanks:
- 29
- Thanked:
- 328 times in 288 posts
April 23, 2009 at 7:46 pm #302365open index.php above line 122 add:
<?php if ( $this->countModules('ja-slideshowl') ) {?>
<!-- TOP SPOTLIGHT -->
<div id="ja-slideshowl" class="clearfix">
<jdoc:include type="modules" name="ja-slideshowl" style="raw" />
</div>
<!-- //TOP SPOTLIGHT -->
<?php } ?>template.css (line 1350)
#ja-slideshow {
background:transparent url(../images/sl-bg.png) no-repeat scroll left top;
clear:both;
display:block;
float:right;
margin:0;
padding-top:18px;
width:49.5%;
z-index:99;
}
and add above it:
#ja-slideshowl {
background:transparent url(../images/sl-bg.png) no-repeat scroll left top;
clear:both;
display:block;
float:left;
margin:0;
padding-top:18px;
width:49.5%;
z-index:99;
}April 24, 2009 at 7:44 am #302417<em>@quang268 125706 wrote:</em><blockquote>open index.php above line 122 add:
<?php if ( $this->countModules('ja-slideshowl') ) {?>
<!-- TOP SPOTLIGHT -->
<div id="ja-slideshowl" class="clearfix">
<jdoc:include type="modules" name="ja-slideshowl" style="raw" />
</div>
<!-- //TOP SPOTLIGHT -->
<?php } ?>template.css (line 1350)
#ja-slideshow {
background:transparent url(../images/sl-bg.png) no-repeat scroll left top;
clear:both;
display:block;
float:right;
margin:0;
padding-top:18px;
width:49.5%;
z-index:99;
}and add above it:
#ja-slideshowl {
background:transparent url(../images/sl-bg.png) no-repeat scroll left top;
clear:both;
display:block;
float:left;
margin:0;
padding-top:18px;
width:49.5%;
z-index:99;
}
</blockquote>Something looks wrong….. i published in slideshow and slideshow1 2 modules a login and a custom
my live temp site is http://www.demosito.com/quicorsimy index.php file
<?php
/*------------------------------------------------------------------------
# JA Ruby for Joomla 1.5 - Version 1.0 - Licence Owner JA102424
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 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.
-------------------------------------------------------------------------*/// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
include_once (dirname(__FILE__).DS.'ja_vars_1.5.php');
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.mootools'); ?><link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/editor.css" type="text/css" /><link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/addons.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/typo.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/css3.css" type="text/css" /><script language="javascript" type="text/javascript">
var siteurl = '<?php echo $tmpTools->baseurl();?>';
var tmplurl = '<?php echo $tmpTools->templateurl();?>';
</script><script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js"></script>
<?php // Cufont ?>
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/cufon/cufon.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/cufon/NeoSans_400.font.js"></script>
<script type="text/javascript">
//Cufon.replace('.componentheading, .contentheading, .nftitle, div.moduletable h3, div.moduletable_menu h3, div.moduletable-default h3', { fontFamily: 'NeoSans' });
</script><!-- Menu head -->
<?php if ($jamenu) $jamenu->genMenuHead(); ?><link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo strtolower ($tmpTools->getParam(JA_TOOL_COLOR)); ?>.css" rel="stylesheet" type="text/css" />
<?php if ( strtolower ($tmpTools->getParam(JA_TOOL_MENU)) =='css' || strtolower ($tmpTools->getParam(JA_TOOL_MENU)) =='moo' ) { ?>
<?php } ?><!-->
<style type="text/css">
.clearfix {height: 1%;}
img {border: none;}
</style>
<!--><!-->
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<!--><?php if ($tmpTools->isIE()) { ?>
<link href="<?php echo $tmpTools->templateurl(); ?>/css/ie.php" rel="stylesheet" type="text/css" />
<link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo strtolower ($tmpTools->getParam(JA_TOOL_COLOR)); ?>-ie.php" rel="stylesheet" type="text/css" /><!-->
<link href="<?php echo $tmpTools->templateurl(); ?>/css/ie6.php" rel="stylesheet" type="text/css" />
<link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo strtolower ($tmpTools->getParam(JA_TOOL_COLOR)); ?>-ie6.php" rel="stylesheet" type="text/css" />
<script type="text/javascript">
window.addEvent ('load', makeTransBG);
function makeTransBG() {
makeTransBg($$('img'));
}
</script>
<!-->
<?php } ?><!-->
<link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo strtolower ($tmpTools->getParam(JA_TOOL_COLOR)); ?>-ie6.php" rel="stylesheet" type="text/css" />
<!--></head>
<body id="bd" class="<?php echo $tmpTools->getParam(JA_TOOL_LAYOUT);?> <?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>" >
<div id="ja-wrapper"><!-- HEADER -->
<div id="ja-header" class="wrap">
<div class="main clearfix"><?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam('logoType')=='image') { ?>
<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>
<?php } else {
$logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?>
<h1 class="logo-text">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
<span class="site-slogan"><?php echo $sloganText;?></span>
</h1>
<?php } ?><!-- MAIN NAVIGATION -->
<div id="ja-mainnav" class="clearfix"><ul class="no-display">
<li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>
</ul><?php $jamenu->genMenu (0); ?>
</div>
<!-- //MAIN NAVIGATION --><?php if ( $this->countModules('ja-slideshowl') ) {?>
<!-- TOP SPOTLIGHT -->
<div id="ja-slideshowl" class="clearfix">
<jdoc:include type="modules" name="ja-slideshowl" style="raw" />
</div>
<!-- //TOP SPOTLIGHT -->
<?php } ?>
<?php if ( $this->countModules('ja-slideshow') ) {?>
<!-- TOP SPOTLIGHT -->
<div id="ja-slideshow" class="clearfix">
<jdoc:include type="modules" name="ja-slideshow" style="raw" />
</div>
<!-- //TOP SPOTLIGHT -->
<?php } ?></div>
</div>
<!-- //HEADER -->
<?php if ( $this->countModules('ja-slideshow') ) {?>
<div class="main">
<div id="ja-slideshow-bot"></div>
</div>
<?php } ?><?php
$spotlight = array ('user6','user7','user8');
$sl = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
if ($sl) {
?>
<!-- TOP SOTLIGHT -->
<div id="ja-topsl" class="wrap">
<div class="main clearfix"><?php if ( $this->countModules('user6') ) { ?>
<div class="ja-box<?php echo $sl['user6']['class']; ?>" style="width: <?php echo $sl['user6']['width']; ?>;">
<jdoc:include type="modules" name="user6" style="xhtml" />
</div>
<?php } ?><?php if ( $this->countModules('user7') ) { ?>
<div class="ja-box<?php echo $sl['user7']['class']; ?>" style="width: <?php echo $sl['user7']['width']; ?>;">
<jdoc:include type="modules" name="user7" style="xhtml" />
</div>
<?php } ?><?php if ( $this->countModules('user8') ) { ?>
<div class="ja-box<?php echo $sl['user8']['class']; ?>" style="width: <?php echo $sl['user8']['width']; ?>;">
<jdoc:include type="modules" name="user8" style="xhtml" />
</div>
<?php } ?></div></div>
<!-- //TOP SOTLIGHT -->
<?php } ?><!-- CONTAINER -->
<div id="ja-container<?php echo $divid; ?>" class="wrap"><div class="main clearfix">
<!-- CONTENT -->
<div id="ja-content" class="w1">
<div class="ja-box-br"><div class="ja-box-bl"><div class="ja-box-tr"><div class="ja-box-tl clearfix"><div id="ja-current-content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div><?php if ($this->countModules('banner') ) { ?>
<div id="banner">
<jdoc:include type="modules" name="banner" />
</div>
<?php } ?></div></div></div></div>
</div>
<!-- //CONTENT --><?php if ($ja_left || $ja_right || $ja_colmass) { ?>
<!-- COLUMNS -->
<div id="ja-cols" class="w2">
<div class="inner"><?php if ($ja_colmass) { ?>
<div id="ja-colmass">
<jdoc:include type="modules" name="colmass" style="rounded" />
</div>
<?php } ?><?php if ($ja_left) { ?>
<div id="ja-col1" class="w2-1">
<div class="inner">
<jdoc:include type="modules" name="left" style="rounded" />
</div>
</div>
<?php } ?><?php if ($ja_right) { ?>
<div id="ja-col2" class="w2-2">
<div class="inner">
<jdoc:include type="modules" name="right" style="rounded" />
</div>
</div>
<?php } ?></div>
</div>
<!-- //COLUMNS -->
<?php } ?></div>
</div>
<!-- // CONTAINER --><!-- PATHWAY -->
<div id="ja-pathway" class="wrap">
<div class="main clearfix">
<div class="ja-inner">
<strong>You are here:</strong><jdoc:include type="module" name="breadcrumbs" />
</div>
</div>
</div>
<!-- //PATHWAY --><?php
$spotlight = array ('user9','user10','user11');
$sl = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
if ($sl) {
?>
<!-- BOT SPOTLIGHT -->
<div id="ja-botsl" class="wrap">
<div class="main clearfix"><?php if ( $this->countModules('user9') ) { ?>
<div class="ja-box<?php echo $sl['user9']['class']; ?>" style="width: <?php echo $sl['user9']['width']; ?>;">
<div class="box-inner">
<jdoc:include type="modules" name="user9" style="xhtml" />
</div></div>
<?php } ?><?php if ( $this->countModules('user10') ) { ?>
<div class="ja-box<?php echo $sl['user10']['class']; ?>" style="width: <?php echo $sl['user10']['width']; ?>;">
<div class="box-inner">
<jdoc:include type="modules" name="user10" style="xhtml" />
</div></div>
<?php } ?><?php if ( $this->countModules('user11') ) { ?>
<div class="ja-box<?php echo $sl['user11']['class']; ?>" style="width: <?php echo $sl['user11']['width']; ?>;">
<div class="box-inner">
<jdoc:include type="modules" name="user11" style="xhtml" />
</div></div>
<?php } ?></div></div>
<!-- //BOT SPOTLIGHT -->
<?php } ?><!-- FOOTER -->
<div id="ja-footer" class="wrap">
<div class="main clearfix"><jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="footer" /></div>
</div>
<!-- //FOOTER --><jdoc:include type="modules" name="debug" />
</div>
</body></html>
my template.css is
/*------------------------------------------------------------------------
# JA Ruby for Joomla 1.5 - Version 1.0 - Licence Owner JA102424
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 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.
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */
body {
color: #121316;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.8;
}
body#bd {
background: #F5F5F5;
color: #666666;
margin: 0;
}
body.contentpane {
color: #121316;
font-size: 12px;
line-height: 1.3em;
margin: 0;
margin: 1em 2em;
width: auto; /* Printable Page */
}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}
a {
color: #7786A2;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #7786A2;
text-decoration: underline;
}
h1, h2, h3, h4, .contentheading, .componentheading, .blog_more strong, table.contenttoc th, .nftitle, #ja-mainnav {
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
color: #555555;
line-height: 1.2;
font-weight: normal;
}
small, .small, .smalldark, .article-tools, .modifydate, .img_caption, a.readon, span.site-slogan, #ja-cols, #ja-pathway, #ja-footer, .title span {
font-size: 92%;
}
small, .small, .img_caption {
color: #999999;
}
/* Heading ---*/
h1 {font-size: 175%;}
h2 {font-size: 150%;}
h3 {font-size: 125%;}
h4, h5, h6 {font-size: 115%;}
h1, h2, h3, h4, h5, h6,
p, pre, blockquote, ul, ol {
margin: 0.7em 0;
padding: 0;
}
ul {
list-style: none;
}
ul li {
background: url(../images/bullet.gif) no-repeat 18px 7px;
line-height: 160%;
padding-left: 30px;
}
ol li {
line-height: 180%;
margin-left: 35px;
}
fieldset {
border: none;
padding: 10px 5px;
}
fieldset a {
font-weight: bold;
}
fieldset.input {
padding: 0;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #444444;
height: 1px;
}
th {
font-weight: bold;
padding: 10px 15px;
text-align: left;
}
td {
padding: 10px 15px;
}
form label { cursor: pointer; }
input, select, textarea, .inputbox, .button {
font-size: 100%;
}
.inputbox {}
.inputbox:hover, .inputbox:focus {}
.button {}
/* JOOMLA STYLE
--------------------------------------------------------- */
.leading_separator {
border-bottom: 5px solid #E5E5E5;
display: block;
clear: both;
margin-bottom: 20px;
height: 10px;
}
.row_separator {
background: url(../images/sep-dot.gif) repeat-x center;
height: 30px;
display: block;
clear: both;
}
.article_separator {
display :none;
margin :0
}
/* Fontpage override */
.leading h2 {
font-size: 180%;
}
.cols2 {
width:49.9%;
float: left;
}
.cols3 {
width: 33.3%;
float: left;
}
.cols2 .ja-innerpad {
padding: 0 15px;
}
.column1 .ja-innerpad {
padding-left: 0 !important;
}
.column2.cols2 .ja-innerpad {
padding-right: 0;
}
.cols3 .ja-innerpad {
padding: 0 10px;
}
.column3 .ja-innerpad {
padding-right:0;
}
.hasTip img {
border: none;
margin: 0 3px 0 0;
padding: 0;
background: none;
}
.column1 .hasTip img {
margin-left: 0 !important;
}
.cols2 .hasTip img {
margin-left: 15px;
}
.cols3 .hasTip img {
margin-left: 10px;
}
/* content tables */
.sectiontableheader {
background: #121316;
border-right: 1px solid #EEEEEE;
padding: 4px;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
}
tr.sectiontableentry2 td {
background: #EEEEEE;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table.contenttoc {
margin: 20px 0 10px 20px;
width: 30%;
float: right;
border: 1px solid #E5E5E5;
}
table.contenttoc a {
text-decoration: none;
}
table.contenttoc td {
background: url(../images/bullet.gif) no-repeat 10px 7px;
padding: 1px 5px 1px 20px;
}
table.contenttoc th {
padding: 5px 20px;
background: url(../images/sep-dot.gif) repeat-x bottom;
}
table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}
table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 4px !important;
background: none;
}
table.pollstableborder tr.sectiontableentry1 td {
background: #EEEEEE;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
.blog_more {
}
.blog_more strong {
display: block;
font-size: 125%;
margin: 0 0 5px;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
background: url(../images/bullet.gif) no-repeat 6px 7px;
margin: 0;
padding: 0 0 0 17px;
}
.category { font-weight: bold; }
h1.componentheading, .componentheading {
margin: 0 0 15px;
padding: 0 0 14px;
border-bottom: 1px solid #AAAAAA;
font-size: 125%;
letter-spacing: -0.3px;
width: 100%;
}
h2.contentheading, .contentheading {
margin: 0 0 5px;
padding: 0;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
color: #555555;
text-decoration: none;
}
.contentdescription {
padding-bottom: 30px;
}
a.readon {
display: block;
float: left;
text-decoration: none;
font-weight: bold;
color: #AAAAAA;
}
a.readon:hover, a.readon:focus, a.readon:active {
color: #7786A2;
text-decoration: underline;
}
ul.pagination {
margin: 15px auto 0;
padding: 0;
}
ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
ul.pagination li span{
padding: 2px 5px;
}
ul.pagination a {
padding: 2px 3px;
text-decoration: none;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {}
.pagenavbar {
background: url(../images/icon-pages.gif) no-repeat center left;
font-weight: bold;
padding-left: 14px;
}
.pagenavcounter {
background: url(../images/icon-pages.gif) no-repeat 0 11px;
font-weight: bold;
padding: 8px 14px 0 14px;
}
.sectiontableheader {
color: #FBFBFB;
font-weight: bold;
padding: 8px 5px;
}
.sectiontableheader a {
color: #FBFBFB;
}
tr.sectiontableentry1 td {
padding: 8px 5px;
}
tr.sectiontableentry2 td {
padding: 8px 5px;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}
.img_caption {
float: left;
margin-bottom: 10px;
margin-right: 15px;
overflow: hidden;
text-align: center;
}
img.caption {
margin-top: 7px;
}
.img_caption p {
margin: 5px 0 0;
color: #999999;
}
.blog .img_caption {
width: 440px !important;
height: 220px !important;
}
.blog img.caption {
width: 440px !important;
height: 220px !important;
}
a.mceButtonDisabled img,
a.mceButtonNormal img,
img.mceSeparatorLine,
img.mceMenuButton,
a.mceMenuButtonNormal img {
background: none !important;
}
/* META
--------------------------------------------------------- */
.article-tools {
display: block;
white-space: nowrap;
position: relative;
color: #999999;
}
.article-meta {
width: 70%;
float: left;
}
.createdby {
color: #7786A2;
}
.createdate {
background: url(../images/vline.gif) no-repeat right center;
margin-right: 5px;
padding: 0 5px 0 0;
}
.modifydate {
display: block;
margin-bottom: 10px;
color: #AAAAAA;
}
div.buttonheading {
position: absolute;
top: 0;
right: 10px;
}
.buttonheading img {
margin: 0 0 0 5px;
border: 0;
float: right;
padding: 0;
background: none;
}
/* ja-content */
.article-content {}
#ja-content .ja-box-br {
background: url(../images/box-br3.gif) no-repeat bottom right #F5F5F5;
zoom: 1;
}
#ja-content .ja-box-bl {
background: url(../images/box-bl3.gif) no-repeat bottom left;
}
#ja-content .ja-box-tr {
background: url(../images/box-tr3.gif) no-repeat top right;
width: 100%;
}
#ja-content .ja-box-tl {
background: url(../images/box-tl3.gif) no-repeat top left;
}
#ja-content .modifydate {
float: right;
}
#ja-content a.readon {
clear: none;
float: left;
}
/* MODULES STYLE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_default h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_icon h3 {
background: url(../images/h3-bg.gif) repeat-x left bottom;
margin: 0;
padding: 0 0 10px 0;
}
div.moduletable,
div.moduletable_default,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_icon {
margin: 0 0 20px;
padding: 0;
overflow: hidden;
width: 100%;
float: left;
clear: both;
}
/* text module */
div.moduletable_text {
background: #121316;
color: #AAAAAA;
padding:5px 25px 10px;
}
div.moduletable_text h3 {}
/* module blank */
div.module_blank {
margin: 0 0 20px;
padding: 0;
}
div.module_blank img {
padding: 0;
border: none;
}
/* mis */
div.moduletable ul {
margin: 0;
padding: 0;
}
div.moduletable li {
background: url(../images/arrow-l1.gif) no-repeat 2px 6px;
margin: 0;
padding-left: 12px;
}
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.module_testimonial h3 {
border-bottom: 1px solid #E5E5E5;
margin: 0 0 10px;
padding: 8px 0;
font-size: 125%;
color: #666666;
text-transform: capitalize;
}
div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.module_testimonial {
background: url(../images/box-br.gif) no-repeat bottom right;
padding: 0;
width: 100%;
margin-bottom: 15px;
width: 100%;
float: left;
}
div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,
div.module_testimonial div {
margin: 0;
padding: 0;
background: url(../images/box-bl.gif) no-repeat bottom left;
zoom: 1;
}
div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,
div.module_testimonial div div {
padding: 0;
margin: 0;
background: url(../images/box-tr.gif) no-repeat top right;
}
div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.module_hilite div div div,
div.module_testimonial div div div {
padding: 0 15px 15px;
background: url(../images/box-tl.gif) no-repeat top left;
}
div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div,
div.module_hilite div div div div,
div.module_testimonial div div div div {
margin: 0;
padding: 0;
background: none;
}
/*module hilite*/
div.module_hilite h3 {
background: url(../images/h3-hilite-bg.gif) repeat-x left bottom;
border: none;
color: #858585;
margin-right: 15px;
}
div.module_hilite {
background: url(../images/box-hilite-br.gif) no-repeat bottom right;
}
div.module_hilite div {
background: url(../images/box-hilite-bl.gif) no-repeat bottom left;
}
div.module_hilite div div {
background: url(../images/box-hilite-tr.gif) no-repeat top right;
}
div.module_hilite div div div {
background: url(../images/box-hilite-tl.gif) no-repeat top left;
}
div.module_hilite img {
background: #3F3F3F;
border: 1px solid #4F4F4F;
}
/*module testimonial*/
div.module_testimonial h3 {
background: url(../images/h3-bubble-bg.gif) repeat-x left bottom;
border: none;
color: #D2DCEF;
}
div.module_testimonial,
div.module_testimonial div,
div.module_testimonial div div,
div.module_testimonial div div div {
background: none;
padding: 0;
}
div.module_testimonial div div div div {
float: left;
clear: both;
}
div.module_testimonial div.bubble {
width: 100%;
}
div.module_testimonial div.bubble div {
background: #7786A2 url(../images/bubble-hilite-br.gif) no-repeat right bottom;
width: 100%;
}
div.module_testimonial div.bubble div div {
background: url(../images/bubble-hilite-bl.gif) no-repeat left bottom;
}
div.module_testimonial div.bubble div div div {
background: url(../images/bubble-hilite-tr.gif) no-repeat right top;
}
div.module_testimonial div.bubble div div div div {
background: url(../images/bubble-hilite-tl.gif) no-repeat left top;
}
div.module_testimonial div.bubble div div div div div {
padding: 0 20px 20px;
color: #D2DCEF;
width: auto;
}
div.module_testimonial span.author {
font-weight: bold;
color: #7786A2;
}
/* MAIN LAYOUT GRIDS
--------------------------------------------------------- */
.wrap { width: 100%; clear: both;}
.main { width: 940px; margin: 0 auto; }
.w1 { width: 66%; float: left; }
.w1-1 { width: 49.9%; }
.w2-2 { width: 49.9%; }
.w2 { width: 34%; float: right; }
.w2-1 { width: 50%; float: left; }
.w2-2 { width: 50%; float: right; }
/* MAIN CONTAINER
--------------------------------------------------------- */
/* Primary Column*/
#ja-content {}
#ja-current-content {
padding: 15px 20px;
}
/* Secondary Columns*/
#ja-cols .inner {
padding-left: 20px;
}
#ja-col1 .inner {
padding: 0 5px 0 0;
}
#ja-col2 .inner {
padding: 0 0 0 5px;
}
#ja-cols,#ja-col1,#ja-col2 {
display: block;
overflow: hidden;
}
/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-container,
#ja-container-f,
#ja-container-c,
#ja-container-m,
#ja-container-cm {
margin-bottom: 15px;
padding: 0;
clear: both;
}
#ja-container .main,
#ja-container-f .main,
#ja-container-c .main,
#ja-container-m .main,
#ja-container-cm .main {
padding: 20px 0 0;
clear: both;
}
/*full width*/
#ja-container-f .w1 {
width: 100%;
}
/*content + mass + col*/
#ja-container-cm .w2-1,
#ja-container-cm .w2-2 {
width: 100%;
}
#ja-container-cm #ja-col1 .inner,
#ja-container-cm #ja-col2 .inner {
padding: 0;
}
/*content + col*/
#ja-container-c .w1 {
width: 82.9%;
}
#ja-container-c .w2 {
width: 16.9%;
}
#ja-container-c .w2-1,
#ja-container-c .w2-2 {
width: 100%;
}
/* HEADER
--------------------------------------------------------- */
#ja-header {
background: url(../images/header-bg.gif) repeat-x left bottom #F5F5F5;
min-height: 160px;
height: auto !important;
height: 160px;
}
#ja-header .main {
padding: 0;
position: relative;
}
h1.logo, h1.logo-text {
padding: 20px 0;
margin: 0;
width: 250px;
height: 85px;
float: left;
}
h1.logo-text {
font-size: 46px;
letter-spacing: 1px;
}
h1.logo a {
display: block;
background: url(../images/logo.png) no-repeat top left;
width: 250px;
height: 85px;
}
h1.logo a:hover, h1.logo a:active, h1.logo a:focus {}
* html h1.logo a:hover {
background: none;
cursor: pointer;
text-decoration: none;
}
h1.logo a span {
position: absolute;
top: -1000px;
}
h1.logo-text a {
text-decoration: none;
color: #FBFBFB;
}
h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
color: #FBFBFB;
background: none;
}
span.site-slogan {
display: block;
color: #AAAAAA;
font-size: 12px;
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
width: 70%;
position: absolute;
z-index: 101;
top: 50px;
right: 0;
}
#ja-mainnav li {
margin: 0;
padding: 0;
float: left;
display: block;
background: none;
cursor: pointer;
}
#ja-subnav {}
#ja-subnav li a {
text-decoration: none;
line-height: 20px;
padding: 0 10px;
text-transform: none;
font-size: 11px;
font-weight: bold;
}
/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
ul.menu li {
background: none;
border-bottom: 1px solid #E5E5E5;
display: block;
margin: 0;
padding: 0;
line-height: normal;
}
ul.menu li a {
background: url(../images/arrow-black.gif) no-repeat 0px 10px;
display: block;
outline: none;
padding: 5px 0;
margin: 0;
text-decoration: none;
color: #4F4F4F;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
background: url(../images/arrow-hover.gif) no-repeat 0px 10px;
color: #7786A2;
text-decoration: none;
}
ul.menu li.active a {
font-weight: bold;
color: #7786A2;
}
ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
ul.menu li li {
border: none;
background: none !important;
padding: 0 0 0 10px;
}
ul.menu li li a {
background: url(../images/arrow.gif) no-repeat 0px 8px;
color: #4F4F4F !important;
border: none;
padding: 5px 5px 5px 10px !important;
text-transform: none;
font-weight: normal !important;
}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
background: url(../images/arrow2.gif) no-repeat 0px 8px;
color: #7786A2 !important;
text-decoration: underline;
}
ul.menu li li.active a {
color: #7786A2;
font-weight: bold !important;
}
ul.menu li li li a {
color: #4F4F4F !important;
font-weight: normal !important;
padding-left: 35px !important;
background: url(../images/bullet.gif) no-repeat 25px 10px !important;
}
ul.menu li li li.active a {
font-weight: bold !important;
}
/* SPOTLIGHT
--------------------------------------------------------- */
.ja-box-left,
.ja-box-center,
.ja-box-right {
float: left;
}
/* Top Spotlight */
#ja-topsl div.moduletable {
width: auto;
}
#ja-topsl .ja-box-left div.moduletable {
padding: 0 10px 0 0;
}
#ja-topsl .ja-box-center div.moduletable {
padding: 0 10px;
}
#ja-topsl .ja-box-right div.moduletable {
padding: 0 0 0 10px;
}
#ja-topsl div.moduletable h3 {
border: none;
background: none;
font-size: 140%;
padding-bottom: 0;
margin-bottom: 0;
}
#ja-topsl div.moduletable h3 span {
color: #7786A2;
font-weight: bold;
}
#ja-topsl a.readon {
float: none;
}
/* Bottom Spotlight */
#ja-botsl {
background: url(../images/grad2.gif) repeat-x left top #393939;
border-bottom: 1px solid #252525;
color: #858585;
padding-top: 45px;
}
#ja-botsl li {
background: url(../images/bullet.gif) no-repeat left center;
border-bottom: none;
padding: 4px 0 4px 10px;
}
#ja-botsl a {
background: none;
color: #666666;
padding: 0;
}
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #858585;
}
#ja-botsl div.moduletable,
#ja-botsl div.moduletable_default,
#ja-botsl div.moduletable_menu,
#ja-botsl div.moduletable_icon {
margin-bottom: 20px;
float: none;
}
#ja-botsl div.moduletable h3,
#ja-botsl div.moduletable_default h3,
#ja-botsl div.moduletable_menu h3,
#ja-botsl div.moduletable_icon h3 {
background: none;
border-bottom: 1px solid #444444;
color: #858585;
margin-bottom: 10px;
font-weight: normal;
}
#ja-botsl div.moduletable_icon li {
background: none;
padding-left: 0;
}
#ja-botsl img {
background: #303030;
margin-top: 10px;
}
#ja-botsl .menu img {
vertical-align: middle;
}
#ja-botsl .ja-box-left .box-inner {
margin-right: 20px;
}
#ja-botsl .ja-box-center .box-inner {
margin: 0 10px;
}
#ja-botsl .ja-box-right .box-inner {
margin-left: 20px;
}
/* mod Login */
#ja-botsl #form-login .inputbox {
background: #252525;
border: 1px solid #444444;
padding: 4px 10px;
color: #858585;
width: 60%;
}
#ja-botsl #form-login label {
display: block;
float: left;
width: 30%;
}
#ja-botsl #form-login label.remember {
float: none;
width: 100%;
display: inline;
}
#ja-botsl #form-login .button {
background: #252525;
border: none;
color: #EEEEEE;
padding: 1px 10px 4px;
font-weight: bold;
cursor: pointer;
}
#ja-botsl #form-login .button.logout {
margin-left: 0px;
}
#ja-botsl #form-login ul {
margin-top: 5px;
}
#ja-botsl #form-login ul li {
background: url(../images/bullet.gif) no-repeat left center;
border: none;
display: inline;
margin: 0;
padding: 0 5px 0 10px;
font-size: 92%;
}
/* FOOTER
--------------------------------------------------------- */
#ja-footer {
background: #252525;
border-top: 1px solid #4F4F4F;
color: #575757;
}
#ja-footer .main {
position: relative;
padding: 20px 0;
overflow: hidden;
}
#ja-footer small {
float: left;
color: #575757;
}
#ja-footer a {
color: #575757;
}
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {}
#ja-footer ul {
float: right;
margin: 0;
padding: 0;
}
#ja-footer li {
display: inline;
margin: 0;
padding: 0 10px;
background: none;
border-left: 1px dotted #575757;
}
/* MISCELLANOUS
----------------------------------------------------------- */
/* img */
img {
padding: 4px;
background: #E5E5E5;
margin: 0;
}
img.nostyle {
background: none;
margin: 0;
padding: 0;
border: none;
}
img.left {
margin-right: 10px;
}
img.right {
margin-left: 10px;
}
.img-desc {
text-align: center;
}
.img-desc img {
margin: 10px 0 0;
}
.contentpane table img {
padding: 0;
background: none;
border: none;
}
ul li img {
background: none !important;
padding: 0 !important;
margin: 0 5px 0 0 !important;
}
/* pathway */
#ja-pathway {
background: url(../images/grad4.gif) repeat-x left bottom;
color: #666666;
margin: 0;
padding-bottom: 20px;
}
#ja-pathway .main {
position: relative;
}
#ja-pathway .ja-inner {
height: 25px;
background: url(../images/pathway-bg.gif) no-repeat top left;
padding: 5px 0 0 10px;
}
#ja-pathway strong {}
#ja-pathway span {
font-weight: bolder;
}
#ja-pathway a {
text-decoration: none;
color: #7786A2;
}
#ja-pathway a:hover,
#ja-pathway a:active,
#ja-pathway a:focus {
color: #7786A2;
text-decoration: underline;
}
#ja-pathway img {
margin: 1px 5px;
padding: 0;
background: none;
border: none;
}
/* overwrite */
span.alt, span.cufon, span.cufon-alt {
background: none !important;
padding-left: 0 !important;
}
/*others*/
.mostread, .latestnews {
text-decoration: none;
}
#ja-banner {
margin: 20px 0 0;
text-align: center;
overflow: hidden;
width: 100%;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
background: none!important;
display: block;
margin: 10px 0;
text-decoration: none!important;
}
.clr {
clear: both;
}
.title {
background: url(../images/dot.gif) repeat-x 0 65%;
width: 100%; /* need IE 8 */
}
#ja-topsl {
background: #F5F5F5;
}
.title span {
background: #F5F5F5;
padding-right: 10px;
float: left;
color: #AAAAAA;
}
/* Cufon */
span.cufon {
float: none !important;
padding: 0 !important;
}
/*slideshow*/
#ja-slideshow {
background:transparent url(../images/sl-bg.png) no-repeat scroll left top;
clear:both;
display:block;
float:right;
margin:0;
padding-top:18px;
width:49.5%;
z-index:99;
}#ja-slideshowl {
background:transparent url(../images/sl-bg.png) no-repeat scroll left top;
clear:both;
display:block;
float:left;
margin:0;
padding-top:18px;
width:49.5%;
z-index:99;
}#ja-slideshow-bot {
height: 44px;
background: url(../images/sl-bot.gif) no-repeat right top;
}
/* Tooltips */
.tool-tip {
background: #FBFBFB;
border: 1px solid #444444;
float: left;
max-width: 200px;
padding: 5px;
}
.tool-title {
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
margin: -15px 0 0;
padding: 15px 0 5px 0;
}
.tool-text {
font-size: 100%;
margin: 0;
}
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
margin: 0;
padding: 0;
}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
color: #FBFBFB;
margin: 0;
padding: 5px;
}
/* System Standard Messages */
#system-message dd.message ul {
background: #575757;
border: none;
}
/* System Error Messages */
#system-message dd.error ul {
background: #575757;
border: none;
}
/* System Notice Messages */
#system-message dd.notice ul {
background: #575757;
border: none;
}
I also added the position into the file templatedetails.xml
<?xml version="1.0" encoding="utf-8"?>
<install version="1.5" type="template">
<name>JA_Ruby</name>
<creationDate>04 Mar 09</creationDate>
<author>JoomlArt.com</author>
<copyright>JoomlArt Design Team</copyright>
<authorEmail>webmaster@joomlart.com</authorEmail>
<authorUrl>www.joomlart.com</authorUrl>
<version>1.0</version>
<description>JA Ruby - 3st Mar 09 JA Template</description>
<files>
<filename>component.php</filename>
<filename>favicon.ico</filename>
<filename>index.html</filename>
<filename>index.php</filename>
<filename>ja_templatetools_1.5.php</filename>
<filename>ja_vars_1.5.php</filename>
<filename>params.ini</filename>
<filename>template_thumbnail.png</filename>
<folder>html</folder>
<folder>images</folder>
<folder>ja_menus</folder>
<folder>css</folder>
<folder>js</folder>
</files>
<languages>
<language tag="en-GB">en-GB.tpl_ja_ruby.ini</language>
</languages>
<administration>
<languages>
<language tag="en-GB">admin/en-GB.tpl_ja_ruby.ini</language>
</languages>
</administration><positions>
<position>hornav</position>
<position>breadcrumbs</position>
<position>banner</position>
<position>left</position>
<position>right</position>
<position>ja-hpanel</position>
<position>ja-slideshow</position>
<position>ja-slideshow1</position>
<position>ja-tabs</position>
<position>ja-login</position>
<position>top1</position>
<position>top2</position>
<position>topsl</position>
<position>colmass</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>user5</position>
<position>user6</position>
<position>user7</position>
<position>user8</position>
<position>user9</position>
<position>user10</position>
<position>user11</position>
<position>user12</position>
<position>footer</position>
<position>syndicate</position>
<position>debug</position>
</positions><params>
<param name="logoType" type="list" default="image" label="Logo type" description="LOGO TYPE DESCRIPTION">
<option value="image">Image</option>
<option value="text">Text</option>
</param>
<param name="logoText" type="text" default="" size="50" label="Logo text" description="LOGO TEXT DESCRIPTION" />
<param name="sloganText" type="text" default="" size="50" label="Slogan" description="SLOGAN DESCRIPTION" /><param name="ja_font" type="list" default="3" label="Font size" description="FONT SIZE DESCRIPTION">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</param><param name="usertool_color" type="list" default="4" label="Enable Style Switching" description="Enable/disable style switching on frontend">
<option value="0">Disable</option>
<option value="4">Enable</option>
</param>
<param name="ja_color" type="list" default="default" label="Default Style" description="Default style. If Style Switching is enabled, the selected style on frontpage will be saved. You must disable Style Switching or clear cookie to activate the new default style">
<option value="default">default</option>
<option value="blue">blue</option>
<option value="gray">gray</option>
<option value="green">green</option>
<option value="pink">pink</option>
<option value="red">red</option>
<option value="city">city</option>
<option value="city_night">city_night</option>
</param><param name="menutype" type="menu" default="mainmenu" label="Menu Type" description="MENU TYPE DESCRIPTION" />
<param name="ja_menu" type="list" default="2" label="Menu Module" description="MENU'S TYPE">
<option value="none">Disable</option>
<option value="split">Split Menu</option>
<option value="css">CSS Menu</option>
<option value="moo">Moo Menu</option>
</param></params>
</install>
Please help me!
nguyenhuu quang Friendnguyenhuu quang
- Join date:
- September 2014
- Posts:
- 1087
- Downloads:
- 0
- Uploads:
- 3
- Thanks:
- 29
- Thanked:
- 328 times in 288 posts
April 24, 2009 at 7:56 am #302419I have checked your site, But i need you send joomla admin to me. I’ll do it for you
ThanksApril 28, 2009 at 10:36 am #302779No one can help me?
Without asking me money???nguyenhuu quang Friendnguyenhuu quang
- Join date:
- September 2014
- Posts:
- 1087
- Downloads:
- 0
- Uploads:
- 3
- Thanks:
- 29
- Thanked:
- 328 times in 288 posts
April 28, 2009 at 10:39 am #302780i ‘ll do it for you but, u need send your site and admin to me.
April 28, 2009 at 12:30 pm #302792can u do it for me 2 i have been asking for very long in the forum, thanks
nguyenhuu quang Friendnguyenhuu quang
- Join date:
- September 2014
- Posts:
- 1087
- Downloads:
- 0
- Uploads:
- 3
- Thanks:
- 29
- Thanked:
- 328 times in 288 posts
April 28, 2009 at 11:41 pm #302837HI, ivankaka.
Pls send your admin acc via PMB, I can do it for you -
AuthorPosts
This topic contains 10 replies, has 4 voices, and was last updated by nguyenhuu quang 15 years, 7 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum