[?] Tạo thêm cột bên phải trong template JA Mesolite [Archive]

duongtien

04-09-2008, 20:03

Chào mọi người. Mặc định template JA Mesolite không có cột bên phải. Giờ em muốn chia thêm cột bên phải nữa, mọi người chỉ giúp em cách làm với.
Em muốn làm được thế này:
http://img299.imageshack.us/img299/9758/95918031vq9.jpg

Đây là file CSS

/*------------------------------------------------------------------------
# JA Mesolite 1.0 - July, 2008
# ------------------------------------------------------------------------
# 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
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
background: #FFFFFF;
color: #000000;
font-family: Tahoma, Arial, sans-serif;
line-height: 1.6;
}

body#bd {
color: #666666;
background: #E6E6E6;
margin: 30px 0;
}

body.contentpane {
color: #000000;
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;}

/* Normal link */
a {
color: #00A9DD;
text-decoration: none;
}

a:hover, a:active, a:focus {
color: #00A9DD;
text-decoration: underline;
}

a img {
border: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
line-height: normal;
}

.contentheading, .componentheading {
}

/* Small text */
small, .small, .smalldark, .img_caption, a.readon, #ja-footer {
font-size: 92%;
}

small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption p, p.site-slogan {
color: #999999;
}

img {
margin: 0;
padding: 0;
}

/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
padding: 0;
}

ul {
list-style: none;
}

ul li {
background: url(../images/bullet.gif) no-repeat 22px 8px;
line-height: 160%;
padding-left: 30px;
}

ol li {
line-height: 180%;
margin-left: 35px;
}

th {
font-weight: bold;
padding: 8px;
text-align: left;
}

fieldset {
border: none;
padding: 10px 5px;
background: url(../images/dot-h.gif) repeat-x top;
}

fieldset a {
font-weight: bold;
}

fieldset.input {
padding: 0;
background: none;
}

hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #E6E6E6;
height: 1px;
}

br {
height: 1px;
font-size: 1px;
}

td, div {
font-size: 100%;
}

/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0;
}

form label {
cursor: pointer;
}

input, select, textarea, .inputbox, .button {
font-family: Tahoma, Arial, sans-serif;
font-size: 100%;
color: #666666;
}

.inputbox {
padding: 2px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
border: 1px solid #999999;
background: #FFFFCC;
}

.button {
padding: 2px 8px;
border: 1px solid #00A9DD;
background: #00A9DD;
font-weight: bold;
color: #FFFFFF;
}

* html .button { /*IE 6*/
padding: 0 5px !important;
}

*+html .button { /*IE 7*/
padding: 0 5px !important;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
.article_separator {
clear: both;
display: block;
height: 30px;
margin: 0;
background: url(../images/dot-h.gif) repeat-x center;
}

.column_separator {
padding: 0 25px;
}

/* content tables */
.sectiontableheader {
background: #333333;
padding: 8px;
color: #FFFFFF;
font-weight: bold;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
color: #FFFFFF;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 8px;
background: url(../images/dot-h.gif) repeat-x bottom;
}

tr.sectiontableentry0:hover,
tr.sectiontableentry1:hover,
tr.sectiontableentry2:hover {
}

table.contentpane {
border: none;
width: 100%;
}

table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 30%;
float: right;
}

table.contenttoc td {
background: url(../images/bullet.gif) no-repeat 12px 8px;
padding: 1px 5px 1px 20px;
}

table.contenttoc th {
border-bottom: 1px solid #CCCCCC;
padding: 0 0 3px;
text-indent: 5px;
}

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: #F7F7F7;
}

table.searchintro {
padding: 10px 0;
width: 100%;
}

table.searchintro td {
padding: 5px!important;
}

.blog_more {
margin: 15px 0 0;
padding: 10px 0 0;
background: url(../images/dot-h.gif) repeat-x top;
}

.blog_more strong {
display: block;
margin: 0 0 5px;

}

.blog_more ul {
margin: 0;
padding: 0;
}

.blog_more ul li {
background: url(../images/bullet.gif) no-repeat 4px 8px;
margin: 0;
padding: 0 0 0 12px;
}

.category {
font-weight: bold;

}

