-
تب ساز قالب بر روی Wampserver باIE 8 بدون مشکل ولی بر روی cp11 مشکلدار!!( درخواست کمک
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
-
05-01-2012 10:46 AM
# ADS
تبلیغات در جوملا فارسی
-
فایل ja.tabs.css
نقل قول: /**
* ------------------------------------------------------------------------
* JA Tabs plugin for Joomla 1.7.x
* ------------------------------------------------------------------------
* Copyright © 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - GNU/GPL, [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
* Author: J.O.O.M Solutions Co., Ltd
* Websites: [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] - [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
* ------------------------------------------------------------------------
*/
.ja-tabswrap {
padding: 0;
margin: 0;
}
.container {
position: relative;
overflow: hidden;
height: 100%;
z-index: 10;
}
.ja-tabswrap div.ja-tab-subcontent {
padding: 0px;
}
.ja-tabswrap div.ja-tab-content {
position: absolute;
border: none;
z-index: 100;
padding: 0;
width: 100%;
}
.container ul {
margin: 0 !important;
padding: 0 !important;
}
.ja-tabswrap .ja-tab-content li {
padding: 4px 0 6px;
margin: 0;
background: none;
}
/* Tabs Top */
.ja-tabs-title-top {
position: relative;
z-index: 10;
}
.ja-tabs-title h3 {
margin: 0 !important;
}
.ja-tabs-title-top ul.ja-tabs-title {
margin: 0 !important;
padding: 0 !important;
position: absolute;
}
* html .ja-tabs-title-top ul.ja-tabs-title { /*IE 6*/
bottom: -1px;
}
.ja-tabs-title-top ul.ja-tabs-title li {
float: right;
background: none;
margin: 0;
padding: 0;
cursor: pointer;
display: block;
}
.ja-tab-panels-top {
position: relative;
clear: both;
overflow: hidden;
bottom: 0;
left: 0px;
width: 100%;
z-index: 1;
}
/* Tabs left */
.ja-tabs-title-left {
float: left;
}
.ja-tabs-title-left ul.ja-tabs-title {
margin: 0;
padding: 0;
top: 10px;
left: 0px;
width: 100%;
}
.ja-tabs-title-left ul.ja-tabs-title li {
margin: 0px 0 0 1px;
padding: 0;
cursor: pointer;
display: block;
}
.ja-tab-panels-left {
position: relative;
overflow: hidden;
height: 100%;
left: 10px;
}
/* Tabs right */
.ja-tabs-title-right {
position: relative;
float: right;
height: 100%;
}
.ja-tabs-title-right ul.ja-tabs-title {
margin: 0;
padding: 0;
position: absolute;
top: 10px;
right: 0;
width: 100%;
}
.ja-tabs-title-right ul.ja-tabs-title li {
margin: 0 0 0 1px;
padding: 0;
cursor: pointer;
display: block;
}
.ja-tab-panels-right {
position: relative;
overflow: hidden;
top: 5px;
height: 100%;
}
/* for tabs bottom */
.ja-tabs-title-bottom {
}
.ja-tabs-title-bottom ul.ja-tabs-title {
margin: 0;
padding: 0;
position: absolute;
}
* html .ja-tabs-title-bottom ul.ja-tabs-title { /*IE 6*/
top: -1px;
}
.ja-tabs-title-bottom ul.ja-tabs-title li {
float: left;
margin: 0;
padding: 0;
cursor: pointer;
display: block;
}
.ja-tab-panels-bottom {
position: relative;
clear: both;
overflow: hidden;
top: 0;
width: 100%;
left: 10px;
right: 0px;
z-index: 1;
}
/*End*/
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
-
فایل : style.css مربوط به تب
نقل قول: /**
* ------------------------------------------------------------------------
* JA Tabs plugin for Joomla 1.7.x
* ------------------------------------------------------------------------
* Copyright © 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - GNU/GPL, [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
* Author: J.O.O.M Solutions Co., Ltd
* Websites: [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] - [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
* ------------------------------------------------------------------------
*/
.ja-tabswrap {
}
.ja-tabswrap div.ja-tab-content {
}
.ja-tabswrap div.ja-tab-subcontent {
padding: 15px;
}
/* JA Tabs top*/
.portfolio .ja-tabs-title-top {
direction: rtl;
height: 60px !important;
border-bottom: 1px solid #b5b5b7;
position: relative;
width: 100%;
background: #cacacd;
}
.portfolio .ja-tabs-title-top ul.ja-tabs-title {
border-right: 1px solid #e2e2e5;
}
.portfolio .ja-tabs-title-top ul.ja-tabs-title li {
background: #cacccd;
border-bottom: 1px solid #b5b5b7;
border-right: 1px solid #b5b5b7;
border-left: 1px solid #e2e2e5;
margin-left: 0;
margin-bottom: -1px;
width: 180px;
height: 60px;
}
.portfolio .ja-tabs-title-top ul.ja-tabs-title li:first-child {
border-left: 0;
}
.portfolio .ja-tabs-title-top ul.ja-tabs-title li h3 {
font-size: 130%;
font-weight: inherit !important;
line-height: normal;
margin: 0;
padding: 15px 15px 10px 55px;
color: #88888a;
border-top: none;
background-position: 15px 15px;
background-color: #CACCCD;
}
.portfolio .ja-tabs-title-top ul.ja-tabs-title li.active h3 {
background-color: #fff;
}
.portfolio .ja-tabs-title-top ul.ja-tabs-title li.hover,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.firsthover,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.lasthover
{
background-color: #b5b5b7;
}
.portfolio .ja-tabs-title-top ul.ja-tabs-title li.hover h3,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.firsthover h3,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.lasthover h3
{
color: #2d2d2e;
background-color: #b5b5b7;
}
.portfolio .ja-tabs-title-top ul.ja-tabs-title li.active,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.firstactive,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.lastactive
{
background: #fff;
border-bottom: 1px solid #fff;
}
.portfolio .ja-tabs-title-top ul li.active h3,.portfolio .ja-tabs-title-top ul li.firstactive h3,.portfolio .ja-tabs-title-top ul li.lastactive h3
{
color: #2d2d2e;
}
/* JA Tabs left*/
.portfolio .ja-tab-panels-left {
left: 0;
top: 0;
}
.portfolio .ja-tabs-title-left {
position: relative;
float: left;
height: 100%;
width: 180px !important;
background: #cacccd;
}
.portfolio .ja-tabs-title-left ul.ja-tabs-title {
border-bottom: 1px solid #e2e2e5;
}
.portfolio .ja-tabs-title-left ul.ja-tabs-title li {
background: #cacccd;
border-top: 1px solid #e2e2e5;
border-bottom: 1px solid #b5b5b7;
height: 100%;
margin: 0 0 0 1px;
padding: 0;
cursor: pointer;
display: block;
}
.portfolio .ja-tabs-title-left ul.ja-tabs-title li:first-child {
border-top: 0;
}
.portfolio .ja-tabs-title-left ul.ja-tabs-title li h3 {
color: #88888a;
font-weight: inherit !important;
margin: 0 0 0 15px;
padding: 20px 15px 20px 45px;
letter-spacing: normal;
font-size: 100%;
background-position: left center;
}
.portfolio .ja-tabs-title-left ul.ja-tabs-title li.hover,.portfolio .ja-tabs-title-left ul.ja-tabs-title li.firsthover,.portfolio .ja-tabs-title-left ul.ja-tabs-title li.lasthover
{
background-color: #b5b5b7;
}
.portfolio .ja-tabs-title-left ul.ja-tabs-title li.hover h3,.portfolio .ja-tabs-title-left ul.ja-tabs-title li.firsthover h3,.portfolio .ja-tabs-title-left ul.ja-tabs-title li.lasthover h3
{
color: #2d2d2e;
}
.portfolio .ja-tabs-title-left ul li.active,.portfolio .ja-tabs-title-left ul li.firstactive,.portfolio .ja-tabs-title-left ul li.lastactive
{
background: #fff;
}
.portfolio .ja-tabs-title-left ul li.active h3,.portfolio .ja-tabs-title-left ul li.firstactive h3,.portfolio .ja-tabs-title-left ul li.lastactive h3
{
color: #2d2d2e;
}
/* JA Tabs right*/
.portfolio .ja-tab-panels-right {
left: 0;
top: 0;
}
.portfolio .ja-tabs-title-right {
position: relative;
float: right;
height: 100%;
width: 180px !important;
background: #cacccd;
}
.portfolio .ja-tabs-title-right ul.ja-tabs-title {
top: 0;
}
.portfolio .ja-tabs-title-right ul.ja-tabs-title li {
background: #cacccd;
border-top: 1px solid #e2e2e5;
border-bottom: 1px solid #b5b5b7;
height: 100%;
margin: 0 1px 0 0;
padding: 0;
cursor: pointer;
display: block;
}
.portfolio .ja-tabs-title-right ul.ja-tabs-title li h3 {
color: #88888a;
font-weight: inherit !important;
margin: 0 15px 0 0;
padding: 20px 45px 20px 20px;
letter-spacing: normal;
font-size: 100%;
background-position: right center;
}
.portfolio .ja-tabs-title-right ul.ja-tabs-title li.hover,.portfolio .ja-tabs-title-right ul.ja-tabs-title li.firsthover,.portfolio .ja-tabs-title-right ul.ja-tabs-title li.lasthover
{
background-color: #b5b5b7;
}
.portfolio .ja-tabs-title-right ul.ja-tabs-title li.hover h3,.portfolio .ja-tabs-title-right ul.ja-tabs-title li.firsthover h3,.portfolio .ja-tabs-title-right ul.ja-tabs-title li.lasthover h3
{
color: #2d2d2e;
}
.portfolio .ja-tabs-title-right ul li.active,.portfolio .ja-tabs-title-right ul li.firstactive,.portfolio .ja-tabs-title-right ul li.lastactive
{
background: #fff;
}
.portfolio .ja-tabs-title-right ul li.active H3,.portfolio .ja-tabs-title-right ul li.firstactive H3,.portfolio .ja-tabs-title-right ul li.lastactive H3
{
color: #2d2d2e;
}
/* JA Tabs bottom*/
.portfolio .ja-tab-panels-bottom {
left: 0;
}
.portfolio .ja-tabs-title-bottom {
height: 60px;
border-top: 1px solid #b5b5b7;
position: relative;
width: 100%;
background: #cacacd;
}
.portfolio .ja-tabs-title-bottom ul.ja-tabs-title {
border-right: 1px solid #e2e2e5;
}
.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li {
background: #cacccd;
border-top: 1px solid #b5b5b7;
border-right: 1px solid #b5b5b7;
border-left: 1px solid #e2e2e5;
margin-left: 0;
margin-top: -1px;
width: 140px;
height: 60px;
}
.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li:first-child {
border-left: 0;
}
.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li h3 {
font-size: 100%;
font-weight: inherit !important;
line-height: normal;
margin: 0;
padding: 15px 15px 10px 55px;
color: #88888a;
border-top: none;
background-position: 15px 15px;
}
.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.hover,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.firsthover,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.lasthover
{
background-color: #b5b5b7;
}
.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.hover h3,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.firsthover h3,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.lasthover h3
{
color: #2d2d2e;
}
.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.active,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.firstactive,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.lastactive
{
background: #fff;
border-top: 1px solid #fff;
}
.portfolio .ja-tabs-title-bottom ul li.active h3,.portfolio .ja-tabs-title-bottom ul li.firstactive h3,.portfolio .ja-tabs-title-bottom ul li.lastactive h3
{
color: #2d2d2e;
}
/* Tabs Icon*/
.portfolio ul.ja-tabs-title li h3 {
background-repeat: no-repeat;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon1 h3 {
background-image: url(icon1.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon2 h3 {
background-image: url(icon2.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon3 h3 {
background-image: url(icon3.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon4 h3 {
background-image: url(icon4.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon5 h3 {
background-image: url(icon5.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon6 h3 {
background-image: url(icon6.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon7 h3 {
background-image: url(icon7.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon8 h3 {
background-image: url(icon8.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon9 h3 {
background-image: url(icon9.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon10 h3 {
background-image: url(icon10.png);height:34px;
}
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
علاقه مندی ها (Bookmarks)