السلام عليكم ..
بالنسبة لما يحتويه الموضوع قد يعلمه البعض منكم لكن ربما الكثير يقعون بهذه المشكلة ولا يعرفون لها حلاً ..
و المشكلة هي أنه مثلاً قمت بتصميم ثيم أو عملت له تنزيل من النت ..
طبعاً سيكون إتجاه الصفحة عادة من اليسار لليمين لو قلنا أن مصممه أجنبي مثلاً ..
فحينما تقوم بتعديل إتجاه الصفحة ليكون من اليمين لليسار بعمل بإضافة :
كود 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>