h1.componentheading, .componentheading {
margin: 0 0 10px;
padding: 0 0 10px;
font-size: 175%;
}

.componentheading {
font-size: 100%;
background: url(../images/dot.gif) repeat-x bottom;

color: #666666;
}

.contentdescription {
padding-bottom: 30px;
}

h2.contentheading, .contentheading {
margin: 0;
padding: 0 0 5px;
font-size: 200%;
}

table.blog .contentheading {
font-size: 175%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}

a.readon {
text-align: center;
text-decoration: none;
color: #666666;

font-weight: bold;
background: url(../images/arrow-readon-1.png) no-repeat left 2px;
padding-left: 12px;
}

a.readon:hover, a.readon:focus, a.readon:active {
background: url(../images/arrow-readon-2.png) no-repeat left 2px;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}

.moduletable {
padding: 0;
}

ul.pagination {
margin: 15px auto 0;
padding: 10px 0 0;
background: url(../images/dot-h.gif) repeat-x top;
}

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;
background: #666666;
color: #FFFFFF;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background: #00A9DD;
color: #FFFFFF;
}

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

.smalldark {
text-align: left;
}

div.syndicate div {
text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}

ul.latestnews a, ul.mostread a {
color: #666666;
}

/* META
--------------------------------------------------------- */
.article-toolswrap {
display: block;
margin: 0 0 10px;
padding: 0;

font-size: 92%;
position: relative;
}

.article-tools {
display: block;
padding: 0 10px 0 0;
white-space: nowrap;
}

.article-meta {
width: 70%;
float: left;
}

.createby {
padding: 0 5px 0;
background: #666666;
color: #FFFFFF;
}

.createdate {
padding: 0 5px 0 0;
}

.modifydate {
width: 100%;
display: block;
margin-bottom: 10px;
}

div.buttonheading {
position: absolute;
top: 0;
right: 10px;
}

.buttonheading img {
margin: 0 0 0 5px;
border: 0;
float: right;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
width: 952px;
margin: 0 auto;
clear: both;
}

.narrow #ja-wrapper {
width: 752px;
}

#ja-wrapper-inner {
border: 1px solid #E6E6E6;
}

#ja-container {
position: relative;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-mainbody {
width: 760px;
float: right;
clear: both;
}

.narrow #ja-mainbody {
width: 600px;
}

#ja-content {
padding: 15px;
position: relative;
border-bottom: 1px solid #E6E6E6;
}

/* COLUMNS
--------------------------------------------------------- */
#ja-col {
float: left;
overflow: hidden;
width: 190px;
}

.narrow #ja-col {
width: 150px;
}

/*common style for column*/
#ja-col table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-col .article_separator {
display: none;
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap,
#ja-containerwrap-f {
padding: 0;
margin: 0;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #E6E6E6;
}

#ja-containerwrap {
background: url(../images/dot.gif) repeat-y 190px 0 #FFFFFF;
}

.narrow #ja-containerwrap {
background: url(../images/dot.gif) repeat-y 150px 0 #FFFFFF;
}

/*full*/
#ja-containerwrap-f {
background: #FFFFFF;
}

#ja-containerwrap-f #ja-mainbody {
width: 100%;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable-menu h3,
div.moduletable-text h3,
div.moduletable-hilite h3,
div.moduletable-menuhilite h3 {
font-size: 100%;
margin: 0 -15px 5px -16px;
padding: 10px 15px;
border-bottom: 1px solid #E6E6E6;

background: url(../images/dot-hilite.gif) repeat-y left #F7F7F7;
}

div.moduletable h3 span,
div.moduletable-menu h3 span,
div.moduletable-text h3 span,
div.moduletable-hilite h3 span {
color: #00A9DD;
}

div.moduletable,
div.moduletable-menu,
div.moduletable-text,
div.moduletable-menuhilite,
div.moduletable-hilite1 {
margin: 0;
padding: 0 15px 10px;
border-bottom: 1px solid #E6E6E6;
}

div.moduletable-menu h3,
div.moduletable-menuhilite h3 {
margin: 0;
margin-bottom: 0;
padding-left: 15px;
border-bottom: none;
}

div.moduletable-menu,
div.moduletable-menuhilite {
padding: 0;
}

