تغییر یک قالب

[mehrabun]

سلام
براي تغيير بايد از استايل استفاده كنيد.

اينم از استايل (css) :

html
{
	height:100%;
}

.body
{
	height:100%;
	margin:0;
	padding:0;
}

tr,td,p,div
{
	font-family: tahoma,Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height: 17px
}

.clr
{
	clear:both;
}

/**************************layout stuff********************************/

.body_style
{
	padding:0;
	margin:0;
	background-color:#E2DBC8;
}

.wrapp
{
	width:900px;
	margin:0 auto;
	text-align:right;	direction: rtl;

}

.top_red
{
	height:53px;
	background:transparent url(../images/red_bg.png) 0% 0% repeat-x;
}

.logo
{
	float: left;
}

.searchbox
{
	float:right;
	/*width:250px;*/
}

.quicksearch_img
{
	float: right;
}

.box
{
	float: right;
	padding:15px 0px 0px 0px;
}

.top_grey
{
	background-color:#24221B;
	border-bottom:5px solid #3F3C30;
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
}

/****************styling the buttons mod1,mod2,mod3 and its functions*************************/
.modslayout
{
	float: right;
	width:500px;
}

.mods
{
}

.mod_title
{
	float: right;
}

#mod1,#mod2,#mod3
{
	margin:0px 0px 11px 0px;
}

.mod_content
{
	float: right;
	background-color:#5B5644;
	width:300px;
	height:112px;
}

#mod1_content
{
	display:block;
	padding:3px 3px 0px 8px;
	height:107px;
	overflow:auto;
}

#mod2_content
{
	display:none;
	padding:3px 3px 0px 8px;
	height:107px;
	overflow:auto;
}

#mod3_content
{
	display:none;
	padding:3px 3px 0px 8px;
	height:106px;
	overflow:auto;
}





/*******************************************************************************************/

.text
{
	float:right;
	width:300px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}

.footer
{
	padding:3px 0px 3px 0px;
	background-color:#24221B;
	border-top:5px solid #3F3C30;
}

.copyright
{
color: White;
direction:rtl;
text-align:center;
	}

.top_module
{
	padding:5px;
	background-color:#F8F7F1;
	margin-bottom:10px;
	border:2px solid #D7CFB6;
}

.left
{
	float: right;
	width:180px;
}

.right
{
	float: right;
	width:180px;
	margin-right:10px;
}

.body_content
{
	float: right;
	width:520px;
}

.body_content_wide
{
	float: right;
	width:710px;
}

.body_content_full
{
}

.body_cnt_bg
{
	background-color:#F8F7F1;
}

.left_repeat
{
	background:transparent url(../images/left_repeat.png) 0% 0% repeat-y;
}

.right_repeat
{
	background:transparent url(../images/right_repeat.png) 100% 0% repeat-y;
}

.top_repeat
{
	background:transparent url(../images/top_repeat.png) 0% 0% repeat-x;
}

.bottom_repeat
{
	background:transparent url(../images/bottom_repeat.png) 0% 100% repeat-x;
}

.top_l_c
{
	background:transparent url(../images/top_l_c.png) 0% 0% no-repeat;
}

.top_r_c
{
	background:transparent url(../images/top_r_c.png) 100% 0% no-repeat;
}

.bottom_l_c
{
	background:transparent url(../images/bottom_l_c.png) 0% 100% no-repeat;
}

.bottom_r_c
{
	background:transparent url(../images/bottom_r_c.png) 100% 100% no-repeat;
}

.content
{
	padding:10px;
}

.bottom_red
{
	background:#990000 url(../images/bottom_red.png) 0% 0% repeat-x;
	border-top:3px solid #990000;
	padding:5px 0px 10px 0px;
}

/************************************************************************************/
/* special styling for modules published in user1,user2,user3            */
/************************************************************************************/


.mod_content a:link,.mod_content a:visited
{
	color:#FFCC00;
}

