هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول

 

 درس تصميم ستايل منتدى بشكل احترافي

اذهب الى الأسفل 
+4
صور احلى صور
فوتو شوب
بسمه حزن
Admin
8 مشترك
كاتب الموضوعرسالة
Admin
 
 
Admin


ذكر
عدد الرسائل : 1100
الموقع : u.s.a
المزاج : عادي
نقاط : 2042
السٌّمعَة : 3
تاريخ التسجيل : 09/01/2009

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Icon_minitimeالخميس يناير 27, 2011 3:35 pm

سم الله وابدأ بفتح الفوتوشوب
نقوم بعمل جديد
بالمقاسات التالية
درس تصميم ستايل منتدى بشكل احترافي 3632
طبعاً الدروس تختلف عن كل دروس الإستايلات السابقة من المصممين
وسأوضح لك كيفية تحكمك في وضع تممد أو بدون تمدد
والدروس بنيت على طريقتي في تصميم الإستايلات
:::::::::::::::::
الآن نقوم باختيار الألوان المناسبة للإستايل
وسنقوم الآن بتصميم استايل معهد فوكس الجديد معاً
فأرجوا مراعاة الألوان
نقوم الآن برسم البنر
طبعاً الطريقة بدون نقط تمدد
ويمكننا الحصو على أشكال مميزة بأداة الباث
رسمت وطلع معي هالشكل مثلاً
درس تصميم ستايل منتدى بشكل احترافي 3633
نقوم بتدبيل الشكل
كالآتي
باضغط على الير بالزر الأيمن
درس تصميم ستايل منتدى بشكل احترافي 3634
وبعد حصولنا على ليرين
نذهب لللير الأسفل
وافعل ما ترى في الصورة
درس تصميم ستايل منتدى بشكل احترافي 3635
ستخرج لنا نافذة
إذهب إلى هذه الخيارات
درس تصميم ستايل منتدى بشكل احترافي 3636
كرر الخطوات السابقة
حتى ينتج لك شكل مقبول
درس تصميم ستايل منتدى بشكل احترافي 3637
الآن نذهب إلى باقي أجزاء البنر
ونقوم بعمل بعض الأفكار الجديدة .. والجميلة
لمسات بسطية تعطي التصميم جمال خيالي
درس تصميم ستايل منتدى بشكل احترافي 3638
تابع وأضف الأزرار
وما يحتاج شرح في دروس كثيرة بخصوص الأزرار
شوف كيف طلع معي
درس تصميم ستايل منتدى بشكل احترافي 3639
طيب كذا تقرياً نعتبر خلصنا من البنر
طبعاً قصدي التصميم فقط
باقي كثيير تونا في بداية الطريق
نقوم الآن برسم
مستطيل .. كشيء جمالي للمنتدى
ونضيف عليه التأثيرات
درس تصميم ستايل منتدى بشكل احترافي 3640
الآن نقوم بتصميم أهم وزبدة الموضوع
وهي تصميم اطارات جداول المواضعيع
والناف بار وغيره ..
نقوم برسم مستطيل كالتالي
درس تصميم ستايل منتدى بشكل احترافي 3641
طبعاً بنفس المقاسات السابقة
نقوم بهذه الإعدادات
درس تصميم ستايل منتدى بشكل احترافي 3642
لاحظ اللمعة .. والتجسيم
درس تصميم ستايل منتدى بشكل احترافي 3643
بعد ذلك نقوم بإذافة الصور والداخلات
ويمكنك التحكم في ذلك عن طريق
CTRL+G
لاحظ
درس تصميم ستايل منتدى بشكل احترافي 3644
نقوم بعمل الأعمدة
ارسم مستطيلاً داخل الأول
ونقوم بوضعه عند الحافة
درس تصميم ستايل منتدى بشكل احترافي 3645
قم بالدخول على
استايل الطبقة
واختر التدرج اللوني
درس تصميم ستايل منتدى بشكل احترافي 3646
ثم كرر نفس الخطوات من الجهة الأخرى
وكذلك كرر خطوات
الإطار العلوي
شاهد ما نتج لدي
درس تصميم ستايل منتدى بشكل احترافي 3647
أما الآن نجي لتقطيع
سهل وما يحتاج اي شي
شوف الصورة
درس تصميم ستايل منتدى بشكل احترافي 3648


قم باختيار الأداة كما في الصورة التالية

درس تصميم ستايل منتدى بشكل احترافي 3649

وقم بتقطيعه بالشكل التالي

