پرش استایل در موقعیت های مختلف

**yaser1** · 10-23-2008 05:47 PM

سلام
من از قالب ja_xenia که سازگار شده اش رو خریداری کردم دارم استفاده می کنم.
یک مشکلی دارم که با md_macphoria هم داشتم و اون این که ماژول های من در موقعیت right که هستند استایل دارند و قاب دورادورشان نشون داده میشه اما همینکه به موقعیت left میفرستمشون قاب شون رو از دست میدن

چطوری باید این حالت رو اصلاح کنم؟

**تبلیغات** · 10-23-2008 05:47 PM

**DesignX** · 10-23-2008 06:06 PM

سلام

باید CSSش رو ویرایش کنید.

یا علی

**yaser1** · 10-23-2008 06:30 PM

سلام
خیلی ممنون!
اینو سوات نصف و نیمه منم قد میداد
لطف کن دقیقاً جاشو بگو اگه بلدی. به همین دلیل هم اسم قالب رو گفتم

**DesignX** · 10-23-2008 06:42 PM

سلام

من این قالب رو تا حالا ندیدم وگرنه جاشو میگفتم .
قالب رو خصوصی برام بفرست تا بگم.

یا علی

**atoofy** · 10-23-2008 07:55 PM

سلام. شايد اگر فايل css را اينجا بزاريد هم بشه يه چيزايي فهميد.

يـــــــــــــــاعـــــــ ـــــــلي

**yaser1** · 10-23-2008 08:36 PM

سلام
اینم فایل CSS
ممنون از وقتی که میگذارید:

کد:

/*------------------------------------------------------------------------
# JA Xenia 1.0 - Jan, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] - [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	color: #484848;
	background: #FFFFFF;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 150%;
}

body#bd {
	background: #EFEFEF;
}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	background: #FFFFFF;
	color: #000000;
	font-size: 12pt;
	font-family: serif;
	line-height: 140%;
}

body.fs1{
	font-size: 9px;
}

body.fs2{
	font-size: 10px;
}

body.fs3{
	font-size: 11px;
}

body.fs4{
	font-size: 12px;
}

body.fs5{
	font-size: 13px;
}

body.fs6{
	font-size: 14px;
}

/* Normal link */
a {
	color: #F85703;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #F85703;
	text-decoration: none;
}

/* Title text */
.contentheading, .componentheading, div#moduletable h1, table .moduletable th,
h3, h2, h1 {
}

/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon {
}

/* Heading */
h3 {
	font-size: 150%;
}

h2 {
	font-size: 130%;
}

h1 {
	font-size: 120%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p {
	margin: 5px 0 15px;
}

ul {
	margin-top: 5px;
	margin-bottom: 15px;
	list-style: none;
}

ul li {
	padding-right: 32px;
	background: url(../images/bullet-list.gif) no-repeat right 5px;
	line-height: 160%;
	text-align: right;
	direction: rtl;
}

ol {
	margin-top: 5px;
	margin-bottom: 15px;
}

ol li {
	margin-left: 35px;
}

th {
	padding: 4px;
	font-weight: bold;
	text-align: right;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

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

a img {
	border: none;
}

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

/* Code text */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #F85703;
	background: url(../images/stripe2.gif);
	font: 1em/1.5 &quot;Courier News&quot;, monospace;
}

blockquote {
	padding: 15px 40px 15px 60px;
	background: url(../images/quote.gif) 20px 10px no-repeat;
	font: italic 1em/1.5 Georgia, Times, serif;
}

.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #F85703;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 25px;
	color: #F85703;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 25px;
	color: #F85703;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 25px;
	color: #F85703;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
	border-bottom: 1px dotted #999999;
	padding: 0 5px;
	background: #FEFAE1;
	font-weight: bold;
}

p.stickynote {
	padding: 20px 80px 10px 20px;
	background: url(../images/sticky-bg.gif) no-repeat top right #FEFAE1;
}

p.pinnote {
	padding: 20px 60px 10px 20px;
	background: url(../images/pin-bg.gif) no-repeat top right #FEFAE1;
}

p.clipnote {
	padding: 20px 60px 10px 20px;
	background: url(../images/clip-bg.gif) no-repeat top right #FEFAE1;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

.bignumber {
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	padding: 0 2px;
	display: block;
	color: #F85703;
	font: 30px/normal Arial, sans-serif;
	font-weight: bold;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
	text-align: right;
	direction: rtl;
}

input, select {
	font: 11px/normal Tahoma, Arial, sans-serif;
	color: #484848;
}

select, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
}

