تم فتح الموضوع مرة أخري لوجود مشكلة أخري ظهرت للعضو في تركيب ما تم تقطيعه
لتركيب ما تم تقطيعه أولًا ..
يتم وضع الصور في ملف وليكن إسمه
style
ويتم وضعه في ملف الصور الخاص بالإستايل
ثم في الـcss نضع الخلفية
قم بالرجوع لهذا الموضوع
♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦
طريقة وضع خلفية ذات جوانب للمنتدى مع تحويل التصميم لغير ممتد
♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦
شرح وضع صورة ثابتة وعمل جوانب ثابتة لخلفية المنتدى ( مبسط )
♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦
ثم قم بتوزيع الإستايل سواء بالجداول ( الطريقة القديمة ) بإستخدام الفرونت بيج
ويكون هكذا ..
1- أفتح الفرونت بيج
أفتح صفحة جديده وأختار
(تعليمات برمجية - code)
ثم أحذف كل ما داخلها وأختار مره أخري (تصميم - Design)
ثم قم بعمل جدول
مكون من خمسة صفوف (علي حسب الإحتياج ) وعمود واحد
5 Row
1 Column
ثم قم بتعديل خصائص الجدول كالصورة
ثم قم بتوزيع الصور كما في الصورة
بعد هذا تقوم بالدخول إلي
(تعليمات برمجية - code)
و تبحث عن مسار الصور
مثلًا src="style_03.png"
وتقوم بالضغط ctrl + F
ثم (إستبدال - Replace)
ثم البحث عن : src="st
و الإستبدال بـ :
src="{$image_path}/images/st
images هو إسم ملف الصور والذي رمزنا له في أول الأمر بـStyle
ثم Replace All أو إستبدل الكل
ثم بعد هذا نبحث عن مكان التمدد الطولي وهو
نأخذ الكود الأحمر وما فوقه مثلًا سيكون
CODE
<div align="center">
<table border="0" width="800" dir="rtl" cellspacing="0" cellpadding="0">
<tr>
<td width="325">
<img border="0" src="{$image_path}/images/style_04.png" width="325" height="80"></td>
<td width="493" rowspan="2">
<img border="0" src="{$image_path}/images/style_03.png" width="493" height="173"></td>
</tr>
<tr>
<td width="325" height="89">
<img border="0" src="{$image_path}/images/style_07.png" width="325" height="88"></td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="{$image_path}/images/style_09.png" width="818" height="65"></td>
</tr>
<tr>
<td height="92" align="center">
<img border="0" src="{$image_path}/images/style_18.png" width="256" height="42"></td>
<td height="92" align="center">
<table border="0" width="100" cellspacing="0" cellpadding="0">
<tr>
<td width="89" rowspan="3">
<img border="0" src="{$image_path}/images/style_11.png" width="89" height="100"></td>
<td width="187">
<img border="0" src="{$image_path}/images/style_24.png" width="187" height="36"></td>
<td rowspan="2">
<img border="0" src="{$image_path}/images/style_14.png" width="67" height="35"></td>
</tr>
<tr>
<td width="187" rowspan="2">
<img border="0" src="{$image_path}/images/style_15.png" width="187" height="36"></td>
</tr>
<tr>
<td>
<img border="0" src="{$image_path}/images/style_23.png" width="67" height="36"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
ونضعه في الهيدر
header.tpl
وفي الفوتر
footer.tpl
نضع كل ما تحت الأحمر في نهاية الفوتر
CODE
</td>
</tr>
<tr>
<td colspan="2" align="left">
<img border="0" src="{$image_path}/images/style_27.png" width="265" height="84"></td>
</tr>
</table>
</div>
أو بالـcss الطريقة الأكثر إحترافية وسأقوم بعمل هذا الشرح إن شاء الله