Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • angelaraguso Friend
    #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 Friend
    #302357

    pls 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 Moderator
    #302360

    Or, 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 Friend
    #302365

    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;
    }

    angelaraguso Friend
    #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/quicorsi

    my 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 Friend
    #302419

    I have checked your site, But i need you send joomla admin to me. I’ll do it for you
    Thanks

    angelaraguso Friend
    #302779

    No one can help me?
    Without asking me money???

    nguyenhuu quang Friend
    #302780

    i ‘ll do it for you but, u need send your site and admin to me.

    ivankaka Friend
    #302792

    can u do it for me 2 i have been asking for very long in the forum, thanks

    nguyenhuu quang Friend
    #302837

    HI, ivankaka.
    Pls send your admin acc via PMB, I can do it for you

Viewing 10 posts - 1 through 10 (of 10 total)

This topic contains 10 replies, has 4 voices, and was last updated by  nguyenhuu quang 15 years, 6 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum