الرئيسية
الأعلانات
مركز التحميل
الانضمام للشركات
تنشيط عضويتك
الشكاوي والملاحظات
استعادة كلمة السر
أتصل بنا

العودة   معهد روابط في بي > ‫روابط تطوير ودعم منتديات ( VBulletin ) > رابط تعليم تصميم الستايلات لمنتديات VBulletin


c - تركيب الاستايل على الفرونت بيج

السلام عليكم ورحمة الله وبركاته بسبب بعد المشاكل عندي في الجهاز وان شاء الله ماتتكرر اليوم اشرح لكم طريقة تركيب


موضوع مغلق
 
LinkBack أدوات الموضوع انواع عرض الموضوع
قديم 08-06-2009, 10:43 PM   رقم المشاركة : 1
BAH®ANEY
:: عضو شرف ::
 
الصورة الرمزية BAH®ANEY






BAH®ANEY غير متصل

BAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبي


إرسال رسالة عبر MSN إلى BAH®ANEY

بيانات موقعي:
إسم الموقع : rawabetvb
إصدار المنتدى :

افتراضي c - تركيب الاستايل على الفرونت بيج



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


بسبب بعد المشاكل عندي في الجهاز

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

أول شي أفتح برنامج الفرونت بيج
طبعا الكل عنده البرنامج

أفتح البرنامج في الاسفل يوجد التعليمات البرمجيه + التصميم
هذا الى الذي يستخدم برنامج با للغة العربيه
للأسف انا استخدم برنامج با اللغة الانجليزيه

طبعا اول ماتفتح البرنامج انتقل الى التعليمات البرمجيه
قم بحذف المحدد في الصوره التاليه



فقط قم بوضع التالي






<html dir="rtl"


الان أنتقل الى التصميم
الخيارات تجدها في الاسفل شاهد الصوره
التاليه




الان في الخيارات التي في الاعلى قم بأنشاء جداول التصميم
قم بعمل 3 جداول عموديه كما في الصوره التاليه




الان بعد عمل الجداول
أذهب الى اي مكان داخل الجدول
و ضعط با الماوس يمين
وقم بختيار التالي
كما في الصوره




هذا الخيار
لتغير بيانات الجداول
الان قم بعمل كما موجود في الصوره
التاليه





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







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

لاحظ




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

أذهب الى احدى الجداول العلوي او السفلي
اضغط با الماوس يمين
أختر كما في الصوره




قم بوضع التقسيم الى 3 جداول
كما في الصوره
التاليه




الان شاهدة الشكل بعد تقسم الجدول العلوي




الان قم بعمل نفس التقسيم الى الجدول
السفلي

الا مهم
لاحظ الجدول العلوي و السفلي هوا
الهيدر و الفوتر
لاحظ التقسيم هوا عملناه
يسار - يمين - وسط
يسار لوضع الصوره اليسار
يمين لوضع صورة اليمين
وسط لا تضع شي فهوا منطقة التمدد

الان بختيار الاداة التاليه




قم بوضع الصورة التجميلة الى الهيدر
صورة اليسار
لاحظ الصورة التاليه




الان قم بعمل السابق على جميع الاستايل لاحظ الصوره بعد الانتهاء





الان مهم أيضا
قم بوضع الصوره التي في اليسار ضعها في اليسار
و اليمين كذالك بستخدام الاداة التي في الصوره
التاليه



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

اضغط با المواس يمين على الصوره
و أختر التالي




سوف تلاحظ ان القيمه المحدد سوف تكون 3 قم بوضعها 0
و أعمل حفظ




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






الان أنتهينا من تركيب الاستايل
توجه الى الجدول الذي في الوسط لاحظ
قم بوضع الماوس في الجدول الوسطي وقم بتوسيط الماوس
لاحظ الصوره






الان توجه الى التعليمات البرمجيه وقم بتغير مسار الصور
لاحظ الصوره التاليه



قم بحذف رابط الصورة التي في جهازك لاحظ طريقة الرابطة بعد الحذف



<td background="swalf-vb/swalf-vb_03.gif" width="33%"

فقط قم بوضع أسم مجلد الصور و أسم الصورة

الان في التعليمات البرمجيه بعد توسيط الجدول الوسطي
لاحظ الهيدر و الفوتر



المكان الذي يكون موجود فيه المواس
يكون هوا نهاية قالب الهيدر
من الاعلى الى مكان وجود الماوس يكون قالب الهيدر
و الباقي يكون قالب الفوتر

