الدعم العربي
شرح تصميم استايل بالصور - نسخة قابلة للطباعة

+- الدعم العربي (https://www.mybbarab.com)
+-- قسم : :: . + الأقسام الإدارية + . :: (https://www.mybbarab.com/forum-36.html)
+--- قسم : الأرشـيـف (https://www.mybbarab.com/forum-39.html)
+---- قسم : تطوير منتديات MyBB 1.2 (https://www.mybbarab.com/forum-86.html)
+----- قسم : استايلات و قوالب منتديات ماى بى بى mybb (https://www.mybbarab.com/forum-4.html)
+----- الموضوع : شرح تصميم استايل بالصور (/thread-1527.html)

الصفحات: 1 2


شرح تصميم استايل بالصور - fox55511 - 2007-11-04

السلام عليكم ورحمة الله وبركاته

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

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


فالنبدا

[صورة: 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]










ويتبع انشاء الله عن قريب


Re: شرح تصميم استايل بالصور - assmae.net - 2007-11-04

تسلم يا غالي يا رييت تضع لنا رابط برنامج front page سلام


Re: شرح تصميم استايل بالصور - أبوعبدالملك - 2007-11-04

بارك الله فيك


Re: شرح تصميم استايل بالصور - Pepo - 2007-11-05

تسلم ايدك يا طيب وفى انتظار كل جديد ان شاء الله


Re: شرح تصميم استايل بالصور - awtil.com - 2007-11-07

بداية مشجعة اخرى الكريمة
اضن الفكرة هي لتعديل على الاستايل الافتراضي وليس تصميم استال جديد
موفق اخي الكريم وسجلني واحد من الحضور


Re: شرح تصميم استايل بالصور - fox55511 - 2007-11-08

شكرا على ردودكم الكريمة وتم تكلمة الشرح هيه


RE: شرح تصميم استايل بالصور - أبوعبدالملك - 2007-11-09

الصور لم تظهر ياليت تعديل روابط الصور


Re: شرح تصميم استايل بالصور - fox55511 - 2007-11-09

السلام عليكم

اهلا اخى العزيز
انا عندى الصور تظهر

اعتقد ان الصور لم تظهر عندك لأن الموقع محجوب من عندك
وانت تعيش فى السعودية
يمكنك الدخول بالـبروكسى


Re: شرح تصميم استايل بالصور - Pepo - 2007-11-09

الصور تظهر بوضوح لدى


Re: شرح تصميم استايل بالصور - mr.lion - 2007-11-09

جزاك الله خيرا اخى الكريم
ولك هدية مخصوصة قريبا وبكن فقط عندما انتهى من منتداى وتطوير ه
وستفيد الكل بأذن الله
مع تحياتى الخالصة
mr.lion