div.moduletable-menuhilite h3 {
background: #00A9DD;
color: #FFFFFF;
padding-left: 15px;
}

/* mis */
div.banneritem-text {
padding: 5px 0 !important;
}

div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}

div.moduletable ul {
list-style: none;
}

div.moduletable li {
background: url(../images/bullet.gif) no-repeat 3px 8px;
line-height: 160%;
padding-left: 12px;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
height: 200px;
background: url(../images/main-tr.gif) no-repeat top right #FFFFFF;
}

#ja-header {
height: 200px;
line-height: normal;
position: relative;
background: url(../images/main-tl.gif) no-repeat top left;
}

h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 200%;
}

h1.logo a {
width: 180px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: absolute;
height: 100px;
top: 0;
left: 10px;
}

h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo-text a {
text-decoration: none;
outline: none;
position: absolute;
top: 25px;
left: 20px;

}

h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
}

p.site-slogan {
margin: 0;
padding: 0;
position: absolute;
top: 55px;
left: 20px;

letter-spacing: 1px;
}

#ja-vmcurrency {
width: 300px;
position: absolute;
top: 20px;
right: 230px;
height: 65px;
border-right: 1px solid #E6E6E6;
}

#ja-vmcurrency div.moduletable {
padding: 10px 0 0 15px;
border: none;
}

#ja-vmcurrency div.moduletable h3 {
background: #000;
border: none;
margin: 0 0 0px;
padding: 0;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {
background: #333333;
border-top: 1px solid #E6E6E6;
height: 35px;
z-index: 999;
}

#ja-mainnav {
height: 35px;
width: 760px;
float: right;
background: url(../images/dot-dark.gif) repeat-y left;
}

.narrow #ja-mainnav {
width: 600px;
}

#ja-mainnav a, #ja-subnav a {
outline: none;
}

#ja-subnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#ja-subnav li {
background: none;
margin: 0;
padding: 1px 0;
}

#ja-subnav a {
display: block;
outline: none;
padding: 4px 2px 4px 14px;
text-decoration: none;
background: url(../images/bullet.gif) no-repeat 3px 10px;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
}

#ja-subnav li.active a {
}

/* breadcrumbs */
#ja-pathway {
padding: 10px 15px;
margin-left: 1px;

background: #F7F7F7;
border-bottom: 1px solid #E6E6E6;
line-height: normal;
}

#ja-pathway strong {
margin-right: 5px;
color: #00A9DD;
}

#ja-pathway a {
text-decoration: none;
}

#ja-pathway a:hover {
text-decoration: underline;
}

#ja-pathway img {
margin: 1px 5px;
}

/* Default Joomla! Menu */
a.mainlevel {
color: #666666;
margin: 0;
padding: 8px 15px 9px 15px;
outline: none;
width: 90%;
display: block;
text-decoration: none;

border-top: 1px solid #E6E6E6;
background: url(../images/arrow.png) no-repeat 92% 14px;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
background: url(../images/arrow.png) no-repeat 92% 14px #F7F7F7;
text-decoration: none;
}

a.mainlevel#active_menu {
background: url(../images/arrow.png) no-repeat 92% 14px #FFFFCC;
font-weight: bold;
}

a.sublevel {
color: #666666;
margin: 0 -5px 0 -5px;
padding: 4px 0 4px 30px;
display: block;
font-weight: normal !important;
text-decoration: none;
width: 100%; /*need for ie6*/
border: none;
background: url(../images/bullet.gif) no-repeat 18px 14px #FFFFCC !important;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
background: none;
color: #00A9DD;
}

#active_menu {
color: #00A9DD;
font-weight: bold;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}

.ja-box-left, .ja-box-center {
background: url(../images/dot.gif) repeat-y right;
}

/* Top spotlight */
#ja-topsl1 {
position: relative;
height: 250px;
margin-left: 1px;
border-bottom: 1px solid #E6E6E6;
}

#ja-topsl2, #ja-topsl3 {
margin-left: 1px;
}

#ja-topsl2 div.moduletable h3, #ja-topsl3 div.moduletable h3 {
background: #F7F7F7;
color: #666666;
margin-left: -15px;
}

#ja-topsl3 table {
padding: 0;
margin: 0;
}

#ja-topsl3 td {
padding: 15px 0;
margin: 0;
}

