السلام عليكم ..
بالنسبة لما يحتويه الموضوع قد يعلمه البعض منكم لكن ربما الكثير يقعون بهذه المشكلة ولا يعرفون لها حلاً ..
و المشكلة هي أنه مثلاً قمت بتصميم ثيم أو عملت له تنزيل من النت ..
طبعاً سيكون إتجاه الصفحة عادة من اليسار لليمين لو قلنا أن مصممه أجنبي مثلاً ..
فحينما تقوم بتعديل إتجاه الصفحة ليكون من اليمين لليسار بعمل بإضافة :
هذا هو الحل المعروف لعكس الإتجاه لكنه سيسبب مشكلة ببعض الجداول المتداخلة ..كود PHP:<html dir="rtl">
و سيجعلها معكوسة و تفسد التصميم ..
فالحل سهل بسيط و هو عكس الأعمدة بمعنى جعل كود العمود الذي يكتب في الكود أولاً جعله بالأخير ..
و كما يقال بالمثال يتضح المقال فهذا مثال بسيط ..
لدينا مثلاً الكود التالي و يظهر بشكل معكوس :
فالحل بكل بساطة :كود PHP:<tr>
<td bgcolor="#FFFFFF">العمود الأول</td>
<td bgcolor="#F0F0F0">العمود الثاني</td>
<td bgcolor="#00000">العمود الثالث</td>
</tr>
بكل بساطةكود PHP:<tr>
<td bgcolor="#00000">العمود الثالث</td>
<td bgcolor="#F0F0F0">العمود الثاني</td>
<td bgcolor="#FFFFFF">العمود الأول</td>
</tr>
..
طبعا تتم هذه العملية بكل صف بالجدول <tr></tr> ..
أتمنى يكون واضح الموضوع
مثال متقدم قبل التعديل :
و بعد التعديل لاحظوا الفرق :كود PHP:<TABLE WIDTH=202 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#FCEDD6" style="border-collapse: collapse" bordercolor="#111111">
<TR>
<TD COLSPAN=4>
<IMG SRC="themes/s4u/images/blcok-mona_01.jpg" WIDTH=202 HEIGHT=17 ALT=""></TD>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 background="themes/s4u/images/blcok-mona_02.jpg">
<p align="center">
<font class="content" color="#363636"><b>$title</b></font></TD>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=31 ALT=""></TD>
</TR>
<TR>
<TD background="themes/s4u/images/blcok-mona_03.gif">
<IMG SRC="themes/s4u/images/blcok-mona_03.gif" ALT=""></TD>
<TD ROWSPAN=5 background="themes/s4u/images/blcok-mona_04.jpg" valign="top" width="158">
<p align="right">$content </TD>
<TD COLSPAN=2 ROWSPAN=2 valign="top" background="themes/s4u/images/bo.jpg">
<IMG SRC="themes/s4u/images/blcok-mona_05.gif" WIDTH=25 HEIGHT=107 ALT=""></TD>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=102 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3 background="themes/s4u/images/blcok-mona_06.jpg">
<IMG SRC="themes/s4u/images/blcok-mona_06.jpg" ALT=""></TD>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD background="themes/s4u/images/blcok-mona_07.gif">
</TD>
<TD ROWSPAN=3 bgcolor="#FCEDD6" width="12">
</TD>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=101 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2 background="themes/s4u/images/blcok-mona_09.jpg">
<IMG SRC="themes/s4u/images/blcok-mona_09.jpg" WIDTH=13 HEIGHT=86 ALT=""></TD>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=33 ALT=""></TD>
</TR>
<TR>
<TD valign="bottom" background="themes/s4u/images/bo2.jpg">
<IMG SRC="themes/s4u/images/blcok-mona_10.gif" WIDTH=19 HEIGHT=53 ALT=""></TD>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=53 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="themes/s4u/images/blcok-mona_12.jpg" WIDTH=202 HEIGHT=50 ALT=""></TD>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=50 ALT=""></TD>
</TR>
</TABLE>
كود PHP:<TABLE WIDTH=202 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#FCEDD6" style="border-collapse: collapse" bordercolor="#111111">
<TR>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=17 ALT=""></TD>
<TD COLSPAN=4>
<IMG SRC="themes/s4u/images/blcok-mona_01.jpg" WIDTH=202 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=31 ALT=""></TD>
<TD COLSPAN=4 background="themes/s4u/images/blcok-mona_02.jpg">
<p align="center">
<font class="content" color="#363636"><b>$title</b></font></TD>
</TR>
<TR>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=102 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=2 valign="top" background="themes/s4u/images/bo.jpg">
<IMG SRC="themes/s4u/images/blcok-mona_05.gif" WIDTH=25 HEIGHT=107 ALT=""></TD>
<TD ROWSPAN=5 background="themes/s4u/images/blcok-mona_04.jpg" valign="top" width="158">
<p align="right">$content </TD>
<TD background="themes/s4u/images/blcok-mona_03.gif">
<IMG SRC="themes/s4u/images/blcok-mona_03.gif" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
<TD ROWSPAN=3 background="themes/s4u/images/blcok-mona_06.jpg">
<IMG SRC="themes/s4u/images/blcok-mona_06.jpg" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=101 ALT=""></TD>
<TD ROWSPAN=3 bgcolor="#FCEDD6" width="12">
</TD>
<TD background="themes/s4u/images/blcok-mona_07.gif">
</TD>
</TR>
<TR>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=33 ALT=""></TD>
<TD ROWSPAN=2 background="themes/s4u/images/blcok-mona_09.jpg">
<IMG SRC="themes/s4u/images/blcok-mona_09.jpg" WIDTH=13 HEIGHT=86 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=53 ALT=""></TD>
<TD valign="bottom" background="themes/s4u/images/bo2.jpg">
<IMG SRC="themes/s4u/images/blcok-mona_10.gif" WIDTH=19 HEIGHT=53 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="themes/s4u/images/spacer.gif" WIDTH=1 HEIGHT=50 ALT=""></TD>
<TD COLSPAN=4>
<IMG SRC="themes/s4u/images/blcok-mona_12.jpg" WIDTH=202 HEIGHT=50 ALT=""></TD>
</TR>
</TABLE>
