×

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

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

صورة 'Losha' الرمزية
4
قديمة 29 - 04 - 2006, 23:29
المشاركة 1
هذا الدرس غايه بل قمه فى السهوله
كل ما عليك قبل البدأ فى المتابعه أن تكون مدرك للإستايل جيداُ
هذا الدرس مقدم هدية منى لأستاذى الغالى Alrai3 وأستاذى الجليل خالدالحربي
المهم كما قولت نبدأ بترمس شاى حلو كده ونبدأ فى صب أول كوب
مع إرتشاف الرشفه الأولى نقول هذه هى الصوره التى سوف نعمل عليها فى تطاير الجدول حول الناف بار navbar



نبدأ بقول بسم الله الرحمن الرحيم
سوف يتم تقطيع الصوره بهذا الشكل أضغط على الصوره لرئيتها بكامل شرحها وكل جزء المراد منه
[IMGO="JPG"]http://www.traidnt.org/up/pic.php?u=1779O37FH&i=4155[/IMGO]
سوف يكون التقطيع هاكذا موضح بالصوره العلويه كل جزء أين يتم توزيعه

إنتهينا من التقطيع لمن لم يقطع حمل الصور فى المرفق وتابع معنا الشرح
الأن جاء دور توزيع الصور فى الفرونت بيج
1- نفتح الفرونت بيج
2- عمل جديد
3- إذالة كافة الأكواد بداخل الصفحه لتكون فارغه
4- حدد كما موضح بالصور التاليه

بعد رسم الجداول كما موضح عاليه عليك بتحديد خصائص الجدول
موضح

الكل متابع تمام ولا حد نام لا أنا عايز ناس صاحيه أرتشف كوب من الشاي لحسن شكله برد
تم تحديد خصائص الجدول الحمد لله
نبدأ فى توزيع الصور ولاحظ هنا شئ مهم الصور موضحه العلويه خمس صور
إثنان يمين وإثنان يسار وواحده خلفيه للوسط
التقسيم يتم فى الفرونت بيج
بعد إدراج الصور الزاويه بمعنى أدق التى على الجوانب وفى الوسط خفيه وصوره يتم إعطاء منطقة الوسط فى الخليه العلويه والسفليه فقط
كما موضح بالصوره

وبعد إختيار الخصائص للجدول يتم تقسيم الجزء الأول من الخليه الأولى والجزء الأخيرمن الخليه
يعنى للتوضيح أكثر
قف بالموس فى وسط الخليه وكلك يمين وأتبع الصوره التاليه

ثم إنقسام الخلايه



لكى يعطى لنا هذا الشكل النهائى قبل التوزيع

ويتم التوزيع كالتالى

1- إدراج الزوايه يمين ويسار
2- إدراج الخلفيه ثم إدراج صورة لكى تأخذ حجم الخلفيه
3- إدراج خلفية الوسط قبل توزيع باقى الصور كما بالصورة التاليه

بكده بنكون إنتهينا من التقسيم ملحوظه فقط عند إدراج الصوره الثانيه بجانب الذاويه
نضغط التحديد
ثم
طبعا هذا الإجراء سوف بتم على الخلايا العلويه والخلايا السفليه
على فكره نسينه حاجه مهمه جداُ
,
,
,
,
ترمس الشاى نصب كوب أخر
ونتبع الكلام وإلى بيدخل يشعل القداحه
إنتهينا من التوزيع السليم والحمد لله سوف يظهر لنا على هذا الشكل

بعد التأكد التام من التوزيع الصحيح نقوم بإستبدال الروابط تابع الشرح

1- دالة البحث
2- الكود الذى نريد إذالته
سوف يكون بهذا الشكل

1- أستبدال
2- الكود المراد إذالته
3- الموافقه على الإستبدال بلاشئ
الشكل النهائى بعد الإستبدال

