تغییر یک قالب

**mrsmhn** · 09-14-2008 01:32 PM

سلام
من قالب ultimateblog را می خواهم تغییر بدم.به این صورت که به جای کادر قرمزی که در شکل زیر مشخص کردم می خواهم یک بنر سراسری بگذارم که یک عکس باشد.
[img width=640 height=395]http://i36.tinypic.com/1vg2f.jpg[/img]
خواهشا من و راهنمایی کنید.در ضمن اموزش های سایتم خواندم ولی نتونستم مشکلم و حل کنم.
کد قالب به صورت زیر است:

<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
<html xmlns="[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
<head>

<script type="text/javascript">

function showHideSpan(elId, showhide){
var el;
if (document.getElementById) {el=document.getElementById(elId)}
if (document.all) {el=eval("document.all." + elId)}
if (el == undefined) return;
if (showhide==1) {el.style.display='block'}
else {el.style.display='none'}
}

function ChangeImgSrc(elId, newsrc){
var el;
if (document.getElementById) {el=document.getElementById(elId)}
if (document.all) {el=eval("document.all." + elId)}
if (el == undefined) return;
el.src = "<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/" + newsrc;
}

function OnMod1Chng(){
showHideSpan('mod1_content', 1);
showHideSpan('mod2_content', 0);
showHideSpan('mod3_content', 0);

ChangeImgSrc('mod1_btn', 'mod1_active.png&#039

;
ChangeImgSrc('mod2_btn', 'mod2.png&#039

;
ChangeImgSrc('mod3_btn', 'mod3.png&#039

;
}

function OnMod2Chng(){
showHideSpan('mod1_content', 0);
showHideSpan('mod2_content', 1);
showHideSpan('mod3_content', 0);

ChangeImgSrc('mod1_btn', 'mod1.png&#039

;
ChangeImgSrc('mod2_btn', 'mod2_active.png&#039

;
ChangeImgSrc('mod3_btn', 'mod3.png&#039

;
}

function OnMod3Chng(){
showHideSpan('mod1_content', 0);
showHideSpan('mod2_content', 0);
showHideSpan('mod3_content', 1);

ChangeImgSrc('mod1_btn', 'mod1.png&#039

;
ChangeImgSrc('mod2_btn', 'mod2.png&#039

;
ChangeImgSrc('mod3_btn', 'mod3_active.png&#039

;
}

</script>

<?php
if ( $my->id ) {
initEditor();
}

if(mosCountModules('left&#039

>0 && mosCountModules('right&#039

>0)
{
$wide='';
}
elseif(mosCountModules('left&#039

>0 && mosCountModules('right&#039

==0)
{
$wide='_wide';
}
elseif(mosCountModules('left&#039

==0 && mosCountModules('right&#039

>0)
{
$wide='_wide';
}
else
{
$wide='_full';
}

/******************bottom modules width******************/
if(mosCountModules('user4&#039

>0 && mosCountModules('user5&#039

>0 && mosCountModules('user6&#039

>0 )
{
$btm_usr='33%';
}
elseif(mosCountModules('user4&#039

==0 && mosCountModules('user5&#039

>0 && mosCountModules('user6&#039

>0 )
{
$btm_usr='50%';
}
elseif(mosCountModules('user4&#039

>0 && mosCountModules('user5&#039

==0 && mosCountModules('user6&#039

>0 )
{
$btm_usr='50%';
}
elseif(mosCountModules('user4&#039

>0 && mosCountModules('user5&#039

>0 && mosCountModules('user6&#039

==0 )
{
$btm_usr='50%';
}
elseif(mosCountModules('user4&#039

==0 && mosCountModules('user5&#039

==0 && mosCountModules('user6&#039

>0 )
{
$btm_usr='100%';
}
elseif(mosCountModules('user4&#039

==0 && mosCountModules('user5&#039

>0 && mosCountModules('user6&#039

==0 )
{
$btm_usr='100%';
}
elseif(mosCountModules('user4&#039

>0 && mosCountModules('user5&#039

==0 && mosCountModules('user6&#039

==0 )
{
$btm_usr='100%';
}
else
{
$btm_usr='100%';
}

mosShowHead();
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body class="body_style">
<div class="top_red">
<div class="wrapp">
<div class="logo"><a href="index.php"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/logo.png" alt="logo.png" border="0" /></a></div>
<? if(mosCountModules('user4&#039

) { ?>
<div style="width: 100px; float: right; padding-top: 15px;">
<? mosLoadModules('user4&#039

;?>
</div>
<? } ?>
<div class="box"><? mosLoadModules('cpanel',-2); ?></div>
<div class="clr"></div>

<div class="clr"></div>
</div>
</div>
<div class="top_grey">
<div class="wrapp">
<div class="modslayout">
<div class="mods">
<div class="mod_title">
<div id="mod1"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/mod1_active.png" alt="mod1.png" border="0" id="mod1_btn" onclick="OnMod1Chng()" /></div>
<div id="mod2"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/mod2.png" alt="mod2.png" border="0" id="mod2_btn" onclick="OnMod2Chng()" /></div>
<div id="mod3"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/mod3.png" alt="mod3.png" border="0" id="mod3_btn" onclick="OnMod3Chng()" /></div>
</div>
<div class="mod_content">
<div id="mod1_content"><? mosLoadModules('user1&#039

; ?></div>
<div id="mod2_content"><? mosLoadModules('user2&#039

; ?></div>
<div id="mod3_content"><? mosLoadModules('user3&#039

; ?></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="text"><?php echo $mosConfig_sitename; ?></div>
<div class="clr"></div>
</div>
</div>
<div class="wrapp">
<div class="left"><? mosLoadModules('right&#039

; ?></div>
<div class="body_content<? echo $wide; ?>">
<? if(mosCountModules('top&#039

) { ?>
<div class="top_module"><? mosLoadModules('top&#039

; ?></div>
<? } ?>
<div class="body_cnt_bg">
<div class="left_repeat">
<div class="right_repeat">
<div class="top_repeat">
<div class="bottom_repeat">
<div class="top_l_c">
<div class="top_r_c">
<div class="bottom_l_c">
<div class="bottom_r_c">
<div class="content">
<? mosMainBody(); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="right"><? mosLoadModules('left&#039

; ?></div>
<div class="clr"></div>
</div>
<br />
<div class="footer">
<div class="copyright"><?PHP include_once("includes/footer.php&quot

; ?></div>
<div class="clr"></div>
</div>
<? if(mosCountModules('user5&#039

|| mosCountModules('user6&#039

) { ?>
<div class="bottom_red">
<div class="wrapp">
<table border="0" cellspacing="3" cellpadding="0" width="100%">
<tr>
<? if(mosCountModules('user5&#039

) { ?>
<td valign="top" width="<? echo $btm_usr; ?>"><? mosLoadModules('user5&#039

; ?></td>
<? } ?>
<? if(mosCountModules('user6&#039

) { ?>
<td valign="top" width="<? echo $btm_usr; ?>"><? mosLoadModules('user6&#039

; ?></td>
<? } ?>
</tr>
</table>
</div>
</div>
<? } ?>
</body>
</html>

**تبلیغات** · 09-14-2008 01:32 PM

**mehrabun** · 09-14-2008 03:46 PM

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

اينم از استايل (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;
}

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

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

**mrsmhn** · 09-14-2008 04:48 PM

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

**mehrabun** · 09-14-2008 06:09 PM

سلام دوست من. (من مهربون خالي هستم

)

از اونجايي كه اين قالب بصورت خاصي ساخته شده. شما براي حذف بالاي قالب هم بايد index.php رو ويرايش كنيد و هم عمده كار از استايل خواهد بود.

اما من يك پيشنهاد دارم. شما خودتون اين قالب رو بسازيد. اينكار بهتره.

من مدتي پيش ميخواستم اين قالب رو ويرايش كنم. اما پير شدم. يكم پيچيده و پيوسته به هم هستش. در واقع جوري ساخته شده كه دستكاريش سخته.

بازم تصميم با خودته.

چون يكسري كدنويسي توي اين قالب انجام شده و تيبل چيني بصورت نامحسوس هست و در استايل اكثر مسائل تعريف شده. يكم موضوع رو پيچيده ميكنه.

البته هيچ كاري نشد نداره. ولي به نظر من از نو بسازيش ساده تر و راحتتر و دم دستي تر ميشه. اگه اينبار مجبور به تغيير اين قالب بشم. از نو ميسازمش!

فكر نميكنم ساختنش زماني ببره. اما من فعلاً زمانش رو ندارم وگرنه شك نكن كه برات ميساختم و در مامبوديگ جايگزين فعلي ميشد! (البته با نظر مديران)

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

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

**mrsmhn** · 09-14-2008 07:00 PM

هیچ کس دیگه از دوستان نمی تونن کمکم کنن؟

**DesignX** · 09-14-2008 07:05 PM

سلام

منظورتون بتر تبلیغاتیه یا بنر خود سایت(که می خواهید جایگزین کنید).
در ضمن این کار نه سخته نه پیچیده و نه پیرتون میکنه.
فقط باید آشنایی مختصری با برنامه نویسی ، CSS و ... داشته باشید.
تو آموزش های انجمن هم جستجو کنید.

یا علی

**javid2005** · 09-14-2008 07:17 PM

اون قسمتی که اشاره کردید (زیر کلمه نماهنگ) واسه خودش موقعیت ماژول نداره؟

می تونید یه موقعیت ماژول به اون قسمت اضافه کنید و خیلی راحت ماژول بنر رو اونجا قرار بدید
اضافه کردن یه موقعیت ماژول هم فکر نکنم کار خیلی سختی باشه به جز اینکه قالبتون پیچیده باشه

باید روش کار کنید و از دیگر موقعیت ماژولهای قالبتون الهام بگیرید

موفق باشید

**mrsmhn** · 09-14-2008 08:05 PM

دستتان درد نکنه مشکلم حل شد
از دوستان
javid2005
DesignX
mehrabun
خیلی تشکر می کنم.خیلی ممنون

**mehrabun** · 09-14-2008 09:47 PM

مشكل شما چطور حل شد؟

در ضمن محمد جان يه لطفي ميكني اين قالب رو به شكلي كه كلاً بالاي قالب (همون قسمتي كه توي عكس مشخص شده) رو نداشته باشه تغيير بدي.(من نيازش دارم)

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

**mrsmhn** · 09-15-2008 09:21 AM

سلام مهربان عزیز
توی فایل css رفتم و چند تا قسمتش و برداشتم
بعدشم چند تا از عکس هاش و پاک کردم
lمهربان جان واست روی فایل رپید شیر گذاشتم که دانلود کنی
یه نگاه بنداز مشکلاتش و بهم بگو حتما.بعدشم نظرت و بهم بگو
ادرس دانلودش:
ttp://rapidshare.com/files/145420270/ultimateblog.zip.html
دوستان دیگه هم نگاه کنن و مشکلاتش و بهم بگن.ممنون میشم
منتظرم
یا علی