درس تصميم ستايل منتدى بشكل احترافي 3650

وقم بحفظه من القائمة

file/save for web

ستفتح هذه النافذة

وقمت بالتطرق إليها .. للتقليل من حجم الصورة ..مع مراعاة الجودة

درس تصميم ستايل منتدى بشكل احترافي 3651

1 : هذه عدد الألوان المستخدمة يمكنك تقليل الحجم إلى 200 أو 128 بس أنتبه
للجودة

2: يمكنك زيادتها بنسبة قلية جداً كـ 3%

ويمكنك ملاحظة الحجم كما هو محدد في الصورة

بعدها سوي حفظ وتكون انحفظت

::::::::::::::::::::::::::::::::

(( القســم البرمجـــــي ))

سنبدأ من أعحلى المنتدى إلى أسفل بإذن الله

وهو كالآتي :

1-header

2-navbar

3-forumhome

4-foter

ثم ننتقل للصفحات الداخية

forumdisplay

:::::::::::::::::::::::::::::::::

أولاً الهيدر ...

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

وافتح عمل جديد

درس تصميم ستايل منتدى بشكل احترافي 3652

واضغط على التعيمات البرمجية كما هو موضح بالصورة

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

كما بالصورة

درس تصميم ستايل منتدى بشكل احترافي 3653

الآن توجه ...إلى قائمة الجداول

وقم بعمل جدول 1 في 1

درس تصميم ستايل منتدى بشكل احترافي 3654

الآن قم بالضغط على الجدول بالزر الأيمن

واختر خيارات الجدول .. انتبه ( وليس خيارات الخلية )

درس تصميم ستايل منتدى بشكل احترافي 3655

ستفتح لنا نافذة باشكل التالي

درس تصميم ستايل منتدى بشكل احترافي 3656

قم باستبدال .. التغيرات كما في الصورة الثانية

درس تصميم ستايل منتدى بشكل احترافي 3657

بعد ذلك

قم بإضافة الصورة داخل الجدول ( صورة البنر )

لاحظ...

درس تصميم ستايل منتدى بشكل احترافي 3658

اييه .. الحين جينا للشغل ..

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

بقولك ..سوي مثل ما أسوي ...

درس تصميم ستايل منتدى بشكل احترافي 3659

قم باختيار الأداة الموضحة.. ثم قم برسم .. مستطيل أو مربع حسب شكل الزر..

أول ما تخلص رسم راح تطلع لك هذه النافذة تلقائياً

درس تصميم ستايل منتدى بشكل احترافي 3660

حط فيها الكود على حسب الزر ...

وتفضل يا حبيبي ..كل الأكواد اللي تحتاجها في الهيدر


الرئيسيه


كود: $vboptions[forumhome].php?$session[sessionurl]




المكتب ( لوحة تحكم العضو )


كود: usercp.php?$session[sessionurl]




التسجيل


كود: register.php?$session[sessionurl]




البحث


كود: search.php?$session[sessionurl]




التعليمات ( لا أنصح به .. إلا بعد ترقيع ثغرة faq.php )


كود: faq.php?$session[sessionurl]




قائمة الاعضاء ( لا أنصح به .. إطلاقاً )


كود: memberlist.php?$session[sessionurl]



التقويم ( لا أنصح به .. لحين صدور النسخة التي تلي 3.5.4 )


كود:calendar.php?$session[sessionurl]



الخروج... ( لا أنصح به علشان الأعضاء لا يطعوا ..... درس تصميم ستايل منتدى بشكل احترافي 3661 أمزح وياكم )


كود: login.php?$session[sessionurl]do=logout





::::::::::::::::::

وبعد انتهائك من جميع الأزرار عى حسب الهيدر

اذهب إلى التعليمات البرمجية في الفرونت بيج

درس تصميم ستايل منتدى بشكل احترافي 3662

لاحظ
وقم بمحس كل المجلدات .. واترك فقط اسم الصورة

مثلاًُ هذا الكود

file:///F:/AppServ/www/vb2/style-fo...x-fox84_bnr.gif

نقوم بمسح .. المجلدات ..( المسارات )

ونذهب إلى داخل vb وننشيء ملف جديد (ملف صور الإستايل )

مثلاً أنا سميته style-fox84

فيصبح رابط الصورة كالتالي

style-fox84/fox-fox-fox84_bnr.gif

ولا تنسى تحط الصورة داخل المجلد اللي سويته ..

وبعدها انسخ الكود ...