إنتهينا والحمد لله من توزيع الصور جيداُ داخل الفرونت بيج
نأتى الأن للأهم
إرتشاف كوب أخر من الشاي ثم المتابعه
نذهب إلى المنتدى أى كان سيرفر أبتشى أو قائم على النت طبعاُ مع مراعات مسار الصور جيداُ
المهم نأتى بقالب الناف بار navbar
نضعه فى صفحه جديده فى الفرونت بيج مع إذالة كافة الأكواد الموجوده
نبدء بالبحث عن الكود
رمز PHP:
<!-- breadcrumbloginpm info --> 
ونضع أسفله هذه العلامات ===========================
ثم نبحث عن الكود
رمز PHP:
<!-- / nav buttons bar --> 
ونضع أعلاه هذه العلامات===========================
وما وضعنا بينهم العلامات هيه المنطقه المراده الخاصه بالتقطير وتطاير الصور حول الجدول

الأن جاء المهم ظلل ما بين العلامات الموضحه ثم كلك يمين ثم نسخ
ثم نذهب للصفحه المصممه الأولى ونضع مؤشر الموس فى وسط الجدول ثم إنقسام وحدد مثل ما بالصوره التاليه
على هذا الكود &nbsp; كما موضح بالصوره التالية


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

بكده نكون إنتهينا من تطاير الجدول 100%
لم يبقا علينا سوى الضغط على تعليمات البرمجه ثم Ctrl +A
نسخ ما بداخل الصفحه كاملاُ ونذهب لصفحة الناف بار التى حددنا ما نريد بتلك العلامات ===========================
نظلل ما بينهم ثم Delete
ولصق الكود الذى نسخناه من صفحة التصميم
ولا تنسى إذالة تلك العلامات ===========================

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


للمعاينه على الطبيعه هنـــــــــــــــــــــــ ـــــــا

مرفق كامل الصور المطروحه بالدرس صور التصميم مقطعه لمن احب متابعة الدرس خطوه خطوه ومرفق أيضاُ قالب الناف بار مقطر لمن أراد رأيته أو تبديل الصور المرفقه بالدرس بصور أخرى لديه
الدرس مشروح على نسخة 3.5.4
وأى سؤال بإذن الله أخوكم حاضر له بالتوفيق والخير نلتقى

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


سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha
الملفات المرفقة
نوع الملف : txt navbar.txt (12.5 كيلوبايت, عدد مرات المشاهدة 2331 مرة)
نوع الملف : zip tayr.zip (656.2 كيلوبايت, عدد مرات المشاهدة 5511 مرة)
التعديل الأخير كان بواسطة خالدالحربي; 01 - 05 - 2006 الساعة 14:18 السبب: تغير كلمة ( إلاه ) ---- الى كلمة ---- ( اله) لتصبح ( لا اله إلا ) .. اعتذر
المشاهدات 65729 | التعليقات 136
قديمة 29 - 04 - 2006, 23:34
المشاركة 2
bakkah.com.sa
:: عضو نشيط ::
تاريخ الإنضمام: 11 - 09 - 2005
رقم العضوية : 8371
المشاركات: 2,631
افتراضي
وري ماقصرت يا بعدي

مشكور
Fedail Matesian - Bekkah Solution
Web Hosting - Program Evaluation - Analysis - programming .Net
00966503696080
Web Application - Desktop Application
قديمة 29 - 04 - 2006, 23:41
المشاركة 3
صورة 'FaReS El MaDeNa' الرمزية
FaReS El MaDeNa
:: عضو نشيط ::
تاريخ الإنضمام: 07 - 04 - 2006
رقم العضوية : 24041
الدولة : مصر
المشاركات: 882
افتراضي
الله عليك حبيبى والله درس رائع

الى الامام
قديمة 30 - 04 - 2006, 01:49
المشاركة 4
صورة 'ADEL' الرمزية
ADEL
عضو مؤسس
تاريخ الإنضمام: 22 - 09 - 2004
رقم العضوية : 15
الدولة : ₪ SKY ₪
المشاركات: 4,822
1
افتراضي
الله يعطيك الف عافية

