اول شي احب اشكرك على جهدك وانا ببدأ تعليقي على الدرس :D
اكبر خطأ يعيضني من المصممين هو وضح
<div align="center"> في بداية الجدول و </div> في نهايته.
طيب ليش ما نستخدم هذا الكود
<div style="text-align: center;"></div>
والآن ترويسة img
كتبت بحروف كبيرة وهذا ناتج من البرامج الآليه وكما ذكرت لغة HTML غير حساسة لحالة الاحرف ويجب أن يفيدنا هذا بأن نستخدم الحروف الصغيرة عوضاً عن ذلك.
هل يجب ان نستخدم الحروف الصغيرة في كل الاكواد ؟؟
الآن إلى الخلية
<td><img src="http://www.klamalnas.com/vb/images/klam/images/cdtxp_08.jpg" width="110" height="44" alt="" /></td>أغلب المصممين ينسون ادراج النهاية
alt="" /في آخر الترويسة img
لكن هنا لم يتم نسيانها وهذا عمل جيد. لكن الكود متضخم بسبب ادراج مسار الصورة بالكامل
وعلينا ان نعلم اين يتم فتح هذا الجدول
إذا كان في الصفحة http://www.klamalnas.com/vb
فنقوم بشطبه من العنوان حتى يخرج لنا بالشكل هذا
<td><img src="images/klam/images/cdtxp_08.jpg" width="110" height="44" alt="" /></td>
ترا هذه اضفتها بالقصد قلت علشان تقدر تشوف الصور :o
شاهدو تكرار الصورة كخلفية وترويسة
<td class="alt5" style="background: url('images/klam/images/cdtxp_11.jpg');" width="41">
<img src="images/klam/images/cdtxp_11.jpg" width="41" height="41" alt="" /></td>والطريقة الصحيحة لذلك هي
<td width="41"><img src="images/klam/images/cdtxp_11.jpg" height="41" width="100%" alt="" /></td>أو
td width="41" height="41" style="background: url('images/klam/images/cdtxp_11.jpg');"> </td>
نسيت تعمل الداية :D
<td width="41" height="41" style="background: url('images/klam/images/cdtxp_11.jpg');"> </td>
والناتج هو
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="110"><img src="images/klam/images/cdtxp_17.jpg" width="100%" height="41" alt="" /></td>
<td width="54"><img src="images/klam/images/cdtxp_16.jpg" width="100%" height="41" alt="" /></td>
<td style="background: url('images/klam/images/cdtxp_13.jpg');"> <img src="images/klam/images/cdtxp_15.jpg" width="100%" height="41" alt="" align="right" /></td>
<td width="68"><img src="images/klam/images/cdtxp_12.jpg" height="41" width="100%" alt="" /></td>
<td width="41"><img src="images/klam/images/cdtxp_11.jpg" width="100%" alt="" /></td>
<td width="111"><img src="images/klam/images/cdtxp_10.jpg" height="41" alt="" width="100%"/></td>
</tr>
</table>
والله صح هذه حاولت فيها اكثر من مرة ما عرفتلها وخليتها زي ماهي
بس الان عرفت كيف : )
شكرا
طيب بعد ما قرأت الدرس طبقت على الهيدر والفوتر
ابغى رايك في الهيدر والفوتر
الهيدر
<div style="text-align: center;">
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" dir="ltr">
<tr>
<td width="15">
<img src="images/klam/images/dtxp_01.jpg" width="15" height="216" alt="" /></td>
<td>
<div style="text-align: center;">
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" dir="ltr">
<tr>
<td width="236">
<img src="images/klam/images/dtxp_02.jpg" width="236" height="216" alt="" /></td>
<td background="images/klam/images/dtxp_03.jpg">
<img src="images/klam/images/dtxp_03.jpg" width="54" height="216" alt="" align="left" hspace="0" /></td>
<td width="102">
<img src="images/klam/images/dtxp_05.jpg" width="102" height="216" alt="" /></td>
<td width="354">
<a href="$vboptions[forumhome].php$session[sessionurl_q]">
<img src="images/klam/images/dtxp_06.jpg" width="354" height="216" alt="$vboptions[bbtitle]" border="0" /></a></td>
</tr>
</table>
</div>
</td>
<td width="15">
<img src="images/klam/images/dtxp_07.jpg" width="15" height="216" alt="" /></td>
</tr>
<tr>
<td width="15" background="images/klam/images/dtxp_08.jpg">
<img src="images/klam/images/dtxp_08.jpg" width="15" height="1" alt="" /></td>
<td bgcolor="#D9EDF1" align="center" dir="rtl">
<p align="center"> $bannerztemp1
$bannerztemp3
</p>
<p align="center"> $welcomeheaders</p>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output<p><!-- Latest Threads -->
<if condition="$vboptions[latestthreadsenable] AND $latest_threads">
<b>
<marquee dir="ltr" onmouseover="this.stop()" onmouseout="this.start()" direction="right" scrollamount="2" scrolldelay="60" class="smallfont">$latest_threads</marquee></b>
</if>
<!-- end Latest Threads -->
<!-- ratteb --><script src="http://www.ratteb.com/js.js" Language="JavaScript" Type="Text/JavaScript"></script><script Language="JavaScript" Type="Text/JavaScript">
_rid = 5268;
_rd = "klamalnas.com";
_rs = 0;
_rz = 0;
_rfunction(_rid, _rd, _rs, _rz);
</script><noscript><a href="http://www.ratteb.com" target="_blank"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="رتب لخدمات احصائيات و ترتيب المواقع" border="0" height="18" width="18" /></a> |
<a href="http://www.ratteb.com/klamalnas.com"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="شبكة كلام الناس - احصائيات و ترتيب" border="0" height="18" width="18" /></a>
</noscript><!-- /ratteb -->
الفوتر
<br />
</p>
<div class="smallfont" style="text-align: center;">
$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
<br />
$spacer_close
<!-- /content area table -->
<form action="$vboptions[forumhome].php" method="get">
<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
<tr>
<if condition="$show['quickchooser']">
<td class="tfoot">
<select name="styleid" onchange="switch_id(this, 'style')">
<optgroup label="$vbphrase[quick_style_chooser]">
$quickchooserbits
</optgroup>
</select>
</td>
</if>
<if condition="$show['languagechooser']">
<td class="tfoot">
<select name="langid" onchange="switch_id(this, 'lang')">
<optgroup label="$vbphrase[quick_language_chooser]">
$languagechooserbits
</optgroup>
</select>
</td>
</if>
<td class="tfoot" align="$stylevar[right]" width="100%">
<div class="smallfont">
<strong>
<if condition="$show['contactus']"><a href="$vboptions[contactuslink]" rel="nofollow">
$vbphrase[contact_us]</a> -</if>
<if condition="$vboptions['hometitle']"><a href="$vboptions[homeurl]">
$vboptions[hometitle]</a> -</if>
<if condition="$vboptions['archiveenabled']"><a href="archive/index.php">
$vbphrase[archive]</a> -</if>
<if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">
$vbphrase[privacy_statement]</a> -</if>
<a href="#top" onclick="self.scrollTo(0, 0); return false;">
$vbphrase[top]</a>
- <if></if><a href="sitemap.php">$vbphrase[gtp_sitemap]</a>
</strong>
</div>
</td>
</tr>
</table>
<br />
<p>
</p>
<div style="text-align: center;">
<div class="smallfont" style="text-align: center;">
<!-- Do not remove this copyright notice -->
$vbphrase[powered_by_vbulletin]
<!-- Do not remove this copyright notice -->
</div>
<div class="smallfont" style="text-align: center;">
<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
$cronimage
<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
$vboptions[copyrighttext]
<p align="center">
</p>
<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse">
<tr>
<td align="center">
<!-- stat -->
<!-- Begin Motigo Webstats code -->
<!-- Title: شبكة كلام الناس -->
<!-- URL: http://www.klamalnas.com/ -->
<script language="JavaScript" type="text/javascript" src="http://m1.webstats.motigo.com/m.js">
</script>
<script language="JavaScript" type="text/javascript">
<!--
motigo_webstats("ADlMYQWrqK3QZfkluv0yCCGXbfRQ", 0);
// -->
</script>
<noscript>
<a target="_blank" href="http://webstats.motigo.com/stats?ADlMYQWrqK3QZfkluv0yCCGXbfRQ">
<img src="http://m1.webstats.motigo.com/n?id=ADlMYQWrqK3QZfkluv0yCCGXbfRQ" border="0" width="18" height="18" alt="Motigo Webstats - Free web site statistics Personal homepage website counter" />
</a><br />
<a target="_blank" href="http://webstats.motigo.com/">Free counter</a>
</noscript>
<!-- End Motigo Webstats code -->
<a href="http://www.ratteb.com/klamalnas.com" target="_blank"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="شبكة كلام الناس - احصائيات و ترتيب" border="0" height="18" width="18" /></a>
<font></font>
<p>تم افتتاح المنتدى في التاسع من شهر رمضان المبارك عام
1426هـ</p>
<p>تركيب وتطوير : <a href="sendmessage.php">المهندس
فهد</a></p>
</td>
</tr>
</table></div>
<!-- /stat --></div>
</form>
<if condition="$show['dst_correction']">
<!-- auto DST correction code -->
<form action="profile.php?do=dst" method="post" name="dstform">
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="dst" />
</form>
<script type="text/javascript">
<!--
var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];
var utcOffset = new Date().getTimezoneOffset() / 60;
if (Math.abs(tzOffset + utcOffset) == 1)
{ // Dst offset is 1 so its changed
document.forms.dstform.submit();
}
//-->
</script>
<!-- / auto DST correction code -->
</if>
<script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>
</td>
<td width="15" height="1" style="background: url('images/klam/images/dtxp_10.jpg');"> </td>
</tr>
<tr>
<td width="15">
<img src="images/klam/images/dtxp_13.jpg" width="15" height="74" alt="" /></td>
<td>
<div style="text-align: center;">
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse">
<tr>
<td width="236">
<map name="FPMap0">
<area target="_blank" coords="41, 33, 235, 73" shape="rect" href="http://www.dtxp.com" />
<area href="#top" shape="rect" coords="0, 41, 17, 68" />
</map>
<img src="images/klam/images/dtxp_14.jpg" width="236" height="74" alt="" border="0" usemap="#FPMap0" /></td>
<td background="images/klam/images/dtxp_16.jpg">
<p dir="ltr">
<img src="images/klam/images/dtxp_15.jpg" width="54" height="74" alt="" align="left" hspace="0" /></p></td>
<td width="102">
<img src="images/klam/images/dtxp_17.jpg" width="102" height="74" alt="" /></td>
<td width="354">
<img src="images/klam/images/dtxp_18.jpg" width="354" height="74" alt="" /></td>
</tr>
</table>
</div>
</td>
<td width="15">
<img src="images/klam/images/dtxp_19.jpg" width="15" height="74" alt="" /></td>
</tr>
</table></table>
</div>
يلا ابغاك تقولي كيف انا فنان ولا من جمبها :D
وهذا المنتدى حقي بعد ترقية الاستايلات وتزبيطها زي ما علمتنا :cool:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.klamalnas.com%2Fvb%2Fin dex.php
57 غلط بس :D