#ja-topsl3 tr {
background: url(../images/dot-h.gif) repeat-x bottom;
}

/* Bottom spotlight */
#ja-botsl {
position: relative;
border-top: 1px solid #E6E6E6;
margin-left: 1px;
clear: both;
background: #F7F7F7;
}

#ja-botsl div.moduletable {
position: relative;
border: none;
padding: 15px;
}

#ja-botsl div.moduletable h3 {
margin: 0;
padding: 0;
background: none;
border: none;
font-size: 100%;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
position: relative;
clear: both;
background: url(../images/main-br.gif) no-repeat bottom right #333333;
}

#ja-footer {
background: url(../images/main-bl.gif) no-repeat bottom left;
color: #666666;

font-size: 92%;
}

#ja-footer small {
color: #666666;
font-size: 100%;
padding: 10px 10px 10px 20px;
}

#ja-footer ul {
margin: 0;
padding: 0 10px 5px 10px;
line-height: normal;
}

#ja-footer li {
display: inline;
margin: 0;
padding: 0;
background: url(../images/vline.gif) no-repeat center left;
}

#ja-footer li a {
display: inline;
line-height: normal;
padding: 0 10px;
}

li.ja-firstitem {
background: none !important;
}

#ja-footer a {
color: #999999;
text-decoration: none;
}

#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
color: #FFFFFF;
}

div.sublogo {
width: 20%;
float: left;
}

div.sublogo a {
font-size: 200%;
display: block;
text-align: center;
background: url(../images/logo-sub.gif) no-repeat right;
width: 150px;
height: 70px;
text-indent: -5000px;
position: absolute;
left: 10px;
}

.narrow div.sublogo a {
width: 140px;
height: 70px;
}

div.copyright {
width: 80%;
padding: 20px 0;
float: right;
background: url(../images/dot-dark.gif) repeat-y left;
}

div.foot-rss {
position: absolute;
top: 30px;
right: 20px;
}

div.foot-rss img {
vertical-align: middle;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
position: absolute;
top: -100%;
}

/* Login */
#form-login p {
margin: 0 0 5px;
}

#form-login ul {
margin: 5px 0 0;
}

/* Default login Form */
#mod_login_password, #mod_login_username {
width: 90%;
}

#mod_login_remember {
border: none;
}

/* Search */
#ja-search {
float: left;
width: 190px;
height: 35px;
background: url(../images/icon-search.png) no-repeat 5px 0;
overflow: hidden;
}

.narrow #ja-search {
width: 150px;
}

#ja-search .inputbox {
padding: 10px 0 0 40px;
background: none;
border: none;
font-weight: bold;
color: #CCCCCC;
}

/*others*/
#ja-banner {
padding: 20px 0 0;
text-align: center;
overflow: hidden;
width: 100%;
clear: both;
}

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

.hasTip img {
border: none;
margin: 10px 5px 0 0;
}

div.ja-innerdiv {
padding: 6px 0 7px;
background: url(../images/dot-h.gif) repeat-x bottom;
}

div.ja-innerdiv img {
padding: 0;
margin: 0;
}

/* Tooltips */
.tool-tip {
background: #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
max-width: 200px;
padding: 5px;
z-index: 999;
color: #333333;
}

.tool-title {
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}

.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: #FFFFFF;
margin: 0;
padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul {
background: #666666;
border: none;
}

/* System Error Messages */
#system-message dd.error ul {
background: #666666;
border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
background: #666666;
border: none;
}

/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

* html > body .clearfix {
display: block;
width: 100%;
}

* html .clearfix {
height: 1%;
}

Còn đây là file index.html