فعلاً درس مميز يابطل

الف شكر لك والاهداء روووعة وننتظر المزيد يا بطل

من اراد تحميل الدرس موجود في الملف المرفق
Keep this in your head. I'm different from everyone.

{ I don't really know
Where I’m going
But I hope I go far... }
قديمة 30 - 04 - 2006, 12:24
المشاركة 5
صورة 'Losha' الرمزية
Losha
:: مصمم أستايلات ::
تاريخ الإنضمام: 14 - 10 - 2005
رقم العضوية : 10051
الدولة : ₪ Losha.Net ₪
العمر: 43
المشاركات: 3,638
4
افتراضي
وري ماقصرت يا بعدي

مشكور
سلمت يا بعدى ربى يكررمك

الله عليك حبيبى والله درس رائع

الى الامام
سلمت أخى على مرورك الطيب


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

فعلاً درس مميز يابطل

الف شكر لك والاهداء روووعة وننتظر المزيد يا بطل

من اراد تحميل الدرس موجود في الملف المرفق
أستاذى الغالى ما هذا إلى بقليل من ما تقدمون
دمت بكل خير
قديمة 30 - 04 - 2006, 13:10
المشاركة 6
3bqarino
:: عضـــو::
تاريخ الإنضمام: 10 - 02 - 2006
رقم العضوية : 19056
الدولة : مـ(EgYpT)ـصر
المشاركات: 68
افتراضي
جـزاك الله كل خيــر
شرح رائع
SPY0ZERO
(Karim)
+
Mostafa Ma7moud
=
قديمة 30 - 04 - 2006, 13:27
المشاركة 7
صورة 'الــروائــع' الرمزية
الــروائــع
:: عضو نشيط ::
تاريخ الإنضمام: 29 - 11 - 2005
رقم العضوية : 13059
الدولة : [ الـريــ K.S.A ــاض]
المشاركات: 3,308
افتراضي
تسلم
شبكه الروائع

w w w . R A W A 3 . c o m

::الابدااع مع عالم آخر !! ::

-------------------------



