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

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


الدرس الرابع[ شرح طريقة التأطير الكلي لجميع القوالب للمنتدى ]

الدرس الاول [ طريقة تصميم ستايل من البداية ] http://www.rawabetvb.com/ vb /showthread.php?t=38901 _____________________________________________ http://www.rawabetvb.com/ vb /showthread.php?t=39334 __________________________________________ الدرس الثالث [


إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
قديم 04-07-2009, 11:29 PM   رقم المشاركة : 1
rawabet
مؤسس المعهد
 
الصورة الرمزية rawabet






rawabet متصل الآن

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



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

افتراضي الدرس الرابع[ شرح طريقة التأطير الكلي لجميع القوالب للمنتدى ]

الدرس الاول [ طريقة تصميم ستايل من البداية ]



_____________________________________________



__________________________________________
الدرس الثالث [ طريقة توزيع الستايل بالفرنت بيج وتركيبه على المنتدى]



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

نبداء العمل

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


نقوم بتصميم اطارات حسب ذوقك انا قمت بالعمل التالي

الي يبي يحمل الستايل هذا هو مجاني من هنا
http://www.rawabetvb.com/vb/rawabet89052/


قم بتقطيع الستايل باستخدام التول



عمل تقطيع للاطار بشكل منتظم ومتساوي





وعمل حفظ للعمل Save for Web

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




بعد الحفظ راح يكون عندنا صفحة html ومجلد خاص بها images



نفتح مجلد الصور وهذا هو اهم شي نحتاجه





الان نبداء بعمل التطاير لجميع القوالب

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

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


اعادة بسيطه للعمل

ماذا نحتاج لنبداء ؟؟


1- برنامج الفرنت بيج

نروح نفتح برنامج الفرنت بيج
Microsoft Office FrontPage


تابع معي الصور الشرح غالبيته داخل الصوره





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


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





بعد اختيار خصائص الجداول راح يعطينا مربع للخصائص الصفحة




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





عملية انشاء الجداول سهله ومايحتاج تفصيل فيها كثير
انظر للنتيجه في الصوره التاليه


نحتاج الان لاخفاء حدود الجداول وتوسيطها داخل الصفحه والطريقه هذي من خلال الضغط على خصائص الجدول




بيظهر مربع خصائص الجدول كل الي عليك انك تعدل عليه مثل ماهو بالصوره التالية





شدحيلك معي شوي الدرس هذا يبي شوي صبر لاهميته:)


الان انتهينا من الجداول .. وهذي نتيجة العمل السابق




اهااااا....... الان جينا لزبده الدرس وهو توزيع الصور بالفرنت بيج


انا وضعت صوره للصور وهي مقطعه


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


وسبق وضحنا لكم هذا بالدرس الثاني اذا تذكرون الصوره التاليه:)


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




طريقة ادارج الصوره يكون من خلال اداة الادارج الموضحه لكم هنا




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




بيصبح لدي بهذا الشكل


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


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


بيفتح لنا الاكود البرمجيه للستايل

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

الان انتقل ليقونة التصميم وضع مؤشر الماوس في الوسط وختر اداة المحاذة

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








الصور المصغرة للصور المرفقة
rawabetvb-d7.jpg   rawabetvb-d4.jpg   rawabetvb-d1.jpg   rawabetvb-d2.jpg  

rawabetvb-d3.jpg   3d.jpg   d4.gif   rawabetvb-d6.jpg  

d6.jpg  

التوقيع :
هويتي هي قلمي ، وشخصيتي هي عملي
ويبقى أي عمل مهما بذل فيه غير ناجح اذا لما يصاحبه توفيق من الله
رد مع اقتباس
قديم 04-07-2009, 11:52 PM   رقم المشاركة : 2
rawabet
مؤسس المعهد
 
الصورة الرمزية rawabet






rawabet متصل الآن

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



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

افتراضي

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





نلصق القالب
العمل بيكون على الكود الي تم تحديده بالصوره التاليه نقوم بنسخه


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


قم بتوسيط المؤشر لتجهيز القالب للصق



الان نقوم بالتوجة للتعليمات البرمجية




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

ورجع للصفحه الي فيها قالب navbar
وضع الكود الجديد مكان القالب الي نسخنها وكان من رقم 3 الى رقم 129

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

الدرس القادم للقوالب التاليه
FORUMHOME
FORUMDISPLAY

postbit_legacy






الصور المصغرة للصور المرفقة
d7.jpg   d8.jpg  

التوقيع :
هويتي هي قلمي ، وشخصيتي هي عملي
ويبقى أي عمل مهما بذل فيه غير ناجح اذا لما يصاحبه توفيق من الله
رد مع اقتباس
قديم 05-07-2009, 01:13 AM   رقم المشاركة : 3
ح ـــكـم القدر
رابط نشيط
 
الصورة الرمزية ح ـــكـم القدر






ح ـــكـم القدر غير متصل

ح ـــكـم القدر رابط مبدعح ـــكـم القدر رابط مبدعح ـــكـم القدر رابط مبدعح ـــكـم القدر رابط مبدع



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

افتراضي

بارك الله فيك


ونتضر درسك القادم بأذن الله

لي عودة بتطبيق







التوقيع :
My Phone : 0097333867601
My BB : 2366D3D2
رد مع اقتباس
قديم 05-07-2009, 02:46 AM   رقم المشاركة : 4
قناص جوبا
:+: مشرف :+:
:: رابط تعليم الستايلات
 
الصورة الرمزية قناص جوبا






قناص جوبا غير متصل

قناص جوبا رابط مبدع بلاحدودقناص جوبا رابط مبدع بلاحدودقناص جوبا رابط مبدع بلاحدودقناص جوبا رابط مبدع بلاحدودقناص جوبا رابط مبدع بلاحدودقناص جوبا رابط مبدع بلاحدود



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

افتراضي

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







رد مع اقتباس
قديم 05-07-2009, 04:09 AM   رقم المشاركة : 5
علي الزيدي
رابط متميز
 
الصورة الرمزية علي الزيدي






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

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


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

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

افتراضي

جزاك الله كل خير
سرح وافي







التوقيع :
http://www.facebook.com/groups/ALMSAGB/
رد مع اقتباس
قديم 05-07-2009, 04:33 AM   رقم المشاركة : 6
فـجـرq8~*
:: صديق المعهد ::
 
الصورة الرمزية فـجـرq8~*






فـجـرq8~* غير متصل

فـجـرq8~* رابط مبدع وذهبيفـجـرq8~* رابط مبدع وذهبيفـجـرq8~* رابط مبدع وذهبيفـجـرq8~* رابط مبدع وذهبيفـجـرq8~* رابط مبدع وذهبيفـجـرq8~* رابط مبدع وذهبيفـجـرq8~* رابط مبدع وذهبيفـجـرq8~* رابط مبدع وذهبيفـجـرq8~* رابط مبدع وذهبيفـجـرq8~* رابط مبدع وذهبي


إرسال رسالة عبر MSN إلى فـجـرq8~*

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

افتراضي

شــوووووووكـــر~أ

ربي يوفقك







التوقيع :

إذا ساءَ فِعلُ المرءُ ساءتْ ظُنونه // وصّدقَ مايعتّاده من تَوهُمِ
رد مع اقتباس
قديم 05-07-2009, 12:09 PM   رقم المشاركة : 7
عبدالله ابراهيم
::مسؤول لجنة الشركات::
 
الصورة الرمزية عبدالله ابراهيم






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

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


افتراضي

ربى يعطيك العافية يا ابو فيصل ممتاز يا عمى والله

تستاهل







التوقيع :

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

رد مع اقتباس
قديم 05-07-2009, 04:50 PM   رقم المشاركة : 8
Mohamed.Belal
::مراقب::
::رابط تطوير المواقـــــع ::
 
الصورة الرمزية Mohamed.Belal






Mohamed.Belal غير متصل

Mohamed.Belal رابط مبدعMohamed.Belal رابط مبدعMohamed.Belal رابط مبدع



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

افتراضي

يعطيك العافية يا ابو فيصل







التوقيع :
رد مع اقتباس
قديم 06-07-2009, 05:09 AM   رقم المشاركة : 9
MaesTrOoOo
:: عضو شرف ::
 
الصورة الرمزية MaesTrOoOo





MaesTrOoOo غير متصل

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



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

افتراضي

بارك الله فيك +







التوقيع :

رد مع اقتباس
قديم 06-07-2009, 06:49 AM   رقم المشاركة : 10
khaled sobh
رابط فعال
 
الصورة الرمزية khaled sobh





khaled sobh غير متصل

khaled sobh رابط متميز



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

افتراضي

درس مميز ننتظر تأطير باقي القوالب شكراً لك







رد مع اقتباس
إضافة رد

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

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

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

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



الساعة الآن 11:30 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