الدرس الثاني :: توزيع الإستايل في برنامج الفرونت بيج

[styles]

http://www.aboshdg.com/topupload/users/styles/SALAM.gif

http://www.aboshdg.com/topupload/users/styles/BESM.gif

http://www.aboshdg.com/topupload/users/styles/FASEL.gif

أخواني

قبل البداية

المواضيع السابقة

-- نبدأ في أول درس من دروسي في تصميم إستايلات -- (http://www.aboshdg.com/vb/showthread.php?t=3971)

http://www.aboshdg.com/topupload/users/styles/FASEL.gif

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

أولا نفتح الفرونت بيج

ثم نذهب إلى تعليمات برمجية
http://www.aboshdg.com/topupload/users/styles/1.gif

ونحذف جميع ما بداخله



بعد كذا نرجع إلى تصميم


بعدين بزر الأيمن في أي مكان في المساحة البيضاء ونضغط على خصائص الصفحة
http://www.aboshdg.com/topupload/users/styles/4.gif

بعدين نعمل جدول كما هو موضح
http://www.aboshdg.com/topupload/users/front/front4.gif

ثم بزر الأيمن على الجدول خصائص الجدول
http://www.aboshdg.com/topupload/users/styles/5.gif

ثم إتبع الإعدادات
http://www.aboshdg.com/topupload/users/styles/6.gif

الأن نبدأ في توزيع الصور في الجدول

http://www.aboshdg.com/topupload/users/styles/7.gif

ثم نبدأ في توزيع الأطراف فقط

ونقوم بعد التوزيع الشد الجهة اليمنى تشد إلى اليمين والجهة اليسرى تشد إلى أقصى اليسار
http://www.aboshdg.com/topupload/users/styles/8.gif

هذا الشكل بعد الشد
http://www.aboshdg.com/topupload/users/styles/9.gif


ثم بعد ذلك نقوم بإدراج الأعمده كما هو موضح في الصورة
خصائص الخلفية
http://www.aboshdg.com/topupload/users/styles/10.gif

ثم إتبع الإعدادات
http://www.aboshdg.com/topupload/users/styles/10.gif
ومن ثم نعمل العمود الأخر حتى ننتهي من الأعمدة

http://www.aboshdg.com/topupload/users/styles/12.gif

الأن نقوم بعمل الصور التي في الوسط

إتبع الأتي

نضغط في المنطقة الوسطى بزر الأيمن ثم تقسيم الخلايا

http://www.aboshdg.com/topupload/users/styles/13.gif

http://www.aboshdg.com/topupload/users/styles/14.gif

ثم نوزع الصور كما في الصورة

http://www.aboshdg.com/topupload/users/styles/15.gif

الأن نبغى نسوي التمدد
نضغط في المنطقة الوسطى بزر الأيمن ثم خصائص الخلفية كما وضحنا في الأعمده
http://www.aboshdg.com/topupload/users/styles/16.gif
http://www.aboshdg.com/topupload/users/styles/17.gif
الأن إنتهينا من الهيدر

بقي علينا الفوتر خطواته مثل الهيدر بالضبط
تقسيم ثم توزيع الصور ثم المنطقة الوسطى خلفية بس

http://www.aboshdg.com/topupload/users/styles/18.gif

الان نأتي إلى الأزارير

إتبع الصور ورح تفهم
نضغط على الصورة التي بها الأزارير
http://www.aboshdg.com/topupload/users/styles/19.gif

بعد ما تضغط رح تلقا تحت قائمة يوجد بها مربع مثل ماهو موضح بالصورة
http://www.aboshdg.com/topupload/users/styles/20.gif

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

http://www.aboshdg.com/topupload/users/styles/21.gif

وهذه الروابط المهمة والمتشعبه في المنتديات


الرئيسية
index.php
التسجيل
register.php
التحكم
usercp.php
الأعضاء
memberlist.php
البحث
search.php
المتواجدين الان
online.php
الرسائل الخاصة
private.php
المشاركات الجديدة
search.php?do=getnew
مواضيع مشترك بها
subscription.php
اجعل كافة المشاركات مقروءة
forumdisplay.php?do=markread
الارشيف
archive/index.php
الإتصال بنآ
sendmessage.php
التقويم
calendar.php
الخروج
login.php?do=logout&logouthash=2b710c04cb71ea4a367892cf910e8249
المدير
admincp/index.php
المراقبين
modcp/index.php
استرجاع كلمة المرور
login.php?do=lostpw
طلب كود تفعيل العضويه
register.php?do=requestemail
تفعيل العضويه
register.php?a=ver
اعلى
# top


تم إضافة الروابط في المرفقات


الأن نضع الروابط في جميع الأزارير

حتى يصبح هكذا

http://www.aboshdg.com/topupload/users/styles/22.gif

http://www.aboshdg.com/topupload/users/styles/FASEL.gif

وهكذا قد تم الإنتهاء من توزيع الإستايل في الفرونت بيج

بقي علينا التركيب في المنتدى أو السيرفر الشخصي

وقبل أن أشرح كيفية التركيب أرجوا تركيب السيرفر الشخصي

أنا مستعد لأي سأل يطرح

أرجوا الدعاء لي ولوالدي و لـ أبو شدق

http://www.aboshdg.com/topupload/users/styles/FASEL.gif


:biggrin: أخوكم :biggrin:
Styles

http://www.aboshdg.com/topupload/users/styles/DOMTOM.gif

[styles]

أنا أسف على الصور الكبيرة لكن إيش أسوي لازم منها

[المُهرة]

8
8
عادي وأنا أختك
اهم شي نتعلم ==
ما اقول الا الله يجزاك بالجنة ياخيي
ولا يحرمك الأجر ويوفقك دنيا وآخرة
الصدق اللي شفته منك ومن ابو صالح شي يثلج الصدر ==
الله يوفقكم ويسعدكم دووووووووووم
تستاهل التقيييييييييم يااستاذ ==

[ابوشدق]

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

[styles]

8
8
عادي وأنا أختك
اهم شي نتعلم ==
ما اقول الا الله يجزاك بالجنة ياخيي
ولا يحرمك الأجر ويوفقك دنيا وآخرة
الصدق اللي شفته منك ومن ابو صالح شي يثلج الصدر ==
الله يوفقكم ويسعدكم دووووووووووم
تستاهل التقيييييييييم يااستاذ ==



هلاو الله بالموووهرة ل1

يا هلاو الله

تسلمين والله على التقييم

:006::006::006::006::006::006:

[styles]

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

وجهك أبيض

ما نسوى شي بدونك

يا جعلك ما تذوق حر النار

:love::love:

[noor]

ماشاء الله عليك ياستايلز
طلعت ذيب ياولد
بس وسع صدرك عليناا
ترا دروس السويتش تتطبق لي بعد شهر شهرين
عادي ):(
حبه حبه ربي يسعدك
خلنا بالستايل هالحين
وهالتركيب بس نضبطه نجيبه لك


تقيييم

[styles]

ماشاء الله عليك ياستايلز
طلعت ذيب ياولد
بس وسع صدرك عليناا
ترا دروس السويتش تتطبق لي بعد شهر شهرين
عادي ):(
حبه حبه ربي يسعدك
خلنا بالستايل هالحين
وهالتركيب بس نضبطه نجيبه لك


تقيييم

خخخخخ

خلاص

أنا رح أجهز الدرس يعني ثلاث أو أربع وأحط درس جديد

بالتوفيق لك ومشكورة على التقييم :006:

[بريداوي]

الله يعطيك العافية ستايلز مشكور ماقصرت

[styles]

الله يعطيك العافية ستايلز مشكور ماقصرت

:yaaai9::yaaai9::yaaai9::yaaai9:

يا هلا والله بربر

طيب طبق :bleh::bleh:

حياك بري

[أبوعامر]

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

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

مبدع

[styles]

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

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

مبدع

ياهلا والله بك يا أبو عامر

أتشرف بحضورك

[noor]

وقصصناه
وركبناااه
http://www.aboshdg.com/topupload/users/noor/STAELS33.jpg
برجع للسيرفر الشخصي < ياكرهي له

[الأميرة]

اللحين برنامج الفرونت بيج وينه ؟؟

مب عندي أبغا أححمله :gcray2:

[styles]

هنا
البرامج الواجب توافرها لتصميم الاستايلات ,,, مهم لك مصمم محترف ومبتدئ (http://www.aboshdg.com/vb/showthread.php?t=3958)

[معشوقه]

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

وهذا الصورة ! بعد التوزيع ..
http://www.aboshdg.net/up/uploads/images/aboshdg-321b4c3813.jpg

[styles]

8
إستايلك مهب متمدد

عدليه مثل ماقال بوشدق

[معشوقه]

ابشر ياstyles لي عوده
والله يبارك فيكم جيمعا

[بنت نجد]

ستايلز دقرت عند هالنقطه مالقيت المربع

http://www.aboshdg.com/topupload/users/styles/19.gif


وين المربع فوق مالقيته
http://www.aboshdg.net/up/uploads/images/aboshdg-0046278362.png (http://www.aboshdg.net/up/)

و تحت مالقيته

http://www.aboshdg.net/up/uploads/images/aboshdg-fe7d5e2d6d.png (http://www.aboshdg.net/up/)


ض9ض9

[ابوشدق]

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

[بنت نجد]

فعلتها تشكرات

[ابوشدق]

العفوات

[dayslife]

الف الف شكر وعلى هذاالدرس الرائع والمفيد
بارك اله فيك اخي ستايل وزادك من فضله

[dayslife]

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

[styles]

8

http://www.aboshdg.com/vb/showthread.php?t=4556

[dayslife]

مشكور اخي الكريم ستايلس
بارك الله فيك وزادك من فضله