امير الحزن :: سابقا
قديمة 30 - 04 - 2006, 13:30
المشاركة 8
صورة 'Losha' الرمزية
Losha
:: مصمم أستايلات ::
تاريخ الإنضمام: 14 - 10 - 2005
رقم العضوية : 10051
الدولة : ₪ Losha.Net ₪
العمر: 43
المشاركات: 3,638
4
افتراضي
جـزاك الله كل خيــر
شرح رائع
سلمت يا طيب علىمرورك الغالى
قديمة 30 - 04 - 2006, 13:39
المشاركة 9
صورة 'Losha' الرمزية
Losha
:: مصمم أستايلات ::
تاريخ الإنضمام: 14 - 10 - 2005
رقم العضوية : 10051
الدولة : ₪ Losha.Net ₪
العمر: 43
المشاركات: 3,638
4
قديمة 30 - 04 - 2006, 14:24
المشاركة 10
الزعيم 2006
:: عضو نشيط ::
تاريخ الإنضمام: 05 - 06 - 2005
رقم العضوية : 4864
الدولة : دار أبوي زايد ( ربي يرحمه ) و دمشق الشام .
المشاركات: 2,321
افتراضي
يا سلام يالغالي عليك و الله تمام و لكن السؤال كيف تغير نوع الخط و ياريت الشرح يكون مفصل ...
من كبار ترايدنت : بوصالح / ساهي / الصم / قلم حر / فوكس / غانم / جروح الوقت / الرفيق / فيصل العنقري / أمير العزاب / عادل / أحمد /أبوفاتن / لوشا / وحيد الجزيرة / Ahmod / سنابل / CSS / برق الشمال / دايم الحمد / الشحي / عبد الله الحصان / مميز / أحمد النحاس / أبو شدق / الطاير / أبو سارة / الدوسري / دروب السهر/ الحانوتي / المتفائلة / أمير الجزيرة / nmooory / M!ss N!le / ياسر / Allulu / احساس / القروم / بوحبيبه /alkahf.
قديمة 30 - 04 - 2006, 15:21
المشاركة 11
صورة 'Losha' الرمزية
Losha
:: مصمم أستايلات ::
تاريخ الإنضمام: 14 - 10 - 2005
رقم العضوية : 10051
الدولة : ₪ Losha.Net ₪
العمر: 43
المشاركات: 3,638
4
افتراضي
يا سلام يالغالي عليك و الله تمام و لكن السؤال كيف تغير نوع الخط و ياريت الشرح يكون مفصل ...
أولا شكراُ على مرورك
ثانياُ ما دخل ما تقول فيما أقدم هذا الدرس
ولاكن بإذن الله لك ما تريد
قديمة 30 - 04 - 2006, 16:02
المشاركة 12
صورة 'عبدالكريم البراهيمي' الرمزية
تاريخ الإنضمام: 28 - 08 - 2005
رقم العضوية : 7776
الدولة : :<>:الجرافيكس:<>:
المشاركات: 10,394
افتراضي
يعطيك العافيه يالغالي
وسلملم
«®°·.¸.•°°·.¸.•°®» !!.للتواصل.!! «®°·.¸.•°°·.¸.•°®»
Twitter:@Alberahimi
Linkedin: Abdulkarim Alberahimi
قـواعد للنجـاح:
خالط الإيجابيين والمتفائلين.
ازرع في نفسك روح الإرادة والعزيمة والتحدي.
اطرد الأفكار والكلمات السلبية من مزاجك.
لابد من وجود خطة تحول الحلم إلى حقيقة.
حدد الأمور ذات الأولوية.
عليك بالدعاء.
قديمة 30 - 04 - 2006, 20:19
المشاركة 13
صورة 'mostafa2004' الرمزية
mostafa2004
:: عضو نشيط ::
تاريخ الإنضمام: 17 - 02 - 2006
رقم العضوية : 20328
الدولة : مصر
المشاركات: 302
Icon30
ما احلى واروع هداياك يا على فأنت كلمطر تغيب وعندما تأتى تملاء الدنيا خير
شرح وافى وجميل لا يأتى الا من فنان كبير مع خالص تحياتى لك يا غالى



Attention

الموقع قيد التطوير

انتظرونا سنعود قريبا بأمر الله

بشكل جديد وخدمات عديدة

انتظرو الكتروماجيك في ثوبه الجديد

مع تحيات إدارة موقع

الكتروماجيك

www.xpsat.net

We will be back soon
التعديل الأخير كان بواسطة mostafa2004; 30 - 04 - 2006 الساعة 20:24
قديمة 30 - 04 - 2006, 20:35
المشاركة 14
صورة 'x_5' الرمزية
x_5
:: TRAIDNT ::
:: رفيق الدرب ::
تاريخ الإنضمام: 20 - 09 - 2004
رقم العضوية : 11
الدولة : :: UAE ::
المشاركات: 258,207
9
افتراضي
شكرا علي الشرح
قديمة 01 - 05 - 2006, 01:25
المشاركة 15
abo saleman
:: عضو نشيط ::
تاريخ الإنضمام: 11 - 03 - 2006
رقم العضوية : 23110
الدولة : عــنــيــزة ... KSA
المشاركات: 2,211
افتراضي
بارك الله فيك اخي العزيز

على الشرح الرائع
!!!!!!!.......???????


tk-02[at]hotmail.com
مواضيع ذات صلة

 
اضافة رد
 

ثلاث حروف div وخلي يستايلك يتوافق مع جيمع المتصفحات ترقية الاستيلات من والى اى اصدار تعلم بنفسك ولا تطلب من احد

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 03:56.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.