وروح به إلى تمبت header

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

وهكذا تكون قد أنهيت تركيب البنر .. وروابطه .. على تمبت الهيدر

لاحظ الصورة

درس تصميم ستايل منتدى بشكل احترافي 3663

:::::::::::::::::::

الحين نجي لشريط آخر عشر مواضيع عشــآن نخلص من الهيدر مرةوحدة

تذكرون ..يوم حفظنا تصميم .. شريط آخر عشر مواضيع ..

أنا سميته sddd.html

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

شوف

درس تصميم ستايل منتدى بشكل احترافي 3664

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

أبيك تصحصح ..وياي شوي .. الحين

شوف يا عزيزي

اضغط على الصفحة بعد فتحها بالزر الأيمن..

وقم بالتالي

درس تصميم ستايل منتدى بشكل احترافي 3665

وراح تطلع لك نافذة مثل هاذي

إذاهب إلى القائمة none

وعدلها للتالي

درس تصميم ستايل منتدى بشكل احترافي 3666

شوف شو صار ...

كل شي انقلب وخرب ؟؟

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

شوف الصورة

درس تصميم ستايل منتدى بشكل احترافي 3667

فهمت كيف ...

حنا ويش بنسوي بنرجع الصور كل وحدة لمكانها .. نجي مثلاًُ

عند الجدول ( الصورة اللي على اليمين )

درس تصميم ستايل منتدى بشكل احترافي 3668

ونضع بدل الصورة اللي شكلها مقلوب .. الصورة الأصلية ..

درس تصميم ستايل منتدى بشكل احترافي 3669

شفت كيف رجعت مثل ماكانت ...

سوي نفس الحركة على الصورة اللي في اليسار بعد ..

الحين بتقول فوكس ليش مسوي هاذي الزحمة كلها ؟؟

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

بتلاقي الدنيا عفسة اليمين يسار واليسار يمين...

فهمت كيف ..

الحين بنروح لشي مهم مرة

نروحج للصورة اللي في النص ..

اللي مفروض يتحرك فيها النص (آخر عشر مواضيع )

وامسحها شوف الصورة

لاحول ولا قوة إلا بالله ..

صارت لنا مشكلة ثانية ..

لا تخاف حلها عندي ...

وطرقت إلى هذه المشكلة لأن الكثر يعاني منها فهذه طريقة قمت بابتكارها بعد العذاب الذي

كنت أواجهه

شوف ياقلبي .. رجع كل اللي سويته .. (يعني الصورة اللي مستحهتا رجعها )

اضغط ctrl+z

طيب حدد على الصورة وخش وبعدها اضغط بازر اليمين عيها ..

واختار خصائص الخلية

درس تصميم ستايل منتدى بشكل احترافي 3670

بعدها ستخرج لنا نافذة كهذه

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

حقتها

درس تصميم ستايل منتدى بشكل احترافي 3671

وعطه أوكي

الحين نخش على التعيمات البرمجية

شوف

درس تصميم ستايل منتدى بشكل احترافي 3672

الحين انسخ المحدد عندك في الصورة الجاية

درس تصميم ستايل منتدى بشكل احترافي 3673

ونقوم بلصقه .. في كود الخلفية

من بداية

images

بالشكل هذا

درس تصميم ستايل منتدى بشكل احترافي 3674

ونقوم بحذفكود الصورة

الحين نخش على التصميم في الفرونت بيج شوف كيف ظابت وحليو ماشاء الله

والمكان كأن مافيه صورة

أقدر أضيف عيه كود آخر عشر مواضيع وأنا مرتاح .. وأكتب عليه

درس تصميم ستايل منتدى بشكل احترافي 3675

ثم نذهب للتعليمات البرمجية

ونضغط على زري ctrl+f لكي نقوم بالبحث عن المسارات الغير المرغوب بها واستبدالها

باللتي نريد بكل سهولة

شوف الصورة

درس تصميم ستايل منتدى بشكل احترافي 3676

ثمكما فعلنا مع الهيدر اضغط بالزر اليمين .. ثم خصائص الجدول.. وعطه نفس
الإعدادات اللي سويناها علشان يومتركبه في المنتدى .. يكون ظابط (جاي في
النص )

::::::::::

ثم ننسخ الأكود من بداية

<div align="center">
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0>


إلى نهاية

</TABLE>
</div>

وضعها في آخر سطر في الهيدر

وهكذا نكون قد تمكن من الإنتهاء من الهيدر بشكل عام

