- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
-
-
[مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟05-05-2012 12:29 صباحاً
-
isma3elianoمعلومات الكاتبعضو
- انضم في :
- 03-11-2009
- رقم العضوية :
- 188
- المشاركات :
- 2152
- الدولة :
- مصر Egypt
- الجنس:
- تاريخ الميلاد :
- 26-10-1994
- الدعوات:
- 4
- قوة السمعة:
- 5518
- موقعي:
- زيارة موقعي
-
تم فتح الموضوع مرة أخري لوجود مشكلة أخري ظهرت للعضو في تركيب ما تم تقطيعه
لتركيب ما تم تقطيعه أولًا ..
يتم وضع الصور في ملف وليكن إسمه
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 الطريقة الأكثر إحترافية وسأقوم بعمل هذا الشرح إن شاء الله
الساعة الآن 10:20 PM