.button, .button:hover {
	padding: 2px 10px!important;
	padding: 1px 5px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #DDDDDD;
	background: url(../images/but-bg.gif) repeat-x bottom #EFEFEF;
}

.button:active, .button:focus {
	border-top: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #999999;
}

.inputbox {
	border: 1px solid #CCCCCC;
	background: url(../images/stripe1.gif) #FFFFFF;
}

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

/* MODULE
--------------------------------------------------------- */
/* Left Module Style */
div#moduletable h1, table .moduletable th {
	margin: 0 -12px 5px;
	padding: 6px;
	border-top: 1px solid #EFEFEF;
	background: url(../images/h1-bg.gif) no-repeat bottom right;
	font-size: 1em;
	text-indent: 25px;
	line-height: normal;
	text-align: right;
	direction: rtl;
}

div#moduletable, table .moduletable {
	padding: 0 12px 8px;
	margin: 0;
	clear: both;
	text-align: right;
	direction: rtl;
}

/* Right Module Style */
div.module h3, table .moduletable td {
	margin: 0 -3px 5px;
	padding: 2px;
	border-bottom: 3px solid #DDDDDD;
	font-size: 1em;
	text-align: right;
	direction: rtl;
}

div.module, table .moduletable {
	margin-bottom: 5px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/box-br.gif) no-repeat bottom right;
}

div.module div, table .moduletable div {
	padding: 0;
	background: url(../images/box-bl.gif) no-repeat bottom left;
	text-align: right;
}

div.module div div, table .moduletable div div {
	padding: 0;
	background: url(../images/box-tr.gif) no-repeat top right;
}

div.module div div div, table .moduletable div div div {
	padding: 10px 15px 15px;
	background: url(../images/box-tl.gif) no-repeat top left;
}

div.module div div div div,
div.module-hilite div div div div,
table .moduletable div div div div,
table .moduletable-hilite div div div div

{
	margin: 0;
	padding: 0;
	background: none;
}

/* Hilite Module */
div.module-brick h1,
div.module-blue h1,
div.module-green h1,
table .moduletable-brick h1,
table .moduletable-blue h1,
table .moduletable-green h1 
{
	margin: 0 -3px 5px;
	padding: 2px;
	border-bottom: 3px solid #FFFFFF;
	font-size: 1em;
	color: #FFFFFF;
}

div.module-brick,
div.module-blue,
div.module-green,
table .moduletable-brick,
table .moduletable-blue,
table .moduletable-green
{
	margin-bottom: 5px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/box-hilite-br.gif) no-repeat bottom right #F85703;
}

div.module-brick div,
div.module-blue div,
div.module-green div,
table .moduletable-brick div,
table .moduletable-blue div,
table .moduletable-green div
{
	padding: 0;
	background: url(../images/box-hilite-bl.gif) no-repeat bottom left;
}
div.module-brick div div,
div.module-blue div div,
div.module-green div div,
table .moduletable-brick div div,
table .moduletable-blue div div,
table .moduletable-green div div
{
	padding: 0;
	background: url(../images/box-hilite-tr.gif) no-repeat top right;
}
div.module-brick div div div,
div.module-blue div div div,
div.module-green div div div,
table .moduletable-brick div div div,
table .moduletable-blue div div div,
table .moduletable-green div div div
{
	padding: 10px 15px 15px;
	background: url(../images/box-hilite-tl.gif) no-repeat top left;
	color: #FFFFFF;
}

div.module-brick a,
div.module-brick a:hover,
div.module-brick a:active,
div.module-brick a:focus,
table .moduletable-brick a,
table .moduletable-brick a:hover,
table .moduletable-brick a:active,
table .moduletable-brick a:focus
{
	color: #FFFFFF!important;
}

div.module-blue a,
div.module-blue a:hover,
div.module-blue a:active,
div.module-blue a:focus,
table .moduletable-blue a,
table .moduletable-blue a:hover,
table .moduletable-blue a:active,
table .moduletable-blue a:focus
{
	color: #FFFFFF!important;
}

div.module-green a,
div.module-green a:hover,
div.module-green a:active,
div.module-green a:focus,
table .moduletable-green a,
table .moduletable-green a:hover,
table .moduletable-green a:active,
table .moduletable-green a:focus
{
	color: #FFFFFF!important;
}

div.module-brick li,
div.module-blue li,
div.module-green li,
table .moduletable-brick li,
table .moduletable-blue li,
table .moduletable-green li,
{
	background-image: url(../images/bullet-list3.gif) !important; 
}