الان توجه الى لوحة تحكم المنتدى

قم بختيار التحكم با الاستيلات



طبعا أفضل شي تعمل الاستايل على الاستايل الافتراضي
لاحظ خيارت جميع الاستايلات
اضغط على اذهب




الان القالب الاول هوا (header)

سوف يكون هكذا



<!-- logo -->
<
a name="top"></a>
<
table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<
tr>
 <
td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
 <
td align="$stylevar[right]" id="header_right_cell">
  <if 
condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
 </
td>
</
tr>
</
table>
<!-- /
logo -->
<!-- 
content table -->
$spacer_open
$_phpinclude_output
$ad_location
[ad_header_end
قم بحذف جميع محتوى القالب فقط ضع

$spacer_open
$_phpinclude_output
$ad_location
[ad_header_end

الان بعد حذف محتوى قالب الهيدر قم بوضع الكود الذي في الفرونت بيج
في الاعلى أعلى الكودات الثلاثه التي لم تحذفها

الان توجه الى قالب

footer

لا تحذف اي شي فيه فقط قم بوضع القالب الذي في
الفرونت بيج في أسفل القالب الموجود
من غير حذف اي شي

الصوره توضح العمل




الان قم بعمل حفظ
وقم برفع صور الاستايل الى مجلد المنتدى

النتيجه




هنا نكون انتهينا من الدرس الثالث
نلتقي في الدرس الرابع الدي سوف يكون عن طريقة تلوين الاستايل
ان شاء الله اكون وفقت في شرحي
وكان سهل

تحياتي لكم
الموضوع الأصلي : هنا||المصدر : http://swalf-vb.com/vb/







التوقيع :
دروس تصميم الاستايلات خطوه خطوه
دروس حصريه على روابط في بي فقط
قديم 08-06-2009, 11:12 PM   رقم المشاركة : 2
سع‘ـود
:: عضو شرف ::
 
الصورة الرمزية سع‘ـود






سع‘ـود غير متصل

سع‘ـود رابط مبدع بلاحدودسع‘ـود رابط مبدع بلاحدودسع‘ـود رابط مبدع بلاحدودسع‘ـود رابط مبدع بلاحدودسع‘ـود رابط مبدع بلاحدودسع‘ـود رابط مبدع بلاحدود



بيانات موقعي:
إصدار المنتدى :

افتراضي

الله يعطيك العافيه يالغالي

واحلاا تقيم لك

بالتوفيق لك







التوقيع :
دورة تصميم الستايلات الكاملة والكمال الله
من هنــــا
قديم 09-06-2009, 12:07 AM   رقم المشاركة : 3
BAH®ANEY
:: عضو شرف ::
 
الصورة الرمزية BAH®ANEY






BAH®ANEY غير متصل

BAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبي


إرسال رسالة عبر MSN إلى BAH®ANEY

بيانات موقعي:
إسم الموقع : rawabetvb
إصدار المنتدى :

افتراضي

الله يعافيك منور ياغلا







التوقيع :
دروس تصميم الاستايلات خطوه خطوه
دروس حصريه على روابط في بي فقط
قديم 09-06-2009, 12:37 AM   رقم المشاركة : 4
عبدالله ابراهيم
::مسؤول لجنة الشركات::
 
الصورة الرمزية عبدالله ابراهيم






عبدالله ابراهيم متصل الآن

عبدالله ابراهيم رابط مبدع وذهبيعبدالله ابراهيم رابط مبدع وذهبيعبدالله ابراهيم رابط مبدع وذهبيعبدالله ابراهيم رابط مبدع وذهبيعبدالله ابراهيم رابط مبدع وذهبيعبدالله ابراهيم رابط مبدع وذهبيعبدالله ابراهيم رابط مبدع وذهبيعبدالله ابراهيم رابط مبدع وذهبي


افتراضي

ممتاز والله مبدع تستاهل







التوقيع :

Good FRIENDS are hard to find, harder to leave, and impossible to forget

W W W . R A W A B E T V B . C O M

قديم 09-06-2009, 01:20 AM   رقم المشاركة : 5
BAH®ANEY
:: عضو شرف ::
 
الصورة الرمزية BAH®ANEY






BAH®ANEY غير متصل

BAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبي


إرسال رسالة عبر MSN إلى BAH®ANEY

بيانات موقعي:
إسم الموقع : rawabetvb
إصدار المنتدى :

افتراضي

تسلم ياغالي على المرور الطيب و على التقيم







التوقيع :
دروس تصميم الاستايلات خطوه خطوه
دروس حصريه على روابط في بي فقط
قديم 09-06-2009, 07:37 AM   رقم المشاركة : 6
علي الزيدي
رابط متميز
 
الصورة الرمزية علي الزيدي






علي الزيدي غير متصل

علي الزيدي رابط متميز


إرسال رسالة عبر MSN إلى علي الزيدي إرسال رسالة عبر Yahoo إلى علي الزيدي

بيانات موقعي:
إصدار المنتدى : نوع آخر

افتراضي

شكرا لك أخوي







التوقيع :
http://www.facebook.com/groups/ALMSAGB/
قديم 09-06-2009, 07:52 AM   رقم المشاركة : 7
سجدة المصريه
رابط مبدع
 
الصورة الرمزية سجدة المصريه






سجدة المصريه غير متصل

سجدة المصريه رابط متميزسجدة المصريه رابط متميز


إرسال رسالة عبر ICQ إلى سجدة المصريه إرسال رسالة عبر AIM إلى سجدة المصريه إرسال رسالة عبر MSN إلى سجدة المصريه إرسال رسالة عبر Yahoo إلى سجدة المصريه

بيانات موقعي:
إسم الموقع : سجدة المصرية
إصدار المنتدى : vB.3.x

افتراضي







التوقيع :

ليس من الصعب أن تضحي من أجل الصديق
ولكن من الصعب أن تجد الصديق الذي يستحق التضحيه
قديم 09-06-2009, 10:31 AM   رقم المشاركة : 8
BAH®ANEY
:: عضو شرف ::
 
الصورة الرمزية BAH®ANEY






BAH®ANEY غير متصل

BAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبيBAH®ANEY رابط مبدع وذهبي


إرسال رسالة عبر MSN إلى BAH®ANEY

بيانات موقعي:
إسم الموقع : rawabetvb
إصدار المنتدى :

افتراضي

مشكورين ع المرور الطيب







التوقيع :
دروس تصميم الاستايلات خطوه خطوه
دروس حصريه على روابط في بي فقط
قديم 09-06-2009, 12:14 PM   رقم المشاركة : 9
è 7 ŝ ά ŝ
رابط نشيط
 
الصورة الرمزية è 7 ŝ ά ŝ






è 7 ŝ ά ŝ متصل الآن

è 7 ŝ ά ŝ رابط مبدع وذهبيè 7 ŝ ά ŝ رابط مبدع وذهبيè 7 ŝ ά ŝ رابط مبدع وذهبيè 7 ŝ ά ŝ رابط مبدع وذهبيè 7 ŝ ά ŝ رابط مبدع وذهبيè 7 ŝ ά ŝ رابط مبدع وذهبيè 7 ŝ ά ŝ رابط مبدع وذهبيè 7 ŝ ά ŝ رابط مبدع وذهبيè 7 ŝ ά ŝ رابط مبدع وذهبي



بيانات موقعي:
إسم الموقع : روابط في بي
إصدار المنتدى : vB.3.x

افتراضي

جازاك الله كل خير وبارك الله فيك اخوي وهآذه هي الطريقة المعتمدة في تصآميمي ..







قديم 09-06-2009, 12:18 PM   رقم المشاركة : 10
ahmed-dz
رابط نشيط
 
الصورة الرمزية ahmed-dz






ahmed-dz غير متصل

ahmed-dz رابط مبدع بلاحدودahmed-dz رابط مبدع بلاحدودahmed-dz رابط مبدع بلاحدودahmed-dz رابط مبدع بلاحدود



بيانات موقعي:
إصدار المنتدى : لا أملك منتدى

افتراضي

ما شاء الله تستاهل التقييم بارك الله فيك







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

موضوع مغلق

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



الساعة الآن 10:49 AM


Powered by vBulletin® Version 3.8.7
Copyright ©2011 - 2012, vBulletin Solutions, Inc.
SEO by vBSEO

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

وكل من يبحث عن حل او مساعده خارج نطاق مواضيع المعهد فلا نتحمل أي مسؤولية حيال مايحدث لموقعه


F.T.G.Y 3.0 BY: D-sAb.NeT © 2011