<?php
/**
* @copyright Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

// no direct access
defined( '_VALID_MOS' ) or die( 'Restricted access' );
defined( 'DS') || define( 'DS', DIRECTORY_SEPARATOR );

include_once (dirname(__FILE__).DS.'/ja_vars_1.0x.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">

<head>

<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/mootools.js"></script>

<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/template_css.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/ja.vm.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 $jamenu->genMenuHead(); ?>

<link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo $tmpTools->getParam(JA_TOOL_COLOR); ?>.css" rel="stylesheet" type="text/css" />




<?php if ($tmpTools->isIE6()) { ?>

<?php } ?>
</head>

<body id="bd" class="<?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>" >
<a name="Top" id="Top"></a>
<ul class="accessibility">
<li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-content" title="Skip to content">Skip to content</a></li>
<li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-mainnav" title="Skip to main navigation">Skip to main navigation</a></li>
<li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-col" title="Skip to 1st column">Skip to 1st column</a></li>
</ul>

<div id="ja-wrapper">
<div id="ja-wrapper-inner" class="clearfix">


<div id="ja-headerwrap">
<div id="ja-header" class="clearfix">

<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="banner" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="950" height="200">
<param name="movie" value="http://rauvang.com/images/flash/banner.swf">
<param name="quality" value="High">
<embed src="http://rauvang.com/images/flash/banner.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="banner" width="950" height="200" quality="High"></object>

</div>
</div>



<div id="ja-mainnavwrap">

<?php if (mosCountModules('user4')) { ?>
<div id="ja-search">
<?php mosLoadModules('user4', -1); ?>
</div>
<?php } ?>

<div id="ja-mainnav">
<?php $jamenu->genMenu (0); ?>
</div>

</div>


<div id="ja-containerwrap<?php echo $divid; ?>">
<div id="ja-container" class="clearfix">


<div id="ja-mainbody" class="clearfix">

<?php if(mosCountModules('slideshow')) : ?>

<div id="ja-topsl1">
<?php mosLoadModules('slideshow', -1); ?>
</div>

<?php endif; ?>

<?php if(mosCountModules('vm-lp')) : ?>

<div id="ja-topsl2">
<?php mosLoadModules('vm-lp', -2); ?>
</div>

<?php endif; ?>

<?php if(!$tmpTools->isFrontPage()) : ?>
<div id="ja-pathway">
<strong>You are here:</strong><?php mosPathWay(); ?>
</div>
<?php endif ; ?>

<?php if($tmpTools->getParam('showFrontPage') || !$tmpTools->isFrontPage()) : ?>
<div id="ja-content" class="clearfix">
<?php mosMainBody(); ?>
</div>
<?php endif; ?>

<?php if(mosCountModules('banner')) : ?>

<div id="ja-banner">
<?php mosLoadModules('banner', -1); ?>
</div>

<?php endif; ?>


<div id="jazin-fp">
<?php mosLoadModules('ja-news', -1); ?>
</div>


<?php
$spotlight = array ('user1','user2','user5');
$botsl = $tmpTools->calSpotlight ($spotlight,99.5,50,'right');
if( $botsl ) {
?>

<div id="ja-botsl" class="clearfix">

<?php if( mosCountModules('user1') ) {?>
<div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
<?php mosLoadModules('user1', -2); ?>
</div>
<?php } ?>

<?php if( mosCountModules('user2') ) {?>
<div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
<?php mosLoadModules('user2', -2); ?>
</div>
<?php } ?>

<?php if( mosCountModules('user5') ) {?>
<div class="ja-box<?php echo $botsl['user5']['class']; ?>" style="width: <?php echo $botsl['user5']['width']; ?>;">
<?php mosLoadModules('user5', -2); ?>
</div>
<?php } ?>

</div>
<?php if( mosCountModules('user6') ) {?>
<div>
<?php mosLoadModules('user6', -2); ?>
</div>
<?php } ?>

<?php } ?>

</div>


<?php if ($ja_col) { ?>

<div id="ja-col">
<?php mosLoadModules('left', -2); ?>
<?php mosLoadModules('right', -2); ?>
</div><br />

<?php } ?>

</div></div>


<div id="ja-footerwrap">
<div id="ja-footer" class="clearfix">

<div class="sublogo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</div>

<div class="copyright">
<?php mosLoadModules("user3", -1); ?>
<?php include_once (dirname(__FILE__).DS.'/footer.php' ); ?>
</div>

<div class="foot-rss">

</div>

</div>
</div>


</div>
</div>

<?php mosLoadModules("debug", -1); ?>
<script type="text/javascript">
addSpanToTitle();
</script>

</body>

</html>

Cám ơn mọi người nhiều.

[=========> Bổ sung bài viết <=========]

upppppppppppppppppppppppppppppppppppppppp