Sử dụng JA Purity II cho viet4777.vatlieu.us

[support]

Thử nghiệm template mới cho JA Purity II tại http://viet4777.vatlieu.us/

What is JA Template Framework or T3 Framework?
http://wiki.joomlart.com/wiki/JA_Templat...k/Overview

JA Template Framework/Navigation
http://wiki.joomlart.com/wiki/JA_Templat...Navigation

JA Template Framework/FAQs
http://wiki.joomlart.com/wiki/JA_Templat...ework/FAQs
http://wiki.joomlart.com/wiki/JA_Templat...ork/Guides

Hướng dẫn cấu hình menu: http://www.joomlart.com/forums/showthread.php?t=36223

T3 Template Framework: http://www.joomlart.com/forums/showthread.php?t=36171

Vấn đề với Xmap: http://www.joomlart.com/forums/showthread.php?t=37036

[support]

Ref - http://www.joomlart.com/forums/showthread.php?t=37915

Module without border:

Code:

div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl {  
    background: none;
           padding: 0;
        /* Extra Code */
        text-align:center;
                
}

[support]

Updated - JA Extended mega menu
http://www.joomlart.com/forums/showthread.php?t=38544

[support]

Remove bullet in TAG:

Code:

change components/com_tag/css/tagcloud.css as below:
/************************************************
*    Tag
************************************************/
.tagclearfix {
    height: 1%;
}

div.jtag {
    margin: 0;
    padding: 0;
    color: #999;
    display: inline;
}

div.jtag ul {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.jtag ul li {
    display: inline;
    list-style-type: none;
    background-image: none;
    padding: 0 0.5em;
}

div.jtag ul li a {
    display: inline;
    //text-decoration: none;
    margin-bottom: 0;
    text-transform: capitalize;
}

/*************************************************
*   Add Tags
**************************************************/
div.addtags {
    margin-top: 4px;
}

div.addtags a:link {
    color: red;
    text-decoration: none;
}

div.addtags a:visited {
    color: red;
    text-decoration: none;
}

div.addtags a:hover {
    color: red;
    text-decoration: underline;
}

div.addtags a:active {
    color: red;
    text-decoration: none;
}

div.addtags a img {
    vertical-align: text-bottom;
}

div.addtags img {
    padding-right: 3px;
}

/************************************************
*    Tag Cloud
************************************************/
.tagCloud a {
    line-height: 25px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
}

.tagCloud a.tag1:link {
    font-size: 11px;
    color: #993300;
}

.tagCloud a.tag1:visited {
    font-size: 11px;
    color: #993300;
}

.tagCloud a.tag1:hover {
    font-size: 11px;
    color: #FFFFFF;;
    background: #993300;
}

.tagCloud a.tag2:link {
    font-size: 12px;
    color: #993300;
}

.tagCloud a.tag2:visited {
    font-size: 12px;
    color: #993300;
}

.tagCloud a.tag2:hover {
    font-size: 12px;
    color: #FFFFFF;;
    background: #993300;
}

.tagCloud a.tag3:link {
    font-size: 13px;
    color: #882200;
}

.tagCloud a.tag3:visited {
    font-size: 13px;
    color: #882200;
}

.tagCloud a.tag3:hover {
    font-size: 13px;
    color: #FFFFFF;;
    background: #993300;
}

.tagCloud a.tag4:link {
    font-size: 14px;
    color: #882200;
}

.tagCloud a.tag4:visited {
    font-size: 14px;
    color: #882200;
}

.tagCloud a.tag4:hover {
    font-size: 14px;
    color: #FFFFFF;;
    background: #993300;
}

.tagCloud a.tag5:link {
    font-size: 15px;
    color: #771100;
}

.tagCloud a.tag5:visited {
    font-size: 15px;
    color: #771100;
}

.tagCloud a.tag5:hover {
    font-size: 15px;
    color: #FFFFFF;;
    background: #993300;
}

.tagCloud a.tag6:link {
    font-size: 16px;
    color: #771100;
}

.tagCloud a.tag6:visited {
    font-size: 16px;
    color: #771100;
}

.tagCloud a.tag6:hover {
    font-size: 16px;
    color: #FFFFFF;;
    background: #993300;
}

.tagCloud a.tag7:link {
    font-size: 17px;
    color: #660000;
}

.tagCloud a.tag7:visited {
    font-size: 17px;
    color: #660000;
}

.tagCloud a.tag7:hover {
    font-size: 17px;
    color: #FFFFFF;;
    background: #993300;
}

/**************************************
*Warnings
***************************************/
div.warning {
    margin-left: 20px;
    margin-top: 10px;
}

div.warning h1 {
    line-height: normal;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    color: red;
}

div.warning h2 {
    text-align: center;
    line-height: normal;
    font-size: 150%;
    font-weight: bold;
}

/*****************************************************
*Joomla Tags
********************************************************/
div.joomlatags {
    margin-left: 220px;
    text-align: center;
    font-size: 9px;
    display: block;
    color: orange;
    padding: 4px;
}

/***************************************************************
*Add Tags
*******************************************************************/
.button2-left .add_Tags {
    background: url(../images/addTags.png) 100% 0 no-repeat;
}

Đã áp dụng cách này cho RokNewsFlash module.
So, what is the different between div.jtag and .jtag.

[support]

Các nội dung đã thay đổi:
Sửa shawowbox plugin chỉ active với com_content để tránh xung đột.

Sử dụng wgpicasa để hiển thị ảnh từ picasa.google.com .

[support]

Sửa code để mất bullet ở mục tin.

Code:

body div#newsflash.roknewsflash {border:0;margin:10px 0;position:relative;height:21px;} /* clear any default styling */
.roknewsflash .controls { width:55px;position:absolute;top:0;right:0;}
.roknewsflash .controls span {display:none;}
.roknewsflash .controls div {width:21px;height:21px;float:left;margin-left:4px;}
.roknewsflash .controls .control-prev {background:url(images/arrows.png) 100% 0 no-repeat;}
.roknewsflash .controls .control-next {background:url(images/arrows.png) 0 0 no-repeat;}
.roknewsflash .controls .control-prev-hover {background:url(images/arrows.png) 100% -21px no-repeat;}
.roknewsflash .controls .control-next-hover {background:url(images/arrows.png) 0 -21px no-repeat;}
.roknewsflash .controls .control-prev-down {background:url(images/arrows.png) 100% -42px no-repeat;}
.roknewsflash .controls .control-next-down {background:url(images/arrows.png) 0 -42px no-repeat;}
.roknewsflash .flashing {position:absolute;top:0;left:0;line-height:21px;font-weight:bold;}
div.roknewsflash ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-right:60px;
}
div.roknewsflash ul li {
    margin:0;
    list-style-type: none;
    background-image: none;
    padding: 0;
    line-height:21px;
}