بهم ریختن قالب

**farshad_momtaz** · 02-19-2010 06:58 PM

سلام,
من یه قالب برای سایتم ساختم ولی بعد از آپلود و اجرای قالب, سایت به هم می ریزه و من نمی تونم از ماژول ها استفاده کنم!یعنی اجازه پر کردن فیلد ها (برای ماژول ورود) را نمی ده و برای ماژول سرچ قابل به تایپ اطلاعات برای سرچ نیستم
یه عکس از قالب:
[img width=640 height=378]http://efreeauctions.com/fdmomtaz/screenshot.JPG[/img]
کد های ایندکس قالب هستن:

کد:

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
&lt;html xmlns=&quot;[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] xmlns:v=&quot;urn:schemas-microsoft-com:vml&quot; xmlns:o=&quot;urn:schemas-microsoft-com:office:office&quot;&gt;

&lt;head&gt;
&lt;?php echo &quot;&lt;?xml version=\&quot;1.0\&quot;?&quot;.&quot;&gt;&quot;; ?&gt;
&lt;?php
defined( &#039;_VALID_MOS&#039; ) or die( &#039;Direct Access to this location is not allowed.&#039; );
?&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;?php mosShowHead(); ?&gt; &lt;?php
if ( $my-&gt;id ) {
initEditor();
}
?&gt;
&lt;style type=&quot;text/css&quot;&gt;
.style1 {
  text-align: center;
}
.style2 {
  text-decoration: none;
}
.style3 {
  color: #000000;
  font-family: &quot;Times New Roman&quot;, Times, serif;
  font-size: medium;
}
.style4 {
  text-align: center;
  font-weight: bold;
}
.style5 {
  text-align: center;
  font-family: &quot;Times New Roman&quot;, Times, serif;
  font-weight: bold;
  font-size: medium;
}
.style6 {
  color: #000000;
}
&lt;/style&gt;
&lt;link href=&quot;&lt;?php echo $mosConfig_live_site;?&gt;/templates/mytestdirectory/css/template_css.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
&lt;link rel=&quot;alternate&quot; title=&quot;&lt;?php echo $mosConfig_sitename; ?&gt;&quot; href=&quot;&lt;?php echo $GLOBALS&#91;&#039;mosConfig_live_site&#039;]; ?&gt;/index2.php?option=com_rss&amp;no_html=1&quot; type=&quot;application/rss+xml&quot; /&gt;
&lt;link rel=&quot;shortcut icon&quot; href=&quot;&lt;?php echo $mosConfig_live_site;?&gt;/templates/mytestdirectory/images/favicon.ico&quot; /&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;div style=&quot;position: relative; width: 800px; height: 195px; z-index: 1; left: 0px; top: 0px; margin-left: auto; margin-right: auto&quot; id=&quot;header&quot;&gt;
  &lt;div style=&quot;position: relative; width: 800px; height: 150px; z-index: 1&quot; id=&quot;logo&quot;&gt;
  &lt;img alt=&quot;My test Directory logo&quot; src=&quot;&lt;?php echo $mosConfig_live_site; ?&gt;/templates/mytestdirectory/images/logo.jpg&quot; width=&quot;800&quot; height=&quot;150&quot; /&gt;&lt;/div&gt;
  &lt;div style=&quot;background-position: center; position: relative; width: 700px; height: 45px; z-index: 2; margin-left: auto; margin-right: auto; background-image: url(&#039;&lt;?php echo $mosConfig_live_site; ?&gt;/templates/mytestdirectory/images/menu.jpg&#039;); background-repeat: no-repeat; &quot; id=&quot;menu&quot; class=&quot;style12&quot;&gt;
  &lt;div style=&quot;position: absolute; width: 110px; height: 20px; z-index: 1; left: 14px; top: 13px; right: 576px;&quot; id=&quot;home&quot; class=&quot;style4&quot;&gt;
  &lt;a href=&quot;[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] class=&quot;style2&quot;&gt;
  &lt;span class=&quot;style3&quot;&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div style=&quot;position: absolute; width: 110px; height: 20px; z-index: 2; left: 139px; top: 14px&quot; id=&quot;browse&quot; class=&quot;style5&quot;&gt;
   &lt;a href=&quot;[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] class=&quot;style2&quot;&gt;
   &lt;span class=&quot;style6&quot;&gt;Browse&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;position: relative; width: 800px; height: 606px; z-index: 2; left: 0px; top: 0px; margin-left: auto; margin-right: auto; margin-top: 20px;&quot; id=&quot;main&quot; class=&quot;style2&quot;&gt;
  &lt;div style=&quot;background-position: center; position: relative; width: 460px; height: 250px; z-index: 1; float: left; left: 0px; top: 0px; background-color: #C0C0C0; background-image: url(&#039;&lt;?php echo $mosConfig_live_site; ?&gt;/templates/mytestdirectory/images/topleft.jpg&#039;); background-repeat: no-repeat;&quot; id=&quot;topleft&quot;&gt;
  &lt;div style=&quot;position: relative; width: 460px; height: 55px; z-index: 1&quot; id=&quot;user1&quot; class=&quot;style8&quot;&gt;
  &lt;?php mosLoadModules(&#039;user1&#039;); ?&gt;
  &lt;/div&gt;
  &lt;div style=&quot;position: absolute; width: 460px; height: 178px; z-index: 2; left: 0px; top: 58px;&quot; id=&quot;user2&quot; class=&quot;style7&quot;&gt;
  &lt;?php mosLoadModules(&#039;user 2 &#039;); ?&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style=&quot;background-position: center; position: relative; width: 330px; height: 250px; z-index: 2; float: right; left: 0px; top: 0px; background-color: #C0C0C0; background-image: url(&#039;&lt;?php echo $mosConfig_live_site; ?&gt;/templates/mytestdirectory/images/topright.jpg&#039;); background-repeat: no-repeat;&quot; id=&quot;topright&quot; class=&quot;style13&quot;&gt;
  &lt;?php mosLoadModules(&#039;right&#039;); ?&gt;
  &lt;/div&gt;
  &lt;div style=&quot;position: relative; width: 800px; height: 354px; z-index: 3&quot; id=&quot;contant&quot;&gt;
  &lt;?php mosMainBody(); ?&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;position: relative; width: 800px; height: 60px; z-index: 3; margin-left: auto; margin-right: auto; left: 0px; top: 0px; background-color: #C0C0C0; background-image: url(&#039;&lt;?php echo $mosConfig_live_site; ?&gt;/templates/mytestdirectory/images/footer.jpg&#039;); background-repeat: no-repeat;&quot; id=&quot;footer&quot; class=&quot;style1&quot;&gt;
&lt;div style=&quot;position: absolute; width: 364px; height: 40px; z-index: 1; left: 13px; top: 9px&quot; id=&quot;shortutbox&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;position: absolute; width: 297px; height: 23px; z-index: 2; left: 491px; top: 20px&quot; id=&quot;copyright&quot; class=&quot;style12&quot;&gt;
Copyright&amp;nbsp; �
&lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;

&lt;/html&gt;

کد های فایل سی اس اس:

کد:

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(&#039;image/1200l.jpg&#039;);
}
.style1 {
	margin-top: 17px;
}
.style2 {
	margin-top: 5px;
}
.style7 {
	margin-top: 11px;
}
.style8 {
	margin-bottom: 3px;
}
.style12 {
	color: #FFFFFF;
	padding-top: 0px;
}
.style13 {
	margin-left: 10px;
}

mytestdirectory.efreeauction.com

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

با تشکر

** هایپرلینک اصلاح شد
** تگ کد اضافه شد

**تبلیغات** · 02-19-2010 06:58 PM

**dj_ahmad** · 02-19-2010 07:23 PM

اینکه قالب رو خودتون درست کردید عالی هست
ولی قالبتون افتضلح هست
به نظر من بهتره یه قالب استاندارد از اینترنت پیدا کنید و با تغییر توی css و ... اونو به شکل دلخواهتون در بیارید

**mersad** · 02-19-2010 07:27 PM

سلام
قالب رو با چی ساختین ؟

**farshad_momtaz** · 02-19-2010 08:02 PM

آخه نمی خوام از شکل های معمولی استفاده کنم
و با microsoft expression ساختمش!(اولین بار که از این برنامه استفاده کردم)
یعنی درست بشو نیست این؟

**reka** · 02-19-2010 08:20 PM

سلام

بهم ریختگی قالب شما طوری نیست که با ذکر یکی دو مورد مشکل برطرف بشه.
به شما پیشنهاد میکنم برای شروع، از قالبهای رایگان و آماده الگو بگیرید و با ایجاد تغییرات در این قالبها شکل مورد نظرتون رو دربیارید.
برای طراحی قالب جوملا از base نیاز به دانش php, html, css + javascript دارید.

یا علی

**mersad** · 02-19-2010 08:27 PM

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