تحديث آخر نسخة 1.8.37

تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
شرح تصميم استايل بالصور
#1
Icon13 
السلام عليكم ورحمة الله وبركاته

لقد لاحظت ان الكثرين منكم يريد ان يعرف كيفية تصميم استايل خاص به

ولهذا قمت بعمل الشرح


فالنبدا

[صورة: 10.gif]


[صورة: 11.gif]


[صورة: 12.gif]


[صورة: 13.gif]


[صورة: 14.gif]


[صورة: 15.gif]


[صورة: 16.gif]


[صورة: 17.gif]


[صورة: 18.gif]


[صورة: 19.gif]


الان بعد كل هذا نقوم بشرح تصميم الهيدر


اولا

نفتح صفحة جديدة من برنامج الفرونت بيج ونقوم بحزف الكود الموجود بها

وثم

نضيف جدول من ثلاث أعمدة لاحظ الطريقة:
[صورة: 7.GIF]
الآن نقوم بإضافة صور الهيدر إلى الجدول
لكن بالعكس أي أننا نضيف الصورة التي في يمين التصميم في الحقل الذي على يسار الجدول:
و الأمر نفسه مع الصورة الأخرى انظر:
[صورة: 10.GIF]

الآن نريد و ضع صورة التمدد في الخلية التي في الوسط؟عم أتحدث أليس هذا ما تقول في نفسك..
لا عليك سأشرح لك..لقد أخذنا صوراً فارغة من الكلام و قلت انها مهمة هنا تكمن أهميتها..
الطريقة لاستخدامها انقر بالزر الأيمن للفأرة على الخلية التي في الوسط..
و اختر خصائص الخلية انظر الصورة:
[صورة: 11.GIF]

و اختر صورة التمدد :
[صورة: 12.GIF]

ستظهر لك الخلية على الشكل التالي:
[صورة: 13.GIF]

و هذا هو المطلوب..الآن لكي نلغي الحدود التي بين الصور ننفذ التالي ننقر بالزر اليمين على أي خلية و نختر خصائص الجدول:
[صورة: 15.GIF]

بعد أن تنفذ كالسابق تصبح لديك على الشكل التالي:
[صورة: 16.GIF]










ويتبع انشاء الله عن قريب
شكر من طرف :


الردود في هذا الموضوع
شرح تصميم استايل بالصور - بواسطة fox55511 - 2007-11-04, 03:26 PM
Re: شرح تصميم استايل بالصور - بواسطة assmae.net - 2007-11-04, 04:09 PM
Re: شرح تصميم استايل بالصور - بواسطة Pepo - 2007-11-05, 01:28 AM
Re: شرح تصميم استايل بالصور - بواسطة awtil.com - 2007-11-07, 12:48 AM
Re: شرح تصميم استايل بالصور - بواسطة fox55511 - 2007-11-08, 02:17 PM
RE: شرح تصميم استايل بالصور - بواسطة raap - 2008-02-04, 11:16 AM
Re: شرح تصميم استايل بالصور - بواسطة fox55511 - 2007-11-09, 07:25 AM
Re: شرح تصميم استايل بالصور - بواسطة Pepo - 2007-11-09, 07:41 AM
Re: شرح تصميم استايل بالصور - بواسطة mr.lion - 2007-11-09, 08:02 AM
Re: شرح تصميم استايل بالصور - بواسطة fox55511 - 2007-11-09, 08:04 AM
Re: شرح تصميم استايل بالصور - بواسطة Stendhalmed - 2007-11-09, 03:35 PM
Re: شرح تصميم استايل بالصور - بواسطة awtil.com - 2007-11-15, 12:34 AM
Re: شرح تصميم استايل بالصور - بواسطة Pepo - 2007-11-15, 02:47 AM
Re: شرح تصميم استايل بالصور - بواسطة alfawalidou - 2007-12-16, 07:57 PM

التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 3 ) ضيف كريم