/* Blue hilite */
div.module-blue,
table .moduletable-blue
{
	background-image: url(../images/blue/box-hilite-br.gif);
	background-color: #0264B0;
}

div.module-blue div,
table .moduletable-blue div
{
	background-image: url(../images/blue/box-hilite-bl.gif);
}

div.module-blue div div,
table .moduletable-blue div div
{
	background-image: url(../images/blue/box-hilite-tr.gif);
}

div.module-blue div div div,
table .moduletable-blue div div div 
{
	background-image: url(../images/blue/box-hilite-tl.gif);
}

/* Green hilite */
div.module-green,
table .moduletable-green
{
	background-image: url(../images/green/box-hilite-br.gif);
	background-color: #4CA55E;
}

div.module-green div,
table .moduletable-green div
{
	background-image: url(../images/green/box-hilite-bl.gif);
}

div.module-green div div,
table .moduletable-green div div
{
	background-image: url(../images/green/box-hilite-tr.gif);
}

div.module-green div div div,
table .moduletable-green div div div
{
	background-image: url(../images/green/box-hilite-tl.gif);
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_seperator {
	display: block;
	background: url(../images/seperator.gif) repeat-x center;
	height: 20px;
}

#ja-leftcol .article_seperator, #ja-rightcol .article_seperator {
	display: none;
}

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

table.contentpaneopen {
	border: none;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 25px 1px 5px;
	background: url(../images/bullet-list.gif) no-repeat right 50%;
}

table.contenttoc th {
	padding: 4px;
	background: url(../images/stripe2.gif);
	text-indent: 5px;
}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 2px!important;
	text-align: right;
	direction:rtl;
}

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

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

table.adminform {
	width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #EFEFEF;
	background: url(../images/stripe2.gif) #F2F2F2;
}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	color: #484848;
	text-transform: uppercase;
	text-align: right;
	direction: rtl;
}

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

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

td.buttonheading {
	padding: 0 0 0 3px!important;
	text-align: center;
}

.category {
	font-weight: bold;
}

.clr {
	clear: both;
}

.componentheading {
	padding-bottom: 5px;
	margin-bottom: 10px;
	background: url(../images/seperator.gif) repeat-x bottom;
	font-size: 200%;
	font-weight: bold;
	line-height: normal;
	text-align: right;
	direction: rtl;
}

.contentdescription {
	padding-bottom: 30px;
}

table.blog .contentheading {
	font-size: 120%;
	font-weight: bold;
	line-height: normal;
	
}

.contentheading {
	font-size: 170%;
	font-weight: bold;
	line-height: normal;
	text-align: right;
}

a.contentpagetitle {
	text-decoration: none!important;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none!important;
}

a.readon {
	float: right;
	padding: 1px 5px 1px 22px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	border-left: 1px solid #DDDDDD;
	display: block;
	background: url(../images/bullet-title.gif) no-repeat 5% 50% #F2F2F2;
	color: #484848;
	text-transform: lowercase;
	text-decoration: none;
}

a.readon:hover, a.readon:active, a.readon:focus {
	color: #F85703;
	background: url(../images/bullet-title2.gif) no-repeat 5% 50% #FFFFFF;
	text-decoration: none;
}

table.contentpaneopen td, table.contentpane td {
	text-align: right;
	direction: rtl;
}

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

.createdate {
	padding: 2px 0 10px 0;
	color: #999999;
	line-height: 10px;
}

.modifydate {
	color: #999999;
	height: 15px;
}

.moduletable {
	padding: 0;
}

.mosimage {
	padding: 0;
	margin: 8px 15px 0 0!important;
	margin: 8px 5px 0 0;
}

.mosimage img {
	padding: 0;
	margin: 0!important;
}

.mosimage_caption {
	margin-top: 5px;
	padding: 1px 2px;
	color: #999999;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
	padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	text-decoration: none;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
	text-decoration: none;
}

.pagenavbar {
	padding-left: 14px;
	background: url(../images/pages.gif) no-repeat center left;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
	background: url(../images/pages.gif) no-repeat 0 11px;
}

.sectiontableheader {
	padding: 3px 5px;
	border: 1px solid #484848;
	background: #484848;
	color: #FFFFFF;
	font-weight: bold;
}

tr.sectiontableentry1 td {
	padding: 5px;
	background: url(../images/seperator.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 5px;
	background: url(../images/seperator.gif) repeat-x bottom #F2F2F2;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/seperator.gif) repeat-x bottom #FEFAE1;
}

.small {
	color: #999999;
}

.smalldark {
	color: #999999;
	text-align: left;
}

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

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

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	width: 760px;
	margin: 0 auto;
	padding-left: 8px;
	background: url(../images/shadowleft-bg.gif) repeat-y top left #FFFFFF;
	text-align: center;
}

.wide #ja-wrapper {
	width: 950px;
}

.auto #ja-wrapper {
	width: 90%;
}

#ja-wrapper-inner {
	padding-right: 8px;
	background: url(../images/shadownright-bg.gif) repeat-y top right #FFFFFF;
	text-align: left;
}

#ja-containerwrap {
	padding: 0;
	background: url(../images/stripe1.gif) #FFFFFF;
}

#ja-container {
	padding: 0;
}

#ja-contentwrap {
	background: url(../images/leftcol-bg.gif) no-repeat top left;
}

#ja-content {
	padding: 0 20px 15px;
	margin: 0;
	clear: both;
	display: block;
	min-height: 300px;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	background: url(../images/header-bg.gif) repeat-x top #F85703;
}

#ja-header {
	clear: both;
	background: url(../images/headerright-bg.gif) no-repeat top right;
	text-align: left;
	line-height: normal;
	height: 80px;
	position: relative;
}

#ja-header h3 {
	font-size: 2em;
	position: absolute;
	top: 0;
	left: 0;
}

#ja-header h3 a {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

#ja-header h3 img {
	float: left;
}

/* Top Menu in Header */
#ja-topnavwrap {
	padding-right: 5px;
	background: url(../images/topnav-right-bg.gif) no-repeat top right;
	position: absolute;
	top: 0;
	right: 5px;
	height: 26px; 
	width:30%;
}

#ja-topnavwrap ul {
	margin: 0;
	padding: 0;
	float: right;
	background: url(../images/topnav-left-bg.gif) no-repeat top left;
	height: 26px;
	width: 100%;
}

#ja-topnavwrap li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#ja-topnavwrap li a {
	padding: 0 10px;
	color: #DDDDDD;
	text-decoration: none;
	line-height: 24px;
	float: right;
}

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

/* User Tools */
#ja-usertoolswrap {
	float: right;
	width: 100px;
	display: block;
	background: url(../images/sitetool-bg1.gif) no-repeat top left;
	position: relative;
}

span.ja-sitetool {
	margin: 0;
	padding: 8px 0 7px 23px;
	display: block;
	color: #F85703;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

#ja-usertoolswrap:hover, #ja-usertoolswrap.ja-toolswraphover {
	background: url(../images/sitetool-bg2.gif) no-repeat top left #FFFFFF;
}

#ja-usertoolswrap:hover #ja-usertools,
#ja-usertoolswrap.ja-toolswraphover #ja-usertools {
	display: block;
	top: 30px;
	left: -120px;
}

#ja-usertools {
	padding: 0;
	float: left;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #DDDDDD;
	display: none;
	background: url(../images/grad1.gif) repeat-x bottom #FFFFFF;
	font-size: 11px;
	position: absolute;
	top: 100%;
}

#ja-usertools span {
	float: left;
	padding: 8px 8px 2px;
	display: block;
}

#ja-usertools img {
	padding: 0 2px;
}

/* Search */
#ja-search {
	position: absolute;
	top: 40px;
	right: 22px;
}

#ja-search div.search {
	padding-left: 18px;
	background: url(../images/icon-search.gif) no-repeat center left;
}

#ja-search .inputbox {
	width: 100px;
	padding-left: 5px;
	border: 1px solid #F85703;
	background: url(../images/stripe2.gif) #EFEFEF;
}

#ja-usertools .inputbox:hover,
#ja-usertools .inputbox:focus {
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {
	background: url(../images/mainnav-bg.gif) repeat-x top #FFFFFF;
}

#ja-mainnav {
	clear: both;
	float: left;
	font-size: 1em;
	line-height: normal;
}

#ja-subnav {
	padding: 6px 5px;
	margin: 0;
	clear: both;
	border-bottom: 1px solid #FFFFFF;
	background: url(../images/stripe2.gif) #F2F2F2;
	line-height: normal;
}

.ja-mainnavshadow {
	clear: both;
	padding: 1px 0 2px;
	background: url(../images/mainnav-shadow.gif) repeat-x top;
}

/* Default Joomla! Menu */
a.mainlevel {
	padding: 3px 15px 5px 3px;
	width: 90%;
	display: block;
	background: url(../images/a-mainlevel-bg.gif) no-repeat bottom right;
	color: #484848;
	text-decoration: none;
	text-align:right;
	direction: rtl;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	color: #484848;
	background: url(../images/a-mainlevel-bg2.gif) no-repeat bottom right #EFEFEF;
	text-decoration: none;
}

a.mainlevel#active_menu {
	color: #F85703;
	background: url(../images/a-mainlevel-bg3.gif) no-repeat bottom right #EFEFEF;
	font-weight: bold;
	text-decoration: none;
}

a.sublevel {
	padding: 2px 15px 2px 4px;
	display: block;
	color: #484848;
	background: url(../images/bullet-list.gif) no-repeat right 50%;
	text-decoration: none;
	margin-right: 15px;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
	color: #F85703;
	background: url(../images/bullet-list2.gif) no-repeat right 50%;
	text-decoration: none;
}

#active_menu {
	background: url(../images/bullet-list2.gif) no-repeat 2% 50%;
	color: #F85703;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Sub Header */
#ja-sh {
	clear: both;
	border-bottom: 3px solid #F85703;
	background: #484848;
	height: 152px;
	overflow: hidden;
}

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

.ja-box-left div.moduletable {
	padding-right: 20px;
}

.ja-box-right div.moduletable {
	padding-left: 20px;
}

.ja-box-center div.moduletable {
	padding: 0 20px;
}

.ja-box-left table.moduletable {
	padding-right: 20px;
}

.ja-box-right table.moduletable {
	padding-left: 20px;
}

.ja-box-center table.moduletable {
	padding: 0 20px;
}

/* Top Spotlight */
#ja-topslwrap {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/seperator.gif) repeat-x bottom;
}

#ja-topsl {
	padding: 0;
}

#ja-topsl h1 {
	border: 1px solid #EFEFEF;
}

#ja-topsl div.moduletable {
}

#ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center,
#ja-topsl div.ja-box-right {
	padding: 0 0 5px;
}

#ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center {
	background: url(../images/v-seperator.gif) repeat-y top right;
}

/* Bottom Spotlight */
#ja-botsl {
	margin-bottom: 10px;
	padding-bottom: 15px;
	background: url(../images/seperator.gif) repeat-x bottom;
	color: #999999;
}

#ja-botsl a {
}

#ja-botsl h1 {
	padding: 0;
	margin: 0 0 5px;
	border: none;
	background: none;
	text-indent: 0;
}

#ja-botsl div.moduletable {
	margin: 0;
	padding: 0 10px;
}

#ja-topsl ul,
#ja-botsl ul {
	padding: 0;
	margin: 0!important;
}

#ja-topsl li,
#ja-botsl li {
	padding: 0 12px 0 0;
	margin: 0;
	background: url(../images/bullet-list.gif) no-repeat right 5px;
	text-align: right;
	direction: rtl;
}

#ja-topsl li a,
#ja-botsl li a {
	color: #484848;
	text-decoration: none;
}

#ja-topsl li a:hover, #ja-topsl li a:active, #ja-topsl li a:focus,
#ja-botsl li a:hover, #ja-botsl li a:active, #ja-botsl li a:focus {
	color: #F85703;
	text-decoration: none;
}

#ja-topsl td,
#ja-botsl td {
	padding: 0;
}

#ja-botsl .article_seperator,
#ja-topsl .article_seperator {
	display: none;
}

#ja-botsl table,
#ja-topsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* PATHWAY
---------------------------------------------------------*/
#ja-pathway {
	margin: 0 -20px 10px;
	padding: 7px 6px;
	display: block;
	background: url(../images/pathway-bg.gif) repeat-y top left #F2F2F2;
	font-size: 1em;
	line-height: normal;
	text-indent: 15px;
	text-align: right;
	direction: rtl;
}

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

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

#ja-pathway a {
}

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

/* CONTENT COLUMN
--------------------------------------------------------- */
#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {
}

#ja-mainbody, #ja-mainbody-fr {
	float: right;
	width: 80%;
}

#ja-mainbody-fl {
	float: left;
	width: 100%;
}

#ja-mainbody-fl #ja-contentwrap {
	float: left;
	width: 80%;
	background: none;
}

#ja-mainbody-fl #ja-pathway,
#ja-mainbody-f #ja-pathway {
	background: url(../images/stripe2.gif);
}

#ja-mainbody-fl #ja-rightcol {
	float: right;
	width: 20%;
}

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

#ja-mainbody-f #ja-contentwrap {
	background: none;
}

#ja-mainbody #ja-contentwrap {
	float: left;
	width: 75%;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-leftcol {
	float: left;
	width: 19.9%;
}

#ja-rightcol {
	float: right;
	width: 24.9%;
	overflow: hidden;
}

#ja-rightcol-inner {
	padding: 0 5px 0 0;
}

#ja-leftcol table,
#ja-rightcol table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-leftcol ul li,
#ja-rightcol ul li {
	padding-left: 10px;
	margin: 0;
	background: url(../images/bullet-list.gif) no-repeat right 7px;
}

#ja-leftcol ul,
#ja-rightcol ul {
	margin: 0;
}

#ja-leftcol li a,
#ja-rightcol li a{
	color: #484848;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	clear: both;
	padding: 17px 12px 10px;
	background: url(../images/footer-bg.gif) repeat-x top #DDDDDD;
	color: #999999;
}

#ja-footer {
	height: 35px;
	overflow: hidden;
	position: relative;
}

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

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

#ja-bottomline {
	float: left;
	margin: 0;
	display: block;
	padding-left: 15px;
}

#ja-sublogo {
	float: left;
	width: 20%;
	background: url(../images/v-seperator.gif) repeat-y top right;
	text-align: center;
}

#ja-cert {
	float: right;
	margin-top: 2px;
	font-size: 11px;
}

#ja-cert a {
	padding: 0;
}

/* MISCELLANOUS
----------------------------------------------------------- */
#ja-banner {
	text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

#mod_login_password, #mod_login_username {
	width: 93%;
}

#mod_login_password {
}

#mod_login_username {
}

#mod_login_remember {
	border: none;
	background: none;
}

/* JA CoolAds Module */
#ja-coolads {
	height: 0;
	overflow: hidden;
	position: relative;
}

#ja-coolads-container {
	margin-right: 5%;
	overflow: hidden;
}

#ja-coolads-container div.moduletable {
	overflow: hidden;
}

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

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

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

**atoofy** · 10-23-2008 10:04 PM

سلام. ببيند هر چي هست فكر كنم توي اين خطوط هست :

کد:

div.module, table .moduletable {
	margin-bottom: 5px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/box-br.gif) no-repeat bottom right;
}

div.module div, table .moduletable div {
	padding: 0;
	background: url(../images/box-bl.gif) no-repeat bottom left;
	text-align: right;
}

div.module div div, table .moduletable div div {
	padding: 0;
	background: url(../images/box-tr.gif) no-repeat top right;
}

div.module div div div, table .moduletable div div div {
	padding: 10px 15px 15px;
	background: url(../images/box-tl.gif) no-repeat top left;
}

div.module div div div div,
div.module-hilite div div div div,
table .moduletable div div div div,
table .moduletable-hilite div div div div

{
	margin: 0;
	padding: 0;
	background: none;
}

شما براي رفع مشكل با اين سلكتورها كار كنيد و مثلا مشخصات استايلي را كه براي ماژول هاي سمت راست به كار برده شده در بقيه ي سلكتورها هم به كار ببريد و ذخيره كنيد و ببيند قالب به چه شكلي درمياد. متاسفانه چون قالب در دسترس نيست نميشه جواب قطعي داد وگر نه مي شد تست كرد و جواب نهايي را گذاشت اينجا. حالا كه قالب دست شماست خودتون كار تست را انجام بديد.

يــــــــــــــــــــاعــ ـــــــــــــــلي

**yaser1** · 10-24-2008 07:37 AM

[quote author=علی کاظم زاده link=topic=17177.msg91540#msg91540 date=1224799448]
مشخصات استايلي را كه براي ماژول هاي سمت راست به كار برده شده در بقيه ي سلكتورها هم به كار ببريد و ذخيره كنيد و ببيند قالب به چه شكلي درمياد
[/quote]
سلام
استایل ماژول های سمت راست و چپ با چی مشخص شده اند؟

**atoofy** · 10-24-2008 10:12 AM

سلام. يه جا توي css قالبتون نوشته /* Right Module Style */ و زير بايد قاعدتا استايا ماژول هاي سمت راست باشه. شما از شكل ماژول هاي سمت راست توي خود سايت هم مي تونيد ببينيد كه چه استايلي اين شكل ماژول ها را ايجاد كرده و توي css دنبال اون استايل بگرديد.

يـــــــــــــــــــــــا عـــــــــــــــــــلي