.mod_content a:hover
{
	color:#FFFFFF;
}

.mod_content table.moduletable
{
	width:100%;
	margin:0;
	padding:0;
}

.mod_content table.moduletable th
{
	color:#FFFFFF;
	text-align: right;
	padding:0px 0px 3px 0px;
	font-weight:normal;
	font-size:12px;
	background:none;
	border-bottom:none;
}

.mod_content table.moduletable td
{
	color:#CCCCCC;
}


table.moduletable
{
	width:100%;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	background:transparent;
}

table.moduletable th
{
	color:#990000;
	font-size:13px;
	text-align: right;
	text-transform:uppercase;
	padding:0px 0px 2px 0px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
	border-bottom:1px solid #D7CFB6;
}

table.moduletable td
{
	padding:0px 0px 0px 0px;
	text-align: right;
}



.top_module table.moduletable
{
	margin:0px 0px 0px 0px;
}

.bottom_red table.moduletable
{
	width:100%;
	margin:0;
	padding:0;
}

.bottom_red table.moduletable th
{
	color:#FFFFFF;
	text-align: right;
	padding:0px 0px 3px 0px;
	font-weight:normal;
	font-size:12px;
	background:none;
	border-bottom:none;
}

.bottom_red table.moduletable td
{
	color:#FFFFFF;
	text-align: right;
}

.bottom_red a:link,.bottom_red a:visited
{
	color:#FFCC00;
}

.bottom_red a:hover
{
	color:#FFFFFF;
}

/***********************joomla custom stuff**************************/

a:link,a:visited
{
	color:#640000;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a.mainlevel:link,a.mainlevel:visited
{
	padding:0px 9px 0px 9px;
	background:transparent url(../images/mainlevel.png) right no-repeat;
}

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

ul li
{
	background:transparent url(../images/arrow.png) right no-repeat;
	padding:0px 12px 0px 0px;
}

a.contentpagetitle:link,a.contentpagetitle:visited
{
	color:#990000;
}

a.contentpagetitle:hover
{
	color:#000000;
}

.contentheading,.componentheading
{
	color:#990000;
	font-size:120%;
	text-align:right;
}

.componentheading
{
	margin-bottom:10px;
}

.small,.createdate,.modifydate,.contentdescription,.smalldark
{
	font-size:80%;
	padding:0;
	margin:0;
	color:#5B5644;
}

.contentdescription img
{
	border:1px solid #D2C8AC;
	padding:1px;
}

.sectiontableheader
{
	background-color:#D2C8AC;
	padding:2px;
}

.sectiontableentry1,.sectiontableentry2
{
	padding:0;
	margin:0;
}

.pollstableborder
{
	border:0px solid #FFFFFF;
}

.contentpane,.contentpaneopen
{
	text-align:right;
}

.blog_more
{
text-align: right;
float: right;
}

.back_button
{
text-align: right;
}

.button {
font-family: Tahoma;
}

.contenttoc
{
	border:1px solid #d1d1d1;
	padding:2px;
}

.inputbox {
	font-family: Tahoma;
}
h1
{
	font-size:14px;
}

h2
{
	font-size:13px;
}

h3
{
	font-size:13px;
}

h4
{
	font-size:13px;
}

h5
{
	font-size:12px;
}

h6
{
	font-size:11px;
}

span.pagenav
{
	font-weight:normal;
}

a.pagenav:link,a.pagenav:visited
{
	font-weight:normal;
}

a.pagenav:hover
{
	font-weight:normal;
}

div.search .inputbox
{
	background:#F8F7F1 url(../images/quicksearch_bg.png) 0% 0% repeat-x;
	border:1px solid #640000;
	padding:2px 0px 2px 3px;
}


form
{
	padding:0;
	margin:0;
	text-align: right;
}

اگه كمي اين فايل رو دستكاري كنيد احتمالاً به چيزي كه ميخواهيد خواهيد رسيد.

موفق و مؤيد باشيد.