::::::::::::::::::::::::::::

مذا تستفيد من ادرس ؟

1 - بهذه الطريقة تتمكن من اضافة اي شي.. في المنتدى ( أوسمة- إعلانات )

وبطريقة مميزة .

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

إلى أنها في منتهى السهولة ..وتستطيع القيام بها في وقت قياسي ... إذا تمكنت
من اجتياز تلك المشاكل ( الأخطاء )

وهذه الأخطاء تنتج عن .. ( نسيان المصمم لخطوات اساسية قبل البدأفي التصميم )

قبل أن تبدأ في تصميم استايل

تأكد من أن جسمك .. قد أخذ راحة كافية من النوم ..ولايكون هنالك مايشغل بالك..

::::::::::::::::::::::::::::::::::

أما في الدرس القادم .. بإذن الله

سنتطرق إلى جداول وأقسام المنتديات الفورم هوم.. وقد قمت بجعله درساً مستقلاً..

لكونه من أصعب الخطوات ..هو وتمبلت الناف بار ..

إلى حين ذلك الوقت .. أنا حاضر للرد على استفساراتكم ..

وخلونا نشوف تطبيقاتكم

ولو بطلب منكم ..طلب صغير ..

أدعولــي ووالدي بالتوفيق قي الدنيا والآخرة ..

نقلاًً عن الأخ فـــــوكـــــس

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://swrr.ahlamontada.net
بسمه حزن
عضو جديد
عضو جديد
بسمه حزن


انثى
عدد الرسائل : 251
العمر : 33
الموقع : https://swrr.ahlamontada.net
المزاج : جيد
نقاط : 247
السٌّمعَة : 0
تاريخ التسجيل : 31/01/2009

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: رد: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Icon_minitimeالأحد يناير 30, 2011 2:19 am

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://swrr.ahlamontada.net
فوتو شوب
عضو جديد
عضو جديد
فوتو شوب


ذكر
عدد الرسائل : 257
العمر : 33
نقاط : 309
السٌّمعَة : 10
تاريخ التسجيل : 11/01/2009

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: رد: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Icon_minitimeالثلاثاء فبراير 08, 2011 9:02 am

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
صور احلى صور
عضو جديد
عضو جديد
صور احلى صور


ذكر
عدد الرسائل : 423
العمر : 37
نقاط : 373
السٌّمعَة : 0
تاريخ التسجيل : 22/01/2009

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: رد: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Icon_minitimeالأحد فبراير 27, 2011 4:45 pm

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زعيم تحشيش كوم
عضو جديد
عضو جديد
زعيم تحشيش كوم


ذكر
عدد الرسائل : 392
العمر : 36
الموقع : www_www_www_777@yahoo.com
المزاج : مووووووو عدل
نقاط : 419
السٌّمعَة : 0
تاريخ التسجيل : 14/01/2009

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: رد: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Icon_minitimeالخميس مارس 03, 2011 2:29 am

يسلموووووووووو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://swrr.ahlamontada.net
ملكة الليل
عضو جديد
عضو جديد
ملكة الليل


انثى
عدد الرسائل : 240
العمر : 34
نقاط : 224
السٌّمعَة : 0
تاريخ التسجيل : 22/01/2009

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: رد: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Icon_minitimeالجمعة مارس 25, 2011 1:42 am

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


ذكر
عدد الرسائل : 147
العمر : 38
الموقع : عربو
المزاج : تعيس كل يوم
نقاط : 168
السٌّمعَة : 0
تاريخ التسجيل : 27/01/2009

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: رد: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Icon_minitimeالسبت مايو 28, 2011 11:39 pm

الله يعطيك العافية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سوير طبري

سوير طبري


انثى
عدد الرسائل : 7
العمر : 38
الموقع : السعودية
المزاج : رايق
نقاط : 7
السٌّمعَة : 10
تاريخ التسجيل : 21/02/2012

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: رد: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Icon_minitimeالجمعة فبراير 24, 2012 10:24 pm

وحدوا الرحمن



يسلموووو يسلموووو بورك فيك الله يجعلك من أهل الجنة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
درس تصميم ستايل منتدى بشكل احترافي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» ستايل روعه
» كيف تصميم جرح دموي
» درس تصميم توقيع فكتوري
» درس تصميم واجهة موقع مميزة
» تصميم المواقع تحويل ملف فوتوشوب psd الى موقع

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: منتديات الصـور العــامــة :: منتدى صــــور دروس الفوتوشوب-
انتقل الى: