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


يمنع منع باتاً وضع صور النساء أو الموسيقي بالمنتدى أوبالتوقيع
 
الرئيسيةأحدث الصورالتسجيلدخول
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
المواضيع الأخيرة
» 99اطار رومنسي للأعراس
درس تصميم ستايل منتدى بشكل احترافي Emptyالأربعاء يوليو 03, 2013 11:13 pm من طرف عبدالعزيز الفرا

» أمطار منتزة البيضاء بمنطقة المدينة المنورة اليوم الاحد 7/9/1432هـ
درس تصميم ستايل منتدى بشكل احترافي Emptyالإثنين أغسطس 08, 2011 9:05 am من طرف الساعدي

» حديث عن بر الوالدين للشيخ صالح المغامسي
درس تصميم ستايل منتدى بشكل احترافي Emptyالخميس أغسطس 04, 2011 2:04 am من طرف الساعدي

» برنامج لوضع كتابة على الصورة أو ختم2 Watermark Factory
درس تصميم ستايل منتدى بشكل احترافي Emptyالثلاثاء يونيو 14, 2011 3:04 pm من طرف عروبه

» صور للحرم المكي بتاريخ 5/6/1432هـ
درس تصميم ستايل منتدى بشكل احترافي Emptyالثلاثاء مايو 17, 2011 1:25 pm من طرف الساعدي

» خلفيات بور بوينت رائعة
درس تصميم ستايل منتدى بشكل احترافي Emptyالجمعة مايو 13, 2011 3:08 am من طرف mero moon

» صور من عدستي لجبل رضوى بينبع
درس تصميم ستايل منتدى بشكل احترافي Emptyالثلاثاء مايو 03, 2011 5:12 am من طرف عبيدالله المشهوري

» صور خلفيات دلع 2011 لسطح المكتب" خلفيات دلع
درس تصميم ستايل منتدى بشكل احترافي Emptyالإثنين مايو 02, 2011 8:41 pm من طرف بحر الشوق

» صور خلفيات رومانسية خلفيات حب خلفيات للعاشقين
درس تصميم ستايل منتدى بشكل احترافي Emptyالإثنين مايو 02, 2011 8:33 pm من طرف بحر الشوق

دخول
اسم العضو:
كلمة السر:
ادخلني بشكل آلي عند زيارتي مرة اخرى: 
:: لقد نسيت كلمة السر

 

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

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


عدد المساهمات : 241

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Emptyالإثنين أبريل 04, 2011 6:18 pm

بسم الله الرحمن الرحيم

السلام عليكم




نقوم بعمل جديد
بالمقاسات التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
طبعاً الدروس تختلف عن كل دروس الإستايلات السابقة من المصممين
وسأوضح لك كيفية تحكمك في وضع تممد أو بدون تمدد
والدروس بنيت على طريقتي في تصميم الإستايلات
:::::::::::::::::
الآن نقوم باختيار الألوان المناسبة للإستايل
وسنقوم الآن بتصميم استايل معهد فوكس الجديد معاً
فأرجوا مراعاة الألوان
نقوم الآن برسم البنر
طبعاً الطريقة بدون نقط تمدد
ويمكننا الحصو على أشكال مميزة بأداة الباث
رسمت وطلع معي هالشكل مثلاً
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
نقوم بتدبيل الشكل
كالآتي
باضغط على الير بالزر الأيمن
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
وبعد حصولنا على ليرين
نذهب لللير الأسفل
وافعل ما ترى في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ستخرج لنا نافذة
إذهب إلى هذه الخيارات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
كرر الخطوات السابقة
حتى ينتج لك شكل مقبول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الآن نذهب إلى باقي أجزاء البنر
ونقوم بعمل بعض الأفكار الجديدة .. والجميلة
لمسات بسطية تعطي التصميم جمال خيالي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
تابع وأضف الأزرار
وما يحتاج شرح في دروس كثيرة بخصوص الأزرار
شوف كيف طلع معي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
طيب كذا تقرياً نعتبر خلصنا من البنر
طبعاً قصدي التصميم فقط
باقي كثيير تونا في بداية الطريق
نقوم الآن برسم
مستطيل .. كشيء جمالي للمنتدى
ونضيف عليه التأثيرات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الآن نقوم بتصميم أهم وزبدة الموضوع
وهي تصميم اطارات جداول المواضعيع
والناف بار وغيره ..
نقوم برسم مستطيل كالتالي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
طبعاً بنفس المقاسات السابقة
نقوم بهذه الإعدادات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
لاحظ اللمعة .. والتجسيم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد ذلك نقوم بإذافة الصور والداخلات
ويمكنك التحكم في ذلك عن طريق
CTRL+G
لاحظ
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
نقوم بعمل الأعمدة
ارسم مستطيلاً داخل الأول
ونقوم بوضعه عند الحافة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
قم بالدخول على
استايل الطبقة
واختر التدرج اللوني
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ثم كرر نفس الخطوات من الجهة الأخرى
وكذلك كرر خطوات
الإطار العلوي
شاهد ما نتج لدي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
أما الآن نجي لتقطيع
سهل وما يحتاج اي شي
شوف الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

file/save for web

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

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

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

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

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

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

وهو كالآتي :

1-header

2-navbar

3-forumhome

4-foter

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

forumdisplay

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

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

كما بالصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

بعد ذلك

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

لاحظ...

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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


الرئيسيه


كود:
$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]



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


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





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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

ونذهب إلى داخل 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

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

::::::::::

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


إلى نهاية

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

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

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

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

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

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

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

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

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

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

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

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


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

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

[/size][/b][/center]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
درس تصميم ستايل منتدى بشكل احترافي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» 400 ستايل للفوتوشوب
» درس التلاعب بشكل السيارة
» درس تصميم زر بطريقه مميزة
» درس تصميم توقيع فكتوري
» تصميم جديد لبرادات زمزم في الحرم للوقاية من الامراض

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