تغییر رنگ قسمت هایی از قالب

سلام بچه ها کسی میتونه کمک کنه من یه قالب دارم میخوام از داخل template.css رنگ چند قسمت سایت رو تغییر بدم
اول دو طرف راست و چپ یک قالب که خالی هست اونا رو میخوام تغییر بدم
بعدش هم پس زمینه رنگ منو ها رو
ممنون میشم بهم کمک کنید :sad:
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

سلام دوست عزیز
فکر کنم قسمت چپ و راست قالب با پس زمینه که تا پایین سایت ادامه داره یکی هستش . به هرحال اگر فایل css رو میذاشتی میشد بگی کدوم قسمت هست...///

/* Global Formatting */
h1 {font-size:16px;line-height: 2em;font-weight: 900;}
h2 {font-size:15px;line-height: 2em;font-weight: 900;}
h3 {font-size:12px;line-height: 2em;font-weight: 900;}
h4 {font-size:13px;line-height: 2em;font-weight: 900;}
h5 {font-size:12px;line-height: 2em;font-weight: 900;}
h6 {font-size:11px;line-height: 2em;font-weight: 900;}
td{}
th{font-size: 12px;}
a.image, a.image:hover {border:0;}
a { text-decoration:none;
color: #039}
a:hover {
color: #C00}
ul {
padding-right:5px;
display:block}
ul li {display:block}
ul ul { padding-right:-3px}


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


}


.article_separator {
width:100%;
margin:0 auto;
display:block;

height:4px;



}


.article_column {

}


.column_separator {

}


/* content tables */
td.sectiontableheader {
padding: 4px;
border-right: 1px solid #06F;
}


tr.sectiontableentry0_nazar td,
tr.sectiontableentry1_nazar td,
tr.sectiontableentry2_nazar td {
padding: 3px;
}


td.sectiontableentry0_nazar,
td.sectiontableentry1_nazar,
td.sectiontableentry2_nazar {
padding: 3px;
}


table.contentpane {
border: none;
width: 100%;
padding-right:10px
}
table.contentpane a{
}


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


.contentpane ul li {
height:25px;
line-height:25px}


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


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


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


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


table.poll_nazar {
line-height: 1.5em;
padding: 2px 3px 8px 0;
width: 100%;
border-collapse: collapse;
margin-bottom:8px
}


table.pollstableborder_nazar {
padding: 0;
width: 100%;
border: none;
text-align: right; direction:rtl;
}


table.pollstableborder_nazar img {
vertical-align: baseline;
}
p {
line-height:20px}


table.pollstableborder_nazar td {
padding: 4px!important;
border-collapse: collapse;
border-spacing: 0;
}


table.pollstableborder_nazar tr.sectiontableentry1_nazar td {
background: #ECECEC;
}


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


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


table.adminform {
}


.adminform .inputbox {
}


.blog_more {
padding: 10px 0;
background: url(../images/hdot.gif) repeat-x top left;
}


.blog_more strong {
margin: 0 0 5px;
display: block;
font-size: 125%;
}


.category {
font-weight: bold;
}


h1.componentheading
{

}


.componentheading {

color: #09C
}


.contentdescription {
padding-bottom: 10px;
padding-right:10px;
width:80%
}


h2.contentheading, .contentheading {


}


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


.componentheading ,h2.contentheading , h1 .contentheading , td .contentheading, .contentheading {
font-size: 100%;
font-weight:bold;
background-image: url(../images/componentheading.png);
background-position:top right;
background-repeat:no-repeat;
width:696px;
height:43px; color: #FFF;
line-height:25px;
padding-bottom:5px;
padding-right:10px;
padding-top:0px
}
.componentheading {
padding-top:5px}
.contentheading a, .contentheading a:visited, .contentheading a:link {
color: #FFF;}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
text-decoration: none !important;
color: #FC0
}


a.readon {
float: left;
padding: 3px 5px 3px 30px;
display: block;
background-image:url(../images/readon.png);
background-position:top right;
background-repeat:no-repeat;
text-decoration: none;
color: #666;
font-size:10px;
font-weight:800



}


a.readon:hover{
color: #06F;
}
#mod_search_searchword {
border:none;
background-color:transparent;
}


/*important*888888888888888888888888888888888888888 888888888888888888*/
table.contentpaneopen td, table.contentpane td {


}


table.contentpaneopen, table.contentpane, table.blog {



}






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


ul.pagination li {
margin: 0;
padding: 0;
display: inline;
background: none;
}


ul.pagination li span{
padding: 2px 5px;
}


ul.pagination a {
padding: 2px 5px;
border: 1px solid #F6F6F6;
}


ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
border: 1px solid #ECECEC;
background: #F60;
}


.pagenavbar {
padding-right: 14px;
}


.pagenavcounter {
padding: 8px 14px 0 14px;
}


.sectiontableheader {
padding: 8px 5px;
background: #444444;
color:#09F;
}


.sectiontableheader a {
color:#09F;
}


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


tr.sectiontableentry2 td {
padding: 8px 5px;
background:#ECECEC url(../images/hdot2.gif) repeat-x bottom left;
}


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


.smalldark {
text-align: right; direction:rtl;
}


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


.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
padding:4px 0
}


/* META
--------------------------------------------------------- */
.article-tools {
border-top: 1px solid #DDDDDD;
width: 100%;
float: left;
clear: both;
margin-bottom: 15px;
display: block;
background: #ECECEC;
}


.article-meta {
padding: 5px;
width: 80%;
float: left;
}


.createby {
padding: 3px 3px 3px 20px;
background: url(../images/icon-user.gif) no-repeat 0 2px;
}


.createdate, .createdate span {
padding: 0px 5px 3px 0px;
background: url(../images/icon-date.gif) no-repeat 0 2px;
display:block;
margin-bottom:10px;
color: #463604
}


.modifydate {
font-weight:bold;
margin-top:10px;
display:block}



div.buttonheading , .buttonheading{
display:none
}
.button, input , .inputbox, form, select {
font-family:tahoma}
.buttonheading img {
display:none
}


h1.logo{
background: url(../images/logo_bg.gif) no-repeat;


}


h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 180%;
text-transform: uppercase;
width:240px;
float:left;
}


h1.logo a {
width: 220px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 82px;
position: relative;
z-index: 100;
margin:0 10px;
}


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


h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}


p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color:#09F;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}

ای بابا این css چرا اینجوری اومد ؟؟:(

برای تغییر رنگ پس زمینه منوها
به فایل template.css قالب تون بروید و در خط 1331

کد:

---

background-color:#ff0;

---

وارد کنید در مورد راست و چپ لطفا با یک عکس نمایش بدید که قراره چه اتفاقی بیوفته