أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟


مشاهدة المشاركة في الموضوع بالعرض العادي
look/images/icons/i1.gif [مجابه] شبابـ | ممكن تقطيعـ هذا الستايلـ | ؟؟
  05-05-2012 12:29 صباحاً  
isma3eliano
معلومات الكاتب
تم فتح الموضوع مرة أخري لوجود مشكلة أخري ظهرت للعضو في تركيب ما تم تقطيعه

لتركيب ما تم تقطيعه أولًا ..

يتم وضع الصور في ملف وليكن إسمه